diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..3de57a360
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,12 @@
+node_modules/
+dist/
+logs/
+.DS_Store
+.git/
+config/local.json
+pleroma-backend/
+test/e2e/reports/
+test/e2e-playwright/test-results/
+test/e2e-playwright/playwright-report/
+__screenshots__/
+
diff --git a/.forgejo/issue_template/bug.yaml b/.forgejo/issue_template/bug.yaml
new file mode 100644
index 000000000..082ee496e
--- /dev/null
+++ b/.forgejo/issue_template/bug.yaml
@@ -0,0 +1,87 @@
+name: 'Bug report'
+about: 'Bug report for Pleroma FE'
+labels:
+  - Bug
+body:
+- type: input
+  id: env-browser
+  attributes:
+    label: Browser and OS
+    description: What browser are you using, including version, and what OS are you running?
+    placeholder: Firefox 140, Arch Linux
+  validations:
+    required: true
+- type: input
+  id: env-instance
+  attributes:
+    label: Instance URL
+  validations:
+    required: false
+- type: input
+  id: env-backend
+  attributes:
+    label: Backend version information
+    description: Backend version being used. (See Settings->Show advanced->Developer)
+    placeholder: Pleroma BE 2.10
+  validations:
+    required: true
+- type: input
+  id: env-frontend
+  attributes:
+    label: Frontend version information
+    description: Frontend version being used. (See Settings->Show advanced->Developer)
+    placeholder: Pleroma FE 2.10
+  validations:
+    required: true
+- type: input
+  id: env-extensions
+  attributes:
+    label: Browser extensions
+    description: List of browser extensions you are using, like uBlock, rikaichamp etc. If none leave empty.
+  validations:
+    required: false
+- type: input
+  id: env-modifications
+  attributes:
+    label: Known instance/user customizations
+    description: Whether you are using a Pleroma FE fork, any mods mods or instance level styles among others.
+  validations:
+    required: false
+- type: textarea
+  id: bug-text
+  attributes:
+    label: Bug description
+    description: A short description of the bug. Images can be helpful.
+  validations:
+    required: true
+- type: textarea
+  id: bug-reproducer
+  attributes:
+    label: Reproduction steps
+    description: Ordered list of reproduction steps needed to make the bug happen. If you don't have reproduction steps, leave this empty.
+    placeholder: |
+      1. Log in with a fresh browser session
+      2. Open timeline X
+      3. Click on button Y
+      4. Z broke
+  validations:
+    required: false
+- type: textarea
+  id: bug-seriousness
+  attributes:
+    label: Bug seriousness
+    value: |
+      * How annoying it is:
+      * How often does it happen:
+      * How many people does it affect:
+      * Is there a workaround for it:
+- type: checkboxes
+  id: duplicate-issues
+  attributes:
+    label: Duplicate issues
+    hide_label: true
+    description: Before submitting this issue, search for same or similar issues on the [Pleroma FE bug tracker](https://git.pleroma.social/pleroma/pleroma-fe/issues).
+    options:
+      - label: I've searched for same or similar issues before submitting this issue.
+        required: true
+        visible: [form]
diff --git a/.forgejo/issue_template/suggestion.yaml b/.forgejo/issue_template/suggestion.yaml
new file mode 100644
index 000000000..c1531d8e3
--- /dev/null
+++ b/.forgejo/issue_template/suggestion.yaml
@@ -0,0 +1,22 @@
+name: 'Feature request / Suggestion / Improvement'
+about: 'Feature requests, suggestions and improvements for Pleroma FE'
+labels:
+  - Feature Request / Enhancement
+body:
+- type: textarea
+  id: issue-text
+  attributes:
+    label: Proposal
+    placeholder: Make groups happen!
+  validations:
+    required: true
+- type: checkboxes
+  id: duplicate-issues
+  attributes:
+    label: Duplicate issues
+    hide_label: true
+    description: Before submitting this issue, search for same or similar requests on the [Pleroma FE bug tracker](https://git.pleroma.social/pleroma/pleroma-fe/issues).
+    options:
+      - label: I've searched for same or similar requests before submitting this issue.
+        required: true
+        visible: [form]
diff --git a/.forgejo/pull_request_template.md b/.forgejo/pull_request_template.md
new file mode 100644
index 000000000..d2d7689bd
--- /dev/null
+++ b/.forgejo/pull_request_template.md
@@ -0,0 +1,12 @@
+### Checklist
+- [ ] Adding a changelog: In the `changelog.d` directory, create a file named `<code>.<type>`.
+
+<!--
+  `<code>` can be anything, but we recommend using a more or less unique identifier to avoid collisions, such as the branch name.
+
+  `<type>` can be `add`, `change`, `remove`, `fix`, `security` or `skip`. `skip` is only used if there is no user-visible change in the MR (for example, only editing comments in the code). Otherwise, choose a type that corresponds to your change.
+
+  In the file, write the changelog entry. For example, if an MR adds group functionality, we can create a file named `group.add` and write `Add group functionality` in it.
+
+  If one changelog entry is not enough, you may add more. But that might mean you can split it into two MRs. Only use more than one changelog entry if you really need to (for example, when one change in the code fix two different bugs, or when refactoring).
+-->
diff --git a/.gitignore b/.gitignore
index 01ffda9a8..c4a96ee1e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,8 +4,11 @@ dist/
 npm-debug.log
 test/unit/coverage
 test/e2e/reports
+test/e2e-playwright/test-results
+test/e2e-playwright/playwright-report
 selenium-debug.log
 .idea/
+.gitlab-ci-local/
 config/local.json
 src/assets/emoji.json
 logs/
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 99c85dd36..06fbf45f9 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -34,12 +34,23 @@ check-changelog:
     - apk add git
     - sh ./tools/check-changelog
 
-lint:
+lint-eslint:
   stage: lint
   script:
     - yarn
-    - yarn lint
-    - yarn stylelint
+    - yarn ci-eslint
+
+lint-biome:
+  stage: lint
+  script:
+    - yarn
+    - yarn ci-biome
+
+lint-stylelint:
+  stage: lint
+  script:
+    - yarn
+    - yarn ci-stylelint
 
 test:
   stage: test
@@ -60,6 +71,135 @@ test:
       - test/**/__screenshots__
     when: on_failure
 
+e2e-pleroma:
+  stage: test
+  image: mcr.microsoft.com/playwright:v1.57.0-jammy
+  services:
+    - name: postgres:15-alpine
+      alias: db
+    - name: $PLEROMA_IMAGE
+      alias: pleroma
+      entrypoint: ["/bin/ash", "-c"]
+      command:
+        - |
+          set -eu
+
+          SEED_SENTINEL_PATH=/var/lib/pleroma/.e2e_seeded
+          CONFIG_OVERRIDE_PATH=/var/lib/pleroma/config.exs
+
+          echo '-- Waiting for database...'
+          while ! pg_isready -U ${DB_USER:-pleroma} -d postgres://${DB_HOST:-db}:${DB_PORT:-5432}/${DB_NAME:-pleroma} -t 1; do
+            sleep 1s
+          done
+
+          echo '-- Writing E2E config overrides...'
+          cat > $CONFIG_OVERRIDE_PATH <<EOF
+          import Config
+
+          config :pleroma, Pleroma.Captcha,
+            enabled: false
+
+          config :pleroma, :instance,
+            registrations_open: true,
+            account_activation_required: false,
+            approval_required: false
+          EOF
+
+          echo '-- Running migrations...'
+          /opt/pleroma/bin/pleroma_ctl migrate
+
+          echo '-- Starting!'
+          /opt/pleroma/bin/pleroma start &
+          PLEROMA_PID=$!
+
+          cleanup() {
+            if kill -0 $PLEROMA_PID 2>/dev/null; then
+              kill -TERM $PLEROMA_PID
+              wait $PLEROMA_PID || true
+            fi
+          }
+
+          trap cleanup INT TERM
+
+          echo '-- Waiting for API...'
+          api_ok=false
+          for _i in $(seq 1 120); do
+            if wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null 2>&1; then
+              api_ok=true
+              break
+            fi
+            sleep 1s
+          done
+
+          if [ $api_ok != true ]; then
+            echo 'Timed out waiting for Pleroma API to become available'
+            exit 1
+          fi
+
+          if [ ! -f $SEED_SENTINEL_PATH ]; then
+            if [ -n ${E2E_ADMIN_USERNAME:-} ] && [ -n ${E2E_ADMIN_PASSWORD:-} ] && [ -n ${E2E_ADMIN_EMAIL:-} ]; then
+              echo '-- Seeding admin user' $E2E_ADMIN_USERNAME '...'
+              if ! /opt/pleroma/bin/pleroma_ctl user new $E2E_ADMIN_USERNAME $E2E_ADMIN_EMAIL --admin --password $E2E_ADMIN_PASSWORD -y; then
+                echo '-- User already exists or creation failed, ensuring admin + confirmed...'
+                /opt/pleroma/bin/pleroma_ctl user set $E2E_ADMIN_USERNAME --admin --confirmed
+              fi
+            else
+              echo '-- Skipping admin seeding (missing E2E_ADMIN_* env)'
+            fi
+
+            touch $SEED_SENTINEL_PATH
+          fi
+
+          wait $PLEROMA_PID
+  tags:
+    - amd64
+    - himem
+  variables:
+    PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+    FF_NETWORK_PER_BUILD: "true"
+    PLEROMA_IMAGE: git.pleroma.social:5050/pleroma/pleroma:stable
+    POSTGRES_USER: pleroma
+    POSTGRES_PASSWORD: pleroma
+    POSTGRES_DB: pleroma
+    DB_USER: pleroma
+    DB_PASS: pleroma
+    DB_NAME: pleroma
+    DB_HOST: db
+    DB_PORT: 5432
+    DOMAIN: localhost
+    INSTANCE_NAME: Pleroma E2E
+    E2E_ADMIN_USERNAME: admin
+    E2E_ADMIN_PASSWORD: adminadmin
+    E2E_ADMIN_EMAIL: admin@example.com
+    ADMIN_EMAIL: $E2E_ADMIN_EMAIL
+    NOTIFY_EMAIL: $E2E_ADMIN_EMAIL
+    VITE_PROXY_TARGET: http://pleroma:4000
+    VITE_PROXY_ORIGIN: http://localhost:4000
+    E2E_BASE_URL: http://localhost:8080
+  script:
+    - npm install -g yarn@1.22.22
+    - yarn --frozen-lockfile
+    - |
+      echo "-- Waiting for Pleroma API..."
+      api_ok="false"
+      for _i in $(seq 1 120); do
+        if wget -qO- http://pleroma:4000/api/v1/instance >/dev/null 2>&1; then
+          api_ok="true"
+          break
+        fi
+        sleep 1s
+      done
+      if [ "$api_ok" != "true" ]; then
+        echo "Timed out waiting for Pleroma API to become available"
+        exit 1
+      fi
+    - yarn e2e:pw
+  artifacts:
+    when: on_failure
+    paths:
+      - test/e2e-playwright/test-results
+      - test/e2e-playwright/playwright-report
+
 build:
   stage: build
   tags:
diff --git a/.gitlab/merge_request_templates/Release.md b/.gitlab/merge_request_templates/Release.md
new file mode 100644
index 000000000..d02e14a73
--- /dev/null
+++ b/.gitlab/merge_request_templates/Release.md
@@ -0,0 +1,8 @@
+### Release checklist
+* [ ] Bump version in `package.json`
+* [ ] Compile a changelog with the `tools/collect-changelog` script
+* [ ] Create an MR with an announcement to pleroma.social
+#### post-merge
+* [ ] Tag the release on the merge commit
+* [ ] Make the tag into a Gitlab Release™
+* [ ] Merge `master` into `develop` (in case the fixes are already in develop, use `git merge -s ours --no-commit` and manually merge the changelogs)
diff --git a/.stylelintrc.json b/.stylelintrc.json
index c91107595..afdfd5f5b 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -12,6 +12,8 @@
     "custom-property-pattern": null,
     "keyframes-name-pattern": null,
     "scss/operator-no-newline-after": null,
+    "declaration-property-value-no-unknown": true,
+    "scss/declaration-property-value-no-unknown": true,
     "declaration-block-no-redundant-longhand-properties": [
       true,
       {
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c2f0e7d17..1eb5a9cb4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,76 @@
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
+
+## 2.10.1
+### Fixed
+- fixed being unable to set actor type from profile page
+- fixed error when clicking mute menu itself (instead of submenu items)
+- fixed mute -> domain status submenu not working
+
+### Internal
+- Add playwright E2E-tests with an optional docker-based backend
+
+## 2.10.0
+### Changed
+- Temporary changes modal now shows actual countdown instead of fixed timeout
+- Disabled elements are more disabled now
+- Rearranged and split settings to make more sense and be less of a wall of text
+- On mobile settings now take up full width and presented in navigation style
+improved styles for settings
+
+### Added
+- Most of the remaining AdminFE tabs were added into Admin Dashboard
+- It's now possible to customize PWA Manfiest from PleromaFE
+- Make every configuration option default-overridable by instance admins
+
+### Fixed
+- Fixed settings not appearing if user never touched "show advanced" toggle
+- Fix display of the broken/deleted/banned users
+- Fixed incorrect emoji display in post interaction lists
+- Fixed list title not being saved when editing
+- Fixed poll notifications not being expandable
+
+
+## 2.9.3
+### Fixed
+- Being unable to update profile
+
+## 2.9.2
+### Changed
+- BREAKING: due to some internal technical changes logging into AdminFE through PleromaFE is no longer possible
+- User card/profile got an overhaul
+- Profile editing overhaul
+- Visually combined subject and content fields in post form
+- Moved post form's emoji button into input field
+- Minor visual changes and fixes
+- Clicking on fav/rt/emoji notifications' contents expands/collapses it
+- Reduced time taken processing theme by half
+- Splash screen only appears if loading takes more than 2 seconds
+
+### Added
+- Mutes received an update, adding support for regex, muting based on username and expiration time.
+- Mutes are now synchronized across sessions
+- Support for expiring mutes and blocks (if available)
+- Clicking on emoji shows bigger version of it alongside with its shortcode
+  - Admins also are able to copy it into a local pack
+- Added support for Akkoma and IceShrimp.NET backends
+- Compatibility with stricter CSP (Akkoma backend)
+- Added a way to upload new packs from a URL or ZIP file via the Admin Dashboard
+- Unify show/hide content buttons
+- Add support for detachable scrollTop button
+- Option to left-align user bio
+- Cache assets and emojis with service worker
+- Indicate currently active V3 theme as a body element class
+- Add arithmetic blend ISS function
+
+### Fixed
+- Display counter for status action buttons when they are in the menu
+- Fix bookmark button alignment in the extra actions menu
+- Instance favicons are no longer stretched
+- A lot more scalable UI fixes
+  - Emoji picker now should work fine when emoji size is increased
+
 ## 2.8.0
 ### Changed
 - BREAKING: static/img/nsfw.2958239.png is now static/img/nsfw.DepQPhG0.png, which may affect people who specify exactly this path as the cover image
@@ -34,8 +104,8 @@ This does not guarantee that browsers will or will not work.
 - Support displaying time in absolute format
 - Add draft management system
 - Compress most kinds of images on upload.
-- Added option to always convert images to JPEG format instead of using WebP when compressing images. 
-- Added configurable image compression option in general settings, allowing users to control whether images are compressed before upload. 
+- Added option to always convert images to JPEG format instead of using WebP when compressing images.
+- Added configurable image compression option in general settings, allowing users to control whether images are compressed before upload.
 - Inform users that Smithereen public polls are public
 - Splash screen + loading indicator to make process of identifying initialization issues and load performance
 - UI for making v3 themes and palettes, support for bundling v3 themes
diff --git a/README.md b/README.md
index 6a37195d5..16d32dcd2 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 # For Translators
 
-To translate Pleroma-FE, use our weblate server: https://translate.pleroma.social/. If you need to add your language it should be added as a json file in [src/i18n/](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/src/i18n/) folder and added in a list within [src/i18n/languages.js](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/src/i18n/languages.js). 
+To translate Pleroma-FE, use our weblate server: https://translate.pleroma.social/. If you need to add your language it should be added as a json file in [src/i18n/](https://git.pleroma.social/pleroma/pleroma-fe/src/src/i18n/) folder and added in a list within [src/i18n/languages.js](https://git.pleroma.social/pleroma/pleroma-fe/src/src/i18n/languages.js). 
 
 Pleroma-FE will set your language by your browser locale, but you can change language in settings.
 
@@ -32,10 +32,10 @@ yarn unit
 
 # For Contributors:
 
-You can create file `/config/local.json` (see [example](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/config/local.example.json)) to enable some convenience dev options:
+You can create file `/config/local.json` (see [example](https://git.pleroma.social/pleroma/pleroma-fe/src/config/local.example.json)) to enable some convenience dev options:
 
 * `target`: makes local dev server redirect to some existing instance's BE instead of local BE, useful for testing things in near-production environment and searching for real-life use-cases.
-* `staticConfigPreference`: makes FE's `/static/config.json` take preference of BE-served `/api/statusnet/config.json`. Only works in dev mode.
+* `staticConfigPreference`: makes FE's `/static/config.json` take preference of BE-served `/api/pleroma/frontend_configurations`. Only works in dev mode.
 
 FE Build process also leaves current commit hash in global variable `___pleromafe_commit_hash` so that you can easily see which pleroma-fe commit instance is running, also helps pinpointing which commit was used when FE was bundled into BE.
 
diff --git a/biome.json b/biome.json
new file mode 100644
index 000000000..6a464a0e5
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,149 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": ["**", "!!**/dist", "!!tools/emojis.json"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "linter": {
+    "enabled": true,
+    "domains": {
+      "vue": "recommended"
+    },
+    "rules": {
+      "recommended": false,
+      "complexity": {
+        "noAdjacentSpacesInRegex": "error",
+        "noExtraBooleanCast": "error",
+        "noUselessCatch": "error",
+        "noUselessEscapeInRegex": "error"
+      },
+      "correctness": {
+        "noConstAssign": "error",
+        "noConstantCondition": "error",
+        "noEmptyCharacterClassInRegex": "error",
+        "noEmptyPattern": "error",
+        "noGlobalObjectCalls": "error",
+        "noInvalidBuiltinInstantiation": "error",
+        "noInvalidConstructorSuper": "error",
+        "noNonoctalDecimalEscape": "error",
+        "noPrecisionLoss": "error",
+        "noSelfAssign": "error",
+        "noSetterReturn": "error",
+        "noSwitchDeclarations": "error",
+        "noUndeclaredVariables": "error",
+        "noUnreachable": "error",
+        "noUnreachableSuper": "error",
+        "noUnsafeFinally": "error",
+        "noUnsafeOptionalChaining": "error",
+        "noUnusedLabels": "error",
+        "noUnusedPrivateClassMembers": "error",
+        "noUnusedVariables": "error",
+        "useIsNan": "error",
+        "useValidForDirection": "error",
+        "useValidTypeof": "error",
+        "useYield": "error"
+      },
+      "suspicious": {
+        "noAsyncPromiseExecutor": "error",
+        "noCatchAssign": "error",
+        "noClassAssign": "error",
+        "noCompareNegZero": "error",
+        "noConstantBinaryExpressions": "error",
+        "noControlCharactersInRegex": "error",
+        "noDebugger": "error",
+        "noDuplicateCase": "error",
+        "noDuplicateClassMembers": "error",
+        "noDuplicateElseIf": "error",
+        "noDuplicateObjectKeys": "error",
+        "noDuplicateParameters": "error",
+        "noEmptyBlockStatements": "error",
+        "noFallthroughSwitchClause": "error",
+        "noFunctionAssign": "error",
+        "noGlobalAssign": "error",
+        "noImportAssign": "error",
+        "noIrregularWhitespace": "error",
+        "noMisleadingCharacterClass": "error",
+        "noPrototypeBuiltins": "error",
+        "noRedeclare": "error",
+        "noShadowRestrictedNames": "error",
+        "noSparseArray": "error",
+        "noUnsafeNegation": "error",
+        "noUselessRegexBackrefs": "error",
+        "noWith": "error",
+        "useGetterReturn": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    },
+    "globals": []
+  },
+  "overrides": [
+    {
+      "includes": ["**/*.spec.js", "test/fixtures/*.js"],
+      "javascript": {
+        "globals": [
+          "vi",
+          "describe",
+          "it",
+          "test",
+          "expect",
+          "before",
+          "beforeEach",
+          "after",
+          "afterEach"
+        ]
+      }
+    },
+    {
+      "includes": ["**/*.vue"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          },
+          "correctness": {
+            "noUnusedVariables": "off",
+            "noUnusedImports": "off"
+          }
+        }
+      }
+    }
+  ],
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "groups": [
+              [":NODE:", ":PACKAGE:", "!src/**", "!@fortawesome/**"],
+              ":BLANK_LINE:",
+              [":PATH:", "src/components/**"],
+              ":BLANK_LINE:",
+              [":PATH:", "src/stores/**"],
+              ":BLANK_LINE:",
+              [":PATH:", "src/**", "src/stores/**", "src/components/**"],
+              ":BLANK_LINE:",
+              "@fortawesome/fontawesome-svg-core",
+              "@fortawesome/*"
+            ]
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/build/check-versions.mjs b/build/check-versions.mjs
index 73c1eeb15..8c5968a30 100644
--- a/build/check-versions.mjs
+++ b/build/check-versions.mjs
@@ -1,5 +1,5 @@
-import semver from 'semver'
 import chalk from 'chalk'
+import semver from 'semver'
 
 import packageConfig from '../package.json' with { type: 'json' }
 
@@ -7,8 +7,8 @@ var versionRequirements = [
   {
     name: 'node',
     currentVersion: semver.clean(process.version),
-    versionRequirement: packageConfig.engines.node
-  }
+    versionRequirement: packageConfig.engines.node,
+  },
 ]
 
 export default function () {
@@ -16,15 +16,22 @@ export default function () {
   for (let i = 0; i < versionRequirements.length; i++) {
     const mod = versionRequirements[i]
     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
-      warnings.push(mod.name + ': ' +
-        chalk.red(mod.currentVersion) + ' should be ' +
-        chalk.green(mod.versionRequirement)
+      warnings.push(
+        mod.name +
+          ': ' +
+          chalk.red(mod.currentVersion) +
+          ' should be ' +
+          chalk.green(mod.versionRequirement),
       )
     }
   }
 
   if (warnings.length) {
-    console.warn(chalk.yellow('\nTo use this template, you must update following to modules:\n'))
+    console.warn(
+      chalk.yellow(
+        '\nTo use this template, you must update following to modules:\n',
+      ),
+    )
     for (let i = 0; i < warnings.length; i++) {
       const warning = warnings[i]
       console.warn('  ' + warning)
diff --git a/build/commit_hash.js b/build/commit_hash.js
index c104af5d9..c60355804 100644
--- a/build/commit_hash.js
+++ b/build/commit_hash.js
@@ -1,8 +1,8 @@
 import childProcess from 'child_process'
 
-export const getCommitHash = (() => {
-  const subst = "$Format:%h$"
-  if(!subst.match(/Format:/)) {
+export const getCommitHash = () => {
+  const subst = '$Format:%h$'
+  if (!subst.match(/Format:/)) {
     return subst
   } else {
     try {
@@ -15,4 +15,4 @@ export const getCommitHash = (() => {
       return 'UNKNOWN'
     }
   }
-})
+}
diff --git a/build/copy_plugin.js b/build/copy_plugin.js
index a783fe7ff..4f020f359 100644
--- a/build/copy_plugin.js
+++ b/build/copy_plugin.js
@@ -1,8 +1,8 @@
-import serveStatic from 'serve-static'
-import { resolve } from 'node:path'
 import { cp } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import serveStatic from 'serve-static'
 
-const getPrefix = s => {
+const getPrefix = (s) => {
   const padEnd = s.endsWith('/') ? s : s + '/'
   return padEnd.startsWith('/') ? padEnd : '/' + padEnd
 }
@@ -13,28 +13,31 @@ const copyPlugin = ({ inUrl, inFs }) => {
   let copyTarget
   const handler = serveStatic(inFs)
 
-  return [{
-    name: 'copy-plugin-serve',
-    apply: 'serve',
-    configureServer (server) {
-      server.middlewares.use(prefix, handler)
-    }
-  }, {
-    name: 'copy-plugin-build',
-    apply: 'build',
-    configResolved (config) {
-      copyTarget = resolve(config.root, config.build.outDir, subdir)
+  return [
+    {
+      name: 'copy-plugin-serve',
+      apply: 'serve',
+      configureServer(server) {
+        server.middlewares.use(prefix, handler)
+      },
     },
-    closeBundle: {
-      order: 'post',
-      sequential: true,
-      async handler () {
-        console.log(`Copying '${inFs}' to ${copyTarget}...`)
-        await cp(inFs, copyTarget, { recursive: true })
-        console.log('Done.')
-      }
-    }
-  }]
+    {
+      name: 'copy-plugin-build',
+      apply: 'build',
+      configResolved(config) {
+        copyTarget = resolve(config.root, config.build.outDir, subdir)
+      },
+      closeBundle: {
+        order: 'post',
+        sequential: true,
+        async handler() {
+          console.info(`Copying '${inFs}' to ${copyTarget}...`)
+          await cp(inFs, copyTarget, { recursive: true })
+          console.info('Done.')
+        },
+      },
+    },
+  ]
 }
 
 export default copyPlugin
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index aed52066d..9872f5331 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,21 +1,23 @@
-import { resolve } from 'node:path'
 import { access } from 'node:fs/promises'
-import { languages, langCodeToCldrName } from '../src/i18n/languages.js'
+import { resolve } from 'node:path'
+
+import { languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
 const specialAnnotationsLocale = {
-  ja_easy: 'ja'
+  ja_easy: 'ja',
 }
 
-const internalToAnnotationsLocale = (internal) => specialAnnotationsLocale[internal] || internal
+const internalToAnnotationsLocale = (internal) =>
+  specialAnnotationsLocale[internal] || internal
 
 // This gets all the annotations that are accessible (whose language
 // can be chosen in the settings). Data for other languages are
 // discarded because there is no way for it to be fetched.
 const getAllAccessibleAnnotations = async (projectRoot) => {
-  const imports = (await Promise.all(
-    languages
-      .map(async lang => {
+  const imports = (
+    await Promise.all(
+      languages.map(async (lang) => {
         const destLang = internalToAnnotationsLocale(lang)
         const importModule = `${annotationsImportPrefix}${destLang}.json`
         const importFile = resolve(projectRoot, 'node_modules', importModule)
@@ -23,11 +25,18 @@ const getAllAccessibleAnnotations = async (projectRoot) => {
           await access(importFile)
           return `'${lang}': () => import('${importModule}')`
         } catch (e) {
+          if (e.message.match(/ENOENT/)) {
+            console.warn(`Missing emoji annotations locale: ${destLang}`)
+          } else {
+            console.error('test', e.message)
+          }
           return
         }
-      })))
-        .filter(k => k)
-        .join(',\n')
+      }),
+    )
+  )
+    .filter((k) => k)
+    .join(',\n')
 
   return `
 export const annotationsLoader = {
@@ -43,21 +52,21 @@ const emojisPlugin = () => {
   let projectRoot
   return {
     name: 'emojis-plugin',
-    configResolved (conf) {
+    configResolved(conf) {
       projectRoot = conf.root
     },
-    resolveId (id) {
+    resolveId(id) {
       if (id === emojiAnnotationsId) {
         return emojiAnnotationsIdResolved
       }
       return null
     },
-    async load (id) {
+    async load(id) {
       if (id === emojiAnnotationsIdResolved) {
         return await getAllAccessibleAnnotations(projectRoot)
       }
       return null
-    }
+    },
   }
 }
 
diff --git a/build/msw_plugin.js b/build/msw_plugin.js
index f544348fc..c4e9098c5 100644
--- a/build/msw_plugin.js
+++ b/build/msw_plugin.js
@@ -1,5 +1,5 @@
-import { resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
 
 const target = 'node_modules/msw/lib/mockServiceWorker.js'
 
@@ -8,10 +8,10 @@ const mswPlugin = () => {
   return {
     name: 'msw-plugin',
     apply: 'serve',
-    configResolved (conf) {
+    configResolved(conf) {
       projectRoot = conf.root
     },
-    configureServer (server) {
+    configureServer(server) {
       server.middlewares.use(async (req, res, next) => {
         if (req.path === '/mockServiceWorker.js') {
           const file = await readFile(resolve(projectRoot, target))
@@ -21,7 +21,7 @@ const mswPlugin = () => {
           next()
         }
       })
-    }
+    },
   }
 }
 
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index c078e8563..0948aa919 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -1,11 +1,12 @@
-import { languages, langCodeToJsonName } from '../src/i18n/languages.js'
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
+import { langCodeToJsonName, languages } from '../src/i18n/languages.js'
+
 const i18nDir = resolve(
   dirname(dirname(fileURLToPath(import.meta.url))),
-  'src/i18n'
+  'src/i18n',
 )
 
 export const i18nFiles = languages.reduce((acc, lang) => {
@@ -16,13 +17,15 @@ export const i18nFiles = languages.reduce((acc, lang) => {
 }, {})
 
 export const generateServiceWorkerMessages = async () => {
-  const msgArray = await Promise.all(Object.entries(i18nFiles).map(async ([lang, file]) => {
-    const fileContent = await readFile(file, 'utf-8')
-    const msg = {
-      notifications: JSON.parse(fileContent).notifications || {}
-    }
-    return [lang, msg]
-  }))
+  const msgArray = await Promise.all(
+    Object.entries(i18nFiles).map(async ([lang, file]) => {
+      const fileContent = await readFile(file, 'utf-8')
+      const msg = {
+        notifications: JSON.parse(fileContent).notifications || {},
+      }
+      return [lang, msg]
+    }),
+  )
   return msgArray.reduce((acc, [lang, msg]) => {
     acc[lang] = msg
     return acc
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index a2c792b7d..03c5978d7 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -1,9 +1,13 @@
-import { fileURLToPath } from 'node:url'
-import { dirname, resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
-import { build } from 'vite'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import * as esbuild from 'esbuild'
-import { generateServiceWorkerMessages, i18nFiles } from './service_worker_messages.js'
+import { build } from 'vite'
+
+import {
+  generateServiceWorkerMessages,
+  i18nFiles,
+} from './service_worker_messages.js'
 
 const getSWMessagesAsText = async () => {
   const messages = await generateServiceWorkerMessages()
@@ -14,14 +18,10 @@ const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)))
 const swEnvName = 'virtual:pleroma-fe/service_worker_env'
 const swEnvNameResolved = '\0' + swEnvName
 const getDevSwEnv = () => `self.serviceWorkerOption = { assets: [] };`
-const getProdSwEnv = ({ assets }) => `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
+const getProdSwEnv = ({ assets }) =>
+  `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
 
-export const devSwPlugin = ({
-  swSrc,
-  swDest,
-  transformSW,
-  alias
-}) => {
+export const devSwPlugin = ({ swSrc, swDest, transformSW, alias }) => {
   const swFullSrc = resolve(projectRoot, swSrc)
   const esbuildAlias = {}
   Object.entries(alias).forEach(([source, dest]) => {
@@ -31,9 +31,10 @@ export const devSwPlugin = ({
   return {
     name: 'dev-sw-plugin',
     apply: 'serve',
-    configResolved (conf) {
+    configResolved() {
+      /* no-op */
     },
-    resolveId (id) {
+    resolveId(id) {
       const name = id.startsWith('/') ? id.slice(1) : id
       if (name === swDest) {
         return swFullSrc
@@ -42,7 +43,7 @@ export const devSwPlugin = ({
       }
       return null
     },
-    async load (id) {
+    async load(id) {
       if (id === swFullSrc) {
         return readFile(swFullSrc, 'utf-8')
       } else if (id === swEnvNameResolved) {
@@ -55,7 +56,7 @@ export const devSwPlugin = ({
      * during dev, and firefox does not support ESM as service worker
      * https://bugzilla.mozilla.org/show_bug.cgi?id=1360870
      */
-    async transform (code, id) {
+    async transform(code, id) {
       if (id === swFullSrc && transformSW) {
         const res = await esbuild.build({
           entryPoints: [swSrc],
@@ -63,52 +64,54 @@ export const devSwPlugin = ({
           write: false,
           outfile: 'sw-pleroma.js',
           alias: esbuildAlias,
-          plugins: [{
-            name: 'vite-like-root-resolve',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp(/^\//) },
-                args => ({
-                  path: resolve(projectRoot, args.path.slice(1))
-                })
-              )
-            }
-          }, {
-            name: 'sw-messages',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp('^' + swMessagesName + '$') },
-                args => ({
-                  path: args.path,
-                  namespace: 'sw-messages'
+          plugins: [
+            {
+              name: 'vite-like-root-resolve',
+              setup(b) {
+                b.onResolve({ filter: new RegExp(/^\//) }, (args) => ({
+                  path: resolve(projectRoot, args.path.slice(1)),
                 }))
-              b.onLoad(
-                { filter: /.*/, namespace: 'sw-messages' },
-                async () => ({
-                  contents: await getSWMessagesAsText()
+              },
+            },
+            {
+              name: 'sw-messages',
+              setup(b) {
+                b.onResolve(
+                  { filter: new RegExp('^' + swMessagesName + '$') },
+                  (args) => ({
+                    path: args.path,
+                    namespace: 'sw-messages',
+                  }),
+                )
+                b.onLoad(
+                  { filter: /.*/, namespace: 'sw-messages' },
+                  async () => ({
+                    contents: await getSWMessagesAsText(),
+                  }),
+                )
+              },
+            },
+            {
+              name: 'sw-env',
+              setup(b) {
+                b.onResolve(
+                  { filter: new RegExp('^' + swEnvName + '$') },
+                  (args) => ({
+                    path: args.path,
+                    namespace: 'sw-env',
+                  }),
+                )
+                b.onLoad({ filter: /.*/, namespace: 'sw-env' }, () => ({
+                  contents: getDevSwEnv(),
                 }))
-            }
-          }, {
-            name: 'sw-env',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp('^' + swEnvName + '$') },
-                args => ({
-                  path: args.path,
-                  namespace: 'sw-env'
-                }))
-              b.onLoad(
-                { filter: /.*/, namespace: 'sw-env' },
-                () => ({
-                  contents: getDevSwEnv()
-                }))
-            }
-          }]
+              },
+            },
+          ],
         })
         const text = res.outputFiles[0].text
         return text
       }
-    }
+    },
   }
 }
 
@@ -118,16 +121,13 @@ export const devSwPlugin = ({
 // however, we must compile the service worker to iife because of browser support.
 // Run another vite build just for the service worker targeting iife at
 // the end of the build.
-export const buildSwPlugin = ({
-  swSrc,
-  swDest,
-}) => {
+export const buildSwPlugin = ({ swSrc, swDest }) => {
   let config
   return {
     name: 'build-sw-plugin',
     enforce: 'post',
     apply: 'build',
-    configResolved (resolvedConfig) {
+    configResolved(resolvedConfig) {
       config = {
         define: resolvedConfig.define,
         resolve: resolvedConfig.resolve,
@@ -138,50 +138,50 @@ export const buildSwPlugin = ({
           lib: {
             entry: swSrc,
             formats: ['iife'],
-            name: 'sw_pleroma'
+            name: 'sw_pleroma',
           },
           emptyOutDir: false,
           rollupOptions: {
             output: {
-              entryFileNames: swDest
-            }
-          }
+              entryFileNames: swDest,
+            },
+          },
         },
-        configFile: false
+        configFile: false,
       }
     },
     generateBundle: {
       order: 'post',
       sequential: true,
-      async handler (_, bundle) {
+      async handler(_, bundle) {
         const assets = Object.keys(bundle)
-              .filter(name => !/\.map$/.test(name))
-              .map(name => '/' + name)
+          .filter((name) => !/\.map$/.test(name))
+          .map((name) => '/' + name)
         config.plugins.push({
           name: 'build-sw-env-plugin',
-          resolveId (id) {
+          resolveId(id) {
             if (id === swEnvName) {
               return swEnvNameResolved
             }
             return null
           },
-          load (id) {
+          load(id) {
             if (id === swEnvNameResolved) {
               return getProdSwEnv({ assets })
             }
             return null
-          }
+          },
         })
-      }
+      },
     },
     closeBundle: {
       order: 'post',
       sequential: true,
-      async handler () {
-        console.log('Building service worker for production')
+      async handler() {
+        console.info('Building service worker for production')
         await build(config)
-      }
-    }
+      },
+    },
   }
 }
 
@@ -191,9 +191,9 @@ const swMessagesNameResolved = '\0' + swMessagesName
 export const swMessagesPlugin = () => {
   return {
     name: 'sw-messages-plugin',
-    resolveId (id) {
+    resolveId(id) {
       if (id === swMessagesName) {
-        Object.values(i18nFiles).forEach(f => {
+        Object.values(i18nFiles).forEach((f) => {
           this.addWatchFile(f)
         })
         return swMessagesNameResolved
@@ -201,11 +201,11 @@ export const swMessagesPlugin = () => {
         return null
       }
     },
-    async load (id) {
+    async load(id) {
       if (id === swMessagesNameResolved) {
         return await getSWMessagesAsText()
       }
       return null
-    }
+    },
   }
 }
diff --git a/build/update-emoji.js b/build/update-emoji.js
index 5d578ba61..4ff7e1de8 100644
--- a/build/update-emoji.js
+++ b/build/update-emoji.js
@@ -1,22 +1,21 @@
-
-import emojis from '@kazvmoe-infra/unicode-emoji-json/data-by-group.json' with { type: 'json' }
+import emojis from '@kazvmoe-infra/unicode-emoji-json/data-by-group.json' with {
+  type: 'json',
+}
 import fs from 'fs'
 
-Object.keys(emojis)
-  .map(k => {
-    emojis[k].map(e => {
-      delete e.unicode_version
-      delete e.emoji_version
-      delete e.skin_tone_support_unicode_version
-    })
+Object.keys(emojis).map((k) => {
+  emojis[k].map((e) => {
+    delete e.unicode_version
+    delete e.emoji_version
+    delete e.skin_tone_support_unicode_version
   })
+})
 
 const res = {}
-Object.keys(emojis)
-  .map(k => {
-    const groupId = k.replace('&', 'and').replace(/ /g, '-').toLowerCase()
-    res[groupId] = emojis[k]
-  })
+Object.keys(emojis).map((k) => {
+  const groupId = k.replace('&', 'and').replace(/ /g, '-').toLowerCase()
+  res[groupId] = emojis[k]
+})
 
 console.info('Updating emojis...')
 fs.writeFileSync('src/assets/emoji.json', JSON.stringify(res))
diff --git a/changelog.d/action-button-extra-counter.add b/changelog.d/action-button-extra-counter.add
deleted file mode 100644
index 7d5c77447..000000000
--- a/changelog.d/action-button-extra-counter.add
+++ /dev/null
@@ -1 +0,0 @@
-Display counter for status action buttons when they are on the menu
diff --git a/changelog.d/akkoma-sharkey-net-support.add b/changelog.d/akkoma-sharkey-net-support.add
deleted file mode 100644
index 4b4bff7fe..000000000
--- a/changelog.d/akkoma-sharkey-net-support.add
+++ /dev/null
@@ -1 +0,0 @@
-Added support for Akkoma and IceShrimp.NET backend
diff --git a/changelog.d/arithmetic-blend.add b/changelog.d/arithmetic-blend.add
deleted file mode 100644
index c579dca28..000000000
--- a/changelog.d/arithmetic-blend.add
+++ /dev/null
@@ -1,2 +0,0 @@
-Add arithmetic blend ISS function
-
diff --git a/changelog.d/attrs-parsing.fix b/changelog.d/attrs-parsing.fix
new file mode 100644
index 000000000..e36e59a86
--- /dev/null
+++ b/changelog.d/attrs-parsing.fix
@@ -0,0 +1 @@
+Fix HTML attribute parsing for escaped quotes
\ No newline at end of file
diff --git a/changelog.d/better-scroll-button.add b/changelog.d/better-scroll-button.add
deleted file mode 100644
index b206869d1..000000000
--- a/changelog.d/better-scroll-button.add
+++ /dev/null
@@ -1 +0,0 @@
-Add support for detachable scrollTop button
diff --git a/changelog.d/bookmark-button-align.fix b/changelog.d/bookmark-button-align.fix
deleted file mode 100644
index 64bc2c807..000000000
--- a/changelog.d/bookmark-button-align.fix
+++ /dev/null
@@ -1 +0,0 @@
-Fix bookmark button alignment in the extra actions menu
diff --git a/changelog.d/csp.add b/changelog.d/csp.add
deleted file mode 100644
index 260337b97..000000000
--- a/changelog.d/csp.add
+++ /dev/null
@@ -1 +0,0 @@
-Compatibility with stricter CSP (Akkoma backend)
diff --git a/changelog.d/filter-fixes.skip b/changelog.d/filter-fixes.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/fix-emojis-breaking-bio.fix b/changelog.d/fix-emojis-breaking-bio.fix
new file mode 100644
index 000000000..62a607d8a
--- /dev/null
+++ b/changelog.d/fix-emojis-breaking-bio.fix
@@ -0,0 +1 @@
+Fix emojis breaking user bio/description editing
diff --git a/changelog.d/fix-wrap.skip b/changelog.d/fix-wrap.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/akkoma.skip b/changelog.d/instance-store-migration.skip
similarity index 100%
rename from changelog.d/akkoma.skip
rename to changelog.d/instance-store-migration.skip
diff --git a/changelog.d/migrate-auth-flow-pinia.skip b/changelog.d/migrate-auth-flow-pinia.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/migrate-oauth-tokens-module-to-pinia-store.skip b/changelog.d/migrate-oauth-tokens-module-to-pinia-store.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/mutes-sync.add b/changelog.d/mutes-sync.add
deleted file mode 100644
index e8e0e462a..000000000
--- a/changelog.d/mutes-sync.add
+++ /dev/null
@@ -1 +0,0 @@
-Synchronized mutes, advanced mute control (regexp, expiry, naming)
diff --git a/changelog.d/profile-error.fix b/changelog.d/profile-error.fix
deleted file mode 100644
index f123db5ae..000000000
--- a/changelog.d/profile-error.fix
+++ /dev/null
@@ -1 +0,0 @@
-Fix error styling for user profiles
diff --git a/changelog.d/small-fixes.skip b/changelog.d/small-fixes.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/sw-cache-assets.add b/changelog.d/sw-cache-assets.add
deleted file mode 100644
index 5f7414eee..000000000
--- a/changelog.d/sw-cache-assets.add
+++ /dev/null
@@ -1 +0,0 @@
-Cache assets and emojis with service worker
diff --git a/changelog.d/theme3-body-class.add b/changelog.d/theme3-body-class.add
deleted file mode 100644
index f3d36fd70..000000000
--- a/changelog.d/theme3-body-class.add
+++ /dev/null
@@ -1 +0,0 @@
-Indicate currently active V3 theme as a body element class
diff --git a/changelog.d/unify-show-hide-buttons.add b/changelog.d/unify-show-hide-buttons.add
deleted file mode 100644
index 663bc38a5..000000000
--- a/changelog.d/unify-show-hide-buttons.add
+++ /dev/null
@@ -1 +0,0 @@
-Unify show/hide content buttons
diff --git a/docker-compose.e2e.yml b/docker-compose.e2e.yml
new file mode 100644
index 000000000..75a4979a1
--- /dev/null
+++ b/docker-compose.e2e.yml
@@ -0,0 +1,57 @@
+services:
+  db:
+    image: postgres:15-alpine
+    environment:
+      POSTGRES_USER: pleroma
+      POSTGRES_PASSWORD: pleroma
+      POSTGRES_DB: pleroma
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U pleroma -d pleroma"]
+      interval: 2s
+      timeout: 2s
+      retries: 30
+
+  pleroma:
+    image: ${PLEROMA_IMAGE:-git.pleroma.social:5050/pleroma/pleroma:stable}
+    environment:
+      DB_USER: pleroma
+      DB_PASS: pleroma
+      DB_NAME: pleroma
+      DB_HOST: db
+      DB_PORT: 5432
+      DOMAIN: localhost
+      INSTANCE_NAME: Pleroma E2E
+      ADMIN_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+      NOTIFY_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+      E2E_ADMIN_USERNAME: ${E2E_ADMIN_USERNAME:-admin}
+      E2E_ADMIN_PASSWORD: ${E2E_ADMIN_PASSWORD:-adminadmin}
+      E2E_ADMIN_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+    depends_on:
+      db:
+        condition: service_healthy
+    volumes:
+      - ./docker/pleroma/entrypoint.e2e.sh:/opt/pleroma/entrypoint.e2e.sh:ro
+    entrypoint: ["/bin/ash", "/opt/pleroma/entrypoint.e2e.sh"]
+    healthcheck:
+      # NOTE: "localhost" may resolve to ::1 in some images (IPv6) while Pleroma only
+      # listens on IPv4 in this container. Use 127.0.0.1 to avoid false negatives.
+      test: ["CMD-SHELL", "test -f /var/lib/pleroma/.e2e_seeded && wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null || exit 1"]
+      interval: 5s
+      timeout: 3s
+      retries: 60
+
+  e2e:
+    build:
+      context: .
+      dockerfile: docker/e2e/Dockerfile.e2e
+    depends_on:
+      pleroma:
+        condition: service_healthy
+    environment:
+      CI: "1"
+      VITE_PROXY_TARGET: http://pleroma:4000
+      VITE_PROXY_ORIGIN: http://localhost:4000
+      E2E_BASE_URL: http://localhost:8080
+      E2E_ADMIN_USERNAME: ${E2E_ADMIN_USERNAME:-admin}
+      E2E_ADMIN_PASSWORD: ${E2E_ADMIN_PASSWORD:-adminadmin}
+    command: ["yarn", "e2e:pw"]
diff --git a/docker/e2e/Dockerfile.e2e b/docker/e2e/Dockerfile.e2e
new file mode 100644
index 000000000..e84359ceb
--- /dev/null
+++ b/docker/e2e/Dockerfile.e2e
@@ -0,0 +1,16 @@
+FROM mcr.microsoft.com/playwright:v1.57.0-jammy
+
+WORKDIR /app
+
+ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1
+
+RUN npm install -g yarn@1.22.22
+
+COPY package.json yarn.lock ./
+RUN yarn --frozen-lockfile
+
+COPY . .
+
+ENV CI=1
+
+CMD ["yarn", "e2e:pw"]
diff --git a/docker/pleroma/entrypoint.e2e.sh b/docker/pleroma/entrypoint.e2e.sh
new file mode 100644
index 000000000..96920eeae
--- /dev/null
+++ b/docker/pleroma/entrypoint.e2e.sh
@@ -0,0 +1,71 @@
+#!/bin/ash
+
+set -eu
+
+SEED_SENTINEL_PATH="/var/lib/pleroma/.e2e_seeded"
+CONFIG_OVERRIDE_PATH="/var/lib/pleroma/config.exs"
+
+echo "-- Waiting for database..."
+while ! pg_isready -U "${DB_USER:-pleroma}" -d "postgres://${DB_HOST:-db}:${DB_PORT:-5432}/${DB_NAME:-pleroma}" -t 1; do
+  sleep 1s
+done
+
+echo "-- Writing E2E config overrides..."
+cat > "$CONFIG_OVERRIDE_PATH" <<'EOF'
+import Config
+
+config :pleroma, Pleroma.Captcha,
+  enabled: false
+
+config :pleroma, :instance,
+  registrations_open: true,
+  account_activation_required: false,
+  approval_required: false
+EOF
+
+echo "-- Running migrations..."
+/opt/pleroma/bin/pleroma_ctl migrate
+
+echo "-- Starting!"
+/opt/pleroma/bin/pleroma start &
+PLEROMA_PID="$!"
+
+cleanup() {
+  if [ -n "${PLEROMA_PID:-}" ] && kill -0 "$PLEROMA_PID" 2>/dev/null; then
+    kill -TERM "$PLEROMA_PID"
+    wait "$PLEROMA_PID" || true
+  fi
+}
+
+trap cleanup INT TERM
+
+echo "-- Waiting for API..."
+api_ok="false"
+for _i in $(seq 1 120); do
+  if wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null 2>&1; then
+    api_ok="true"
+    break
+  fi
+  sleep 1s
+done
+
+if [ "$api_ok" != "true" ]; then
+  echo "Timed out waiting for Pleroma API to become available"
+  exit 1
+fi
+
+if [ ! -f "$SEED_SENTINEL_PATH" ]; then
+  if [ -n "${E2E_ADMIN_USERNAME:-}" ] && [ -n "${E2E_ADMIN_PASSWORD:-}" ] && [ -n "${E2E_ADMIN_EMAIL:-}" ]; then
+    echo "-- Seeding admin user (${E2E_ADMIN_USERNAME})..."
+    if ! /opt/pleroma/bin/pleroma_ctl user new "$E2E_ADMIN_USERNAME" "$E2E_ADMIN_EMAIL" --admin --password "$E2E_ADMIN_PASSWORD" -y; then
+      echo "-- User already exists (or creation failed), ensuring admin + confirmed..."
+      /opt/pleroma/bin/pleroma_ctl user set "$E2E_ADMIN_USERNAME" --admin --confirmed
+    fi
+  else
+    echo "-- Skipping admin seeding (missing E2E_ADMIN_* env)"
+  fi
+
+  touch "$SEED_SENTINEL_PATH"
+fi
+
+wait "$PLEROMA_PID"
diff --git a/docs/CONFIGURATION.md b/docs/CONFIGURATION.md
index dfc5f9dc3..8ca076931 100644
--- a/docs/CONFIGURATION.md
+++ b/docs/CONFIGURATION.md
@@ -7,9 +7,9 @@
 
 PleromaFE gets its configuration from several sources, in order of preference (the one above overrides ones below it)
 
-1. `/api/statusnet/config.json` - this is generated on Backend and contains multiple things including instance name, char limit etc. It also contains FE/Client-specific data, PleromaFE uses `pleromafe` field of it. For more info on changing config on BE, look [here](../backend/configuration/cheatsheet.md#frontend_configurations)
-2. `/static/config.json` - this is a static FE-provided file, containing only FE specific configuration. This file is completely optional and could be removed but is useful as a fallback if some configuration JSON property isn't present in BE-provided config. It's also a reference point to check what default configuration are and what JSON properties even exist. In local dev mode it could be used to override BE configuration, more about that in HACKING.md. File is located [here](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/static/config.json).
-3. Built-in defaults. Those are hard-coded defaults that are used when `/static/config.json` is not available and BE-provided configuration JSON is missing some JSON properties. ( [Code](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/src/modules/instance.js) )
+1. `/api/pleroma/frontend_configurations` - this is generated by backend and includes FE/Client-specific data. PleromaFE uses the `pleroma_fe` field of it. For more info on changing config on BE, look [here](../backend/configuration/cheatsheet.md#frontend_configurations)
+2. `/static/config.json` - this is a static FE-provided file, containing only FE specific configuration. This file is completely optional and could be removed but is useful as a fallback if some configuration JSON property isn't present in BE-provided config. It's also a reference point to check what default configuration are and what JSON properties even exist. In local dev mode it could be used to override BE configuration, more about that in HACKING.md. File is located [here](https://git.pleroma.social/pleroma/pleroma-fe/src/public/static/config.json).
+3. Built-in defaults. Those are hard-coded defaults that are used when `/static/config.json` is not available and BE-provided configuration JSON is missing some JSON properties. ( [Code](https://git.pleroma.social/pleroma/pleroma-fe/src/src/stores/instance.js) )
 
 ## Instance-defaults
 
diff --git a/docs/HACKING.md b/docs/HACKING.md
index a5c491136..88760b77a 100644
--- a/docs/HACKING.md
+++ b/docs/HACKING.md
@@ -79,7 +79,7 @@ server {
 
 In 99% cases PleromaFE uses [MastoAPI](https://docs.joinmastodon.org/api/) with [Pleroma Extensions](../backend/API/differences_in_mastoapi_responses.md) to fetch the data. The rest is either QvitterAPI leftovers or pleroma-exclusive APIs. QvitterAPI doesn't exactly have documentation and uses different JSON structure and sometimes different parameters and workflows, [this](https://twitter-api.readthedocs.io/en/latest/index.html) could be a good reference though. Some pleroma-exclusive API may still be using QvitterAPI JSON structure.
 
-PleromaFE supports both formats by transforming them into internal format which is basically QvitterAPI one with some additions and renaming. All data is passed trough [Entity Normalizer](https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/src/services/entity_normalizer/entity_normalizer.service.js) which can serve as a reference of API and what's actually used, it's also a host for all the hacks and data transformation.
+PleromaFE supports both formats by transforming them into internal format which is basically QvitterAPI one with some additions and renaming. All data is passed trough [Entity Normalizer](https://git.pleroma.social/pleroma/pleroma-fe/src/src/services/entity_normalizer/entity_normalizer.service.js) which can serve as a reference of API and what's actually used, it's also a host for all the hacks and data transformation.
 
 For most part, PleromaFE tries to store all the info it can get in global vuex store - every user and post are passed trough updating mechanism where data is either added or merged with existing data, reactively updating the information throughout UI, so if in newest request user's post counter increased, it will be instantly updated in open user profile cards. This is also used to find users, posts and sometimes to build timelines and/or request parameters.
 
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 01bdb2038..417ff8cf3 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,37 +1,34 @@
-import vue from "eslint-plugin-vue";
-import js from "@eslint/js";
-import globals from "globals";
+import js from '@eslint/js'
+import { defineConfig, globalIgnores } from 'eslint/config'
+import vue from 'eslint-plugin-vue'
+import globals from 'globals'
 
-
-export default [
+export default defineConfig([
   ...vue.configs['flat/recommended'],
-  js.configs.recommended,
+  globalIgnores(['**/*.js', 'build/', 'dist/', 'config/']),
   {
-    files: ["**/*.js", "**/*.mjs", "**/*.vue"],
-    ignores: ["build/*.js", "config/*.js"],
-
+    files: ['src/**/*.vue'],
+    plugins: { js },
+    extends: ['js/recommended'],
     languageOptions: {
       ecmaVersion: 2024,
-      sourceType: "module",
+      sourceType: 'module',
 
       parserOptions: {
-        parser: "@babel/eslint-parser",
+        parser: '@babel/eslint-parser',
       },
       globals: {
         ...globals.browser,
         ...globals.vitest,
         ...globals.chai,
         ...globals.commonjs,
-        ...globals.serviceworker
-      }
+        ...globals.serviceworker,
+      },
     },
 
     rules: {
-      'arrow-parens': 0,
-      'generator-star-spacing': 0,
-      'no-debugger': 0,
       'vue/require-prop-types': 0,
       'vue/multi-word-component-names': 0,
-    }
-  }
-]
+    },
+  },
+])
diff --git a/index.html b/index.html
index 96c20c4b7..26eeee19b 100644
--- a/index.html
+++ b/index.html
@@ -11,14 +11,12 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="custom-styles-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
     <noscript>To use Pleroma, please enable JavaScript.</noscript>
-    <div id="splash">
+    <div id="splash" class="initial-hidden">
       <!-- we are hiding entire graphic so no point showing credit -->
       <div aria-hidden="true" id="splash-credit">
         Art by pipivovott
diff --git a/package.json b/package.json
index 5e71a3996..85e79a1d3 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "pleroma_fe",
-  "version": "2.7.1",
+  "version": "2.10.1",
   "description": "Pleroma frontend, the default frontend of Pleroma social network server",
-  "author": "Pleroma contributors <https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/CONTRIBUTORS.md>",
+  "author": "Pleroma contributors <https://git.pleroma.social/pleroma/pleroma-fe/src/CONTRIBUTORS.md>",
   "private": false,
   "scripts": {
     "dev": "node build/update-emoji.js && vite dev",
@@ -10,36 +10,39 @@
     "unit": "node build/update-emoji.js && vitest --run",
     "unit-ci": "node build/update-emoji.js && vitest --run --browser.headless",
     "unit:watch": "node build/update-emoji.js && vitest",
-    "e2e": "node test/e2e/runner.js",
+    "e2e:pw": "playwright test --config test/e2e-playwright/playwright.config.mjs",
+    "e2e": "sh ./tools/e2e/run.sh",
     "test": "yarn run unit && yarn run e2e",
-    "stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
-    "lint": "eslint src test/unit/specs test/e2e/specs",
-    "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
+    "ci-biome": "yarn exec biome check",
+    "ci-eslint": "yarn exec eslint",
+    "ci-stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
+    "lint": "yarn ci-biome; yarn ci-eslint; yarn ci-stylelint",
+    "lint-fix": "yarn exec eslint -- --fix; yarn exec stylelint '**/*.scss' '**/*.vue' --fix; biome check --write"
   },
   "dependencies": {
-    "@babel/runtime": "7.27.1",
+    "@babel/runtime": "7.28.4",
     "@chenfengyuan/vue-qrcode": "2.0.0",
-    "@fortawesome/fontawesome-svg-core": "6.7.2",
-    "@fortawesome/free-regular-svg-icons": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/vue-fontawesome": "3.0.8",
-    "@floatingghost/pinch-zoom-element": "1.3.1",
+    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/free-regular-svg-icons": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.1.0",
+    "@fortawesome/vue-fontawesome": "3.1.2",
+    "@kazvmoe-infra/pinch-zoom-element": "1.3.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
-    "@ruffle-rs/ruffle": "0.1.0-nightly.2025.1.13",
+    "@ruffle-rs/ruffle": "0.1.0-nightly.2025.6.22",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "@web3-storage/parse-link-header": "^3.1.0",
     "body-scroll-lock": "3.1.5",
     "chromatism": "3.0.0",
     "click-outside-vue3": "4.0.1",
-    "cropperjs": "2.0.0",
+    "cropperjs": "2.0.1",
     "escape-html": "1.0.3",
     "globals": "^16.0.0",
     "hash-sum": "^2.0.0",
     "js-cookie": "3.0.5",
     "localforage": "1.10.0",
     "parse-link-header": "2.0.0",
-    "phoenix": "1.7.21",
+    "phoenix": "1.8.1",
     "pinia": "^3.0.0",
     "punycode.js": "2.3.1",
     "qrcode": "1.5.4",
@@ -47,63 +50,64 @@
     "url": "0.11.4",
     "utf8": "3.0.0",
     "uuid": "11.1.0",
-    "vue": "3.5.17",
+    "vue": "3.5.22",
     "vue-i18n": "11",
-    "vue-router": "4.5.1",
+    "vue-router": "4.6.4",
     "vue-virtual-scroller": "^2.0.0-beta.7",
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.27.1",
-    "@babel/eslint-parser": "7.27.1",
-    "@babel/plugin-transform-runtime": "7.27.1",
-    "@babel/preset-env": "7.27.2",
-    "@babel/register": "7.27.1",
+    "@babel/core": "7.28.5",
+    "@babel/eslint-parser": "7.28.5",
+    "@babel/plugin-transform-runtime": "7.28.5",
+    "@babel/preset-env": "7.28.5",
+    "@babel/register": "7.28.3",
+    "@biomejs/biome": "2.3.11",
+    "@pinia/testing": "1.0.3",
     "@ungap/event-target": "0.2.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "@vitest/browser": "^3.0.7",
     "@vitest/ui": "^3.0.7",
     "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
-    "@vue/babel-plugin-jsx": "1.4.0",
-    "@vue/compiler-sfc": "3.5.17",
+    "@vue/babel-plugin-jsx": "1.5.0",
+    "@vue/compiler-sfc": "3.5.22",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "5.2.0",
-    "chalk": "5.4.1",
+    "chai": "5.3.3",
+    "chalk": "5.6.2",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
-    "eslint": "9.26.0",
-    "vue-eslint-parser": "10.1.3",
+    "eslint": "9.39.2",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-n": "17.18.0",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-n": "17.23.1",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.1.0",
+    "eslint-plugin-vue": "10.6.2",
     "eventsource-polyfill": "0.9.6",
     "express": "5.1.0",
     "function-bind": "1.1.2",
     "http-proxy-middleware": "3.0.5",
     "iso-639-1": "3.1.5",
     "lodash": "4.17.21",
-    "msw": "2.10.2",
-    "nightwatch": "3.12.1",
-    "playwright": "1.52.0",
-    "postcss": "8.5.3",
+    "msw": "2.10.5",
+    "nightwatch": "3.12.2",
+    "playwright": "1.57.0",
+    "postcss": "8.5.6",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
-    "sass": "1.89.2",
+    "sass": "1.93.2",
     "selenium-server": "3.141.59",
-    "semver": "7.7.2",
+    "semver": "7.7.3",
     "serve-static": "2.2.0",
     "shelljs": "0.10.0",
     "sinon": "20.0.0",
-    "sinon-chai": "4.0.0",
-    "stylelint": "16.19.1",
+    "sinon-chai": "4.0.1",
+    "stylelint": "16.25.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^16.0.0",
     "stylelint-config-recommended-scss": "^14.0.0",
@@ -112,7 +116,8 @@
     "vite": "^6.1.0",
     "vite-plugin-eslint2": "^5.0.3",
     "vite-plugin-stylelint": "^6.0.0",
-    "vitest": "^3.0.7"
+    "vitest": "^3.0.7",
+    "vue-eslint-parser": "10.2.0"
   },
   "type": "module",
   "engines": {
diff --git a/postcss.config.js b/postcss.config.js
index 95ebbf2a6..b7fc12838 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,7 +1,5 @@
 import autoprefixer from 'autoprefixer'
 
 export default {
-  plugins: [
-    autoprefixer
-  ]
+  plugins: [autoprefixer],
 }
diff --git a/public/static/empty.css b/public/static/empty.css
deleted file mode 100644
index 3dfa88151..000000000
--- a/public/static/empty.css
+++ /dev/null
@@ -1 +0,0 @@
-// nothing here //
diff --git a/public/static/palettes/index.json b/public/static/palettes/index.json
index 2cd110d1e..3c4e37e44 100644
--- a/public/static/palettes/index.json
+++ b/public/static/palettes/index.json
@@ -1,6 +1,26 @@
 {
-  "pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
-  "pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
+  "pleroma-dark": [
+    "Pleroma Dark",
+    "#121a24",
+    "#182230",
+    "#b9b9ba",
+    "#d8a070",
+    "#d31014",
+    "#0fa00f",
+    "#0095ff",
+    "#ffa500"
+  ],
+  "pleroma-light": [
+    "Pleroma Light",
+    "#f2f4f6",
+    "#dbe0e8",
+    "#304055",
+    "#f86f0f",
+    "#d31014",
+    "#0fa00f",
+    "#0095ff",
+    "#ffa500"
+  ],
   "classic-dark": {
     "name": "Classic Dark",
     "bg": "#161c20",
@@ -12,8 +32,28 @@
     "cBlue": "#0095ff",
     "cOrange": "#ffa500"
   },
-  "bird": [ "Bird", "#f8fafd", "#e6ecf0", "#14171a", "#0084b8", "#e0245e", "#17bf63", "#1b95e0", "#fab81e"],
-  "pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"],
+  "bird": [
+    "Bird",
+    "#f8fafd",
+    "#e6ecf0",
+    "#14171a",
+    "#0084b8",
+    "#e0245e",
+    "#17bf63",
+    "#1b95e0",
+    "#fab81e"
+  ],
+  "pleroma-amoled": [
+    "Pleroma Dark AMOLED",
+    "#000000",
+    "#111111",
+    "#b0b0b1",
+    "#d8a070",
+    "#aa0000",
+    "#0fa00f",
+    "#0095ff",
+    "#d59500"
+  ],
   "tomorrow-night": {
     "name": "Tomorrow Night",
     "bg": "#1d1f21",
@@ -36,8 +76,28 @@
     "cGreen": "#50FA7B",
     "cOrange": "#FFB86C"
   },
-  "ir-black": [ "Ir Black", "#000000", "#242422", "#b5b3aa", "#ff6c60", "#FF6C60", "#A8FF60", "#96CBFE", "#FFFFB6" ],
-  "monokai": [ "Monokai", "#272822", "#383830", "#f8f8f2", "#f92672", "#F92672", "#a6e22e", "#66d9ef", "#f4bf75" ],
+  "ir-black": [
+    "Ir Black",
+    "#000000",
+    "#242422",
+    "#b5b3aa",
+    "#ff6c60",
+    "#FF6C60",
+    "#A8FF60",
+    "#96CBFE",
+    "#FFFFB6"
+  ],
+  "monokai": [
+    "Monokai",
+    "#272822",
+    "#383830",
+    "#f8f8f2",
+    "#f92672",
+    "#F92672",
+    "#a6e22e",
+    "#66d9ef",
+    "#f4bf75"
+  ],
   "purple-stream": {
     "name": "Purple stream",
     "bg": "#17171A",
diff --git a/public/static/splash.css b/public/static/splash.css
index abdc19fc2..caf57dacb 100644
--- a/public/static/splash.css
+++ b/public/static/splash.css
@@ -5,15 +5,14 @@ body {
 
 #splash {
   --scale: 1;
+
   width: 100vw;
   height: 100vh;
   display: grid;
   grid-template-rows: auto;
   grid-template-columns: auto;
   align-content: center;
-  align-items: center;
-  justify-content: center;
-  justify-items: center;
+  place-items: center;
   flex-direction: column;
   background: #0f161e;
   font-family: sans-serif;
@@ -21,13 +20,20 @@ body {
   position: absolute;
   z-index: 9999;
   font-size: calc(1vw + 1vh + 1vmin);
+  opacity: 1;
+  transition: opacity 500ms ease-out 2s;
+}
+
+#splash.hidden,
+#splash.initial-hidden {
+  opacity: 0;
 }
 
 #splash-credit {
   position: absolute;
-  font-size: 14px;
-  bottom: 16px;
-  right: 16px;
+  font-size: 1em;
+  bottom: 1em;
+  right: 1em;
 }
 
 #splash-container {
@@ -59,16 +65,17 @@ body {
   z-index: 2;
   grid-template-rows: repeat(8, 1fr);
   grid-template-columns: repeat(5, 1fr);
-  grid-template-areas: "P P . L L"
-                       "P P . L L"
-                       "P P . L L"
-                       "P P . L L"
-                       "P P . . ."
-                       "P P . . ."
-                       "P P . E E"
-                       "P P . E E";
+  grid-template-areas:
+    "P P . L L"
+    "P P . L L"
+    "P P . L L"
+    "P P . L L"
+    "P P . . ."
+    "P P . . ."
+    "P P . E E"
+    "P P . E E";
 
-  --logoChunkSize: calc(2em * 0.5 * var(--scale))
+  --logoChunkSize: calc(2em * 0.5 * var(--scale));
 }
 
 .chunk {
@@ -78,7 +85,7 @@ body {
 
 #chunk-P {
   grid-area: P;
-  border-top-left-radius:  calc(var(--logoChunkSize) / 2);
+  border-top-left-radius: calc(var(--logoChunkSize) / 2);
 }
 
 #chunk-L {
diff --git a/renovate.json b/renovate.json
index 39a2b6e9a..4bd832f5f 100644
--- a/renovate.json
+++ b/renovate.json
@@ -1,6 +1,4 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:base"
-  ]
+  "extends": ["config:base"]
 }
diff --git a/src/App.js b/src/App.js
index a251682dc..44ff6aee3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,34 +1,48 @@
-import UserPanel from './components/user_panel/user_panel.vue'
-import NavPanel from './components/nav_panel/nav_panel.vue'
-import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
-import FeaturesPanel from './components/features_panel/features_panel.vue'
-import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
-import ShoutPanel from './components/shout_panel/shout_panel.vue'
-import MediaModal from './components/media_modal/media_modal.vue'
-import SideDrawer from './components/side_drawer/side_drawer.vue'
-import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
-import MobileNav from './components/mobile_nav/mobile_nav.vue'
-import DesktopNav from './components/desktop_nav/desktop_nav.vue'
-import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
-import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
-import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
-import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
-import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
-import { getOrCreateServiceWorker } from './services/sw/sw'
-import { windowWidth, windowHeight } from './services/window_utils/window_utils'
-import { mapGetters } from 'vuex'
-import { defineAsyncComponent } from 'vue'
-import { useShoutStore } from './stores/shout'
-import { useInterfaceStore } from './stores/interface'
-
 import { throttle } from 'lodash'
+import { mapState } from 'pinia'
+import { defineAsyncComponent, toValue } from 'vue'
+
+import DesktopNav from './components/desktop_nav/desktop_nav.vue'
+import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
+import FeaturesPanel from './components/features_panel/features_panel.vue'
+import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
+import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
+import MediaModal from './components/media_modal/media_modal.vue'
+import MobileNav from './components/mobile_nav/mobile_nav.vue'
+import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
+import NavPanel from './components/nav_panel/nav_panel.vue'
+import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
+import ShoutPanel from './components/shout_panel/shout_panel.vue'
+import SideDrawer from './components/side_drawer/side_drawer.vue'
+import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
+import UserPanel from './components/user_panel/user_panel.vue'
+import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
+import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
+import { getOrCreateServiceWorker } from './services/sw/sw'
+import { windowHeight, windowWidth } from './services/window_utils/window_utils'
+
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useI18nStore } from 'src/stores/i18n.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useShoutStore } from 'src/stores/shout.js'
+
+import messages from 'src/i18n/messages'
+import localeService from 'src/services/locale/locale.service.js'
+
+// Helper to unwrap reactive proxies
+window.toValue = toValue
 
 export default {
   name: 'app',
   components: {
     UserPanel,
     NavPanel,
-    Notifications: defineAsyncComponent(() => import('./components/notifications/notifications.vue')),
+    Notifications: defineAsyncComponent(
+      () => import('./components/notifications/notifications.vue'),
+    ),
     InstanceSpecificPanel,
     FeaturesPanel,
     WhoToFollowPanel,
@@ -38,150 +52,193 @@ export default {
     MobilePostStatusButton,
     MobileNav,
     DesktopNav,
-    SettingsModal: defineAsyncComponent(() => import('./components/settings_modal/settings_modal.vue')),
-    UpdateNotification: defineAsyncComponent(() => import('./components/update_notification/update_notification.vue')),
+    SettingsModal: defineAsyncComponent(
+      () => import('./components/settings_modal/settings_modal.vue'),
+    ),
+    UpdateNotification: defineAsyncComponent(
+      () => import('./components/update_notification/update_notification.vue'),
+    ),
     UserReportingModal,
     PostStatusModal,
     EditStatusModal,
     StatusHistoryModal,
-    GlobalNoticeList
+    GlobalNoticeList,
   },
   data: () => ({
-    mobileActivePanel: 'timeline'
+    mobileActivePanel: 'timeline',
   }),
   watch: {
-    themeApplied () {
+    themeApplied() {
       this.removeSplash()
     },
-    currentTheme () {
+    currentTheme() {
       this.setThemeBodyClass()
     },
-    layoutType () {
+    layoutType() {
       document.getElementById('modal').classList = ['-' + this.layoutType]
-    }
+    },
   },
-  created () {
+  created() {
     // Load the locale from the storage
-    const val = this.$store.getters.mergedConfig.interfaceLanguage
-    this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
+    const value = useMergedConfigStore().mergedConfig.interfaceLanguage
+    useI18nStore().setLanguage(value)
+    useEmojiStore().loadUnicodeEmojiData(value)
+
     document.getElementById('modal').classList = ['-' + this.layoutType]
 
     // Create bound handlers
     this.updateScrollState = throttle(this.scrollHandler, 200)
     this.updateMobileState = throttle(this.resizeHandler, 200)
   },
-  mounted () {
+  mounted() {
     window.addEventListener('resize', this.updateMobileState)
     this.scrollParent.addEventListener('scroll', this.updateScrollState)
 
-    if (useInterfaceStore().themeApplied) {
+    if (this.themeApplied) {
       this.setThemeBodyClass()
       this.removeSplash()
     }
     getOrCreateServiceWorker()
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('resize', this.updateMobileState)
     this.scrollParent.removeEventListener('scroll', this.updateScrollState)
   },
   computed: {
-    themeApplied () {
-      return useInterfaceStore().themeApplied
-    },
-    currentTheme () {
-      if (useInterfaceStore().styleDataUsed) {
-        const styleMeta = useInterfaceStore().styleDataUsed.find(x => x.component === '@meta')
+    currentTheme() {
+      if (this.styleDataUsed) {
+        const styleMeta = this.styleDataUsed.find(
+          (x) => x.component === '@meta',
+        )
 
         if (styleMeta !== undefined) {
-          return styleMeta.directives.name.replaceAll(" ", "-").toLowerCase()
+          return styleMeta.directives.name.replaceAll(' ', '-').toLowerCase()
         }
       }
 
       return 'stock'
     },
-    layoutModalClass () {
+    layoutModalClass() {
       return '-' + this.layoutType
     },
-    classes () {
+    classes() {
       return [
         {
           '-reverse': this.reverseLayout,
           '-no-sticky-headers': this.noSticky,
-          '-has-new-post-button': this.newPostButtonShown
+          '-has-new-post-button': this.newPostButtonShown,
         },
-        '-' + this.layoutType
+        '-' + this.layoutType,
       ]
     },
-    navClasses () {
-      const { navbarColumnStretch } = this.$store.getters.mergedConfig
+    navClasses() {
+      const { navbarColumnStretch } = useMergedConfigStore().mergedConfig
       return [
         '-' + this.layoutType,
-        ...(navbarColumnStretch ? ['-column-stretch'] : [])
+        ...(navbarColumnStretch ? ['-column-stretch'] : []),
       ]
     },
-    currentUser () { return this.$store.state.users.currentUser },
-    userBackground () { return this.currentUser.background_image },
-    instanceBackground () {
-      return this.mergedConfig.hideInstanceWallpaper
-        ? null
-        : this.$store.state.instance.background
+    currentUser() {
+      return this.$store.state.users.currentUser
     },
-    background () { return this.userBackground || this.instanceBackground },
-    bgStyle () {
+    userBackground() {
+      return this.currentUser.background_image
+    },
+    instanceBackground() {
+      return useMergedConfigStore().mergedConfig.hideInstanceWallpaper
+        ? null
+        : this.instanceBackgroundUrl
+    },
+    background() {
+      return this.userBackground || this.instanceBackground
+    },
+    bgStyle() {
       if (this.background) {
         return {
-          '--body-background-image': `url(${this.background})`
+          '--body-background-image': `url(${this.background})`,
         }
       }
     },
-    shout () { return useShoutStore().joined },
-    suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },
-    showInstanceSpecificPanel () {
-      return this.$store.state.instance.showInstanceSpecificPanel &&
-        !this.$store.getters.mergedConfig.hideISP &&
-        this.$store.state.instance.instanceSpecificPanelContent
+    shoutJoined() {
+      return useShoutStore().joined
     },
-    isChats () {
+    isChats() {
       return this.$route.name === 'chat' || this.$route.name === 'chats'
     },
-    isListEdit () {
+    isListEdit() {
       return this.$route.name === 'lists-edit'
     },
-    newPostButtonShown () {
+    newPostButtonShown() {
       if (this.isChats) return false
       if (this.isListEdit) return false
-      return this.$store.getters.mergedConfig.alwaysShowNewPostButton || this.layoutType === 'mobile'
+      return (
+        useMergedConfigStore().mergedConfig.alwaysShowNewPostButton ||
+        this.layoutType === 'mobile'
+      )
     },
-    showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
-    editingAvailable () { return this.$store.state.instance.editingAvailable },
-    shoutboxPosition () {
-      return this.$store.getters.mergedConfig.alwaysShowNewPostButton || false
+    shoutboxPosition() {
+      return (
+        useMergedConfigStore().mergedConfig.alwaysShowNewPostButton || false
+      )
     },
-    hideShoutbox () {
-      return this.$store.getters.mergedConfig.hideShoutbox
+    hideShoutbox() {
+      return useMergedConfigStore().mergedConfig.hideShoutbox
     },
-    layoutType () { return useInterfaceStore().layoutType },
-    privateMode () { return this.$store.state.instance.private },
-    reverseLayout () {
-      const { thirdColumnMode, sidebarRight: reverseSetting } = this.$store.getters.mergedConfig
+    reverseLayout() {
+      const { thirdColumnMode, sidebarRight: reverseSetting } =
+        useMergedConfigStore().mergedConfig
       if (this.layoutType !== 'wide') {
         return reverseSetting
       } else {
-        return thirdColumnMode === 'notifications' ? reverseSetting : !reverseSetting
+        return thirdColumnMode === 'notifications'
+          ? reverseSetting
+          : !reverseSetting
       }
     },
-    noSticky () { return this.$store.getters.mergedConfig.disableStickyHeaders },
-    showScrollbars () { return this.$store.getters.mergedConfig.showScrollbars },
-    scrollParent () { return window; /* this.$refs.appContentRef */ },
-    ...mapGetters(['mergedConfig'])
+    noSticky() {
+      return useMergedConfigStore().mergedConfig.disableStickyHeaders
+    },
+    showScrollbars() {
+      return useMergedConfigStore().mergedConfig.showScrollbars
+    },
+    scrollParent() {
+      return window /* this.$refs.appContentRef */
+    },
+    showInstanceSpecificPanel() {
+      return (
+        this.instanceSpecificPanelPresent &&
+        !useMergedConfigStore().mergedConfig.hideISP
+      )
+    },
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
+    ...mapState(useInterfaceStore, [
+      'themeApplied',
+      'styleDataUsed',
+      'layoutType',
+    ]),
+    ...mapState(useInstanceStore, ['styleDataUsed']),
+    ...mapState(useInstanceCapabilitiesStore, [
+      'suggestionsEnabled',
+      'editingAvailable',
+    ]),
+    ...mapState(useInstanceStore, {
+      instanceBackgroundUrl: (store) => store.instanceIdentity.background,
+      showFeaturesPanel: (store) => store.instanceIdentity.showFeaturesPanel,
+      instanceSpecificPanelPresent: (store) =>
+        store.instanceIdentity.showInstanceSpecificPanel &&
+        store.instanceIdentity.instanceSpecificPanelContent,
+    }),
   },
   methods: {
-    resizeHandler () {
+    resizeHandler() {
       useInterfaceStore().setLayoutWidth(windowWidth())
       useInterfaceStore().setLayoutHeight(windowHeight())
     },
-    scrollHandler () {
-      const scrollPosition = this.scrollParent === window ? window.scrollY : this.scrollParent.scrollTop
+    scrollHandler() {
+      const scrollPosition =
+        this.scrollParent === window
+          ? window.scrollY
+          : this.scrollParent.scrollTop
 
       if (scrollPosition != 0) {
         this.$refs.appContentRef.classList.add(['-scrolled'])
@@ -189,10 +246,10 @@ export default {
         this.$refs.appContentRef.classList.remove(['-scrolled'])
       }
     },
-    setThemeBodyClass () {
+    setThemeBodyClass() {
       const themeName = this.currentTheme
       const classList = Array.from(document.body.classList)
-      const oldTheme = classList.filter(c => c.startsWith('theme-'))
+      const oldTheme = classList.filter((c) => c.startsWith('theme-'))
 
       if (themeName !== null && themeName !== '') {
         const newTheme = `theme-${themeName.toLowerCase()}`
@@ -208,14 +265,19 @@ export default {
         document.body.classList.remove(...oldTheme)
       }
     },
-    removeSplash () {
-      document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
+    removeSplash() {
+      document.querySelector('#status').textContent = this.$t(
+        'splash.fun_' + Math.ceil(Math.random() * 4),
+      )
       const splashscreenRoot = document.querySelector('#splash')
       splashscreenRoot.addEventListener('transitionend', () => {
         splashscreenRoot.remove()
       })
+      setTimeout(() => {
+        splashscreenRoot.remove() // forcibly remove it, should fix my plasma browser widget t. HJ
+      }, 600)
       splashscreenRoot.classList.add('hidden')
       document.querySelector('#app').classList.remove('hidden')
-    }
-  }
+    },
+  },
 }
diff --git a/src/App.scss b/src/App.scss
index 6e837a0e7..b36e702d5 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -3,7 +3,7 @@
 @use "panel";
 
 @import '@fortawesome/fontawesome-svg-core/styles.css';
-@import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
+@import '@kazvmoe-infra/pinch-zoom-element/dist/pinch-zoom.css';
 
 :root {
   --status-margin: 0.75em;
@@ -21,7 +21,7 @@
 }
 
 html {
-  font-size: var(--textSize, 14px);
+  font-size: var(--textSize, 1rem);
 
   --navbar-height: var(--navbarSize, 3.5rem);
   --emoji-size: var(--emojiSize, 32px);
@@ -382,6 +382,10 @@ nav {
   font-family: sans-serif;
   font-family: var(--font);
 
+  &.-transparent {
+    backdrop-filter: blur(0.125em) contrast(60%);
+  }
+
   &::-moz-focus-inner {
     border: none;
   }
@@ -509,6 +513,12 @@ nav {
   }
 }
 
+label {
+  &.-disabled {
+    color: var(--textFaint);
+  }
+}
+
 input,
 textarea {
   border: none;
@@ -525,6 +535,10 @@ textarea {
     height: unset;
   }
 
+  &::placeholder {
+    color: var(--textFaint)
+  }
+
   --_padding: 0.5em;
 
   border: none;
@@ -545,6 +559,10 @@ textarea {
   &[disabled="disabled"],
   &.disabled {
     cursor: not-allowed;
+    color: var(--textFaint);
+
+    /* stylelint-disable-next-line declaration-no-important */
+    background-color: transparent !important;
   }
 
   &[type="range"] {
@@ -570,6 +588,8 @@ textarea {
       & + label::before {
         opacity: 0.5;
       }
+
+      background-color: var(--background);
     }
 
     + label::before {
@@ -669,7 +689,8 @@ option {
   list-style: none;
   display: grid;
   grid-auto-flow: row dense;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
+  grid-gap: 0.5em;
 
   li {
     border: 1px solid var(--border);
@@ -679,11 +700,6 @@ option {
   }
 }
 
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
 .btn-group {
   position: relative;
   display: inline-flex;
@@ -695,7 +711,6 @@ option {
     --_roundness-right: 0;
 
     position: relative;
-    flex: 1 1 auto;
   }
 
   > *:first-child,
@@ -742,17 +757,15 @@ option {
   }
 
   &.-dot {
-    min-height: 8px;
-    max-height: 8px;
-    min-width: 8px;
-    max-width: 8px;
-    padding: 0;
+    min-height: 0.6em;
+    max-height: 0.6em;
+    min-width: 0.6em;
+    max-width: 0.6em;
+    left: calc(50% + 0.5em);
+    top: calc(50% - 1em);
     line-height: 0;
-    font-size: 0;
-    left: calc(50% - 4px);
-    top: calc(50% - 4px);
-    margin-left: 6px;
-    margin-top: -6px;
+    padding: 0;
+    margin: 0;
   }
 
   &.-counter {
@@ -783,21 +796,18 @@ option {
   color: var(--text);
 }
 
-.visibility-notice {
-  padding: 0.5em;
-  border: 1px solid var(--textFaint);
-  border-radius: var(--roundness);
-}
-
 .notice-dismissible {
-  padding-right: 4rem;
-  position: relative;
+  display: flex;
+  padding: 0.75em 1em;
+  align-items: baseline;
+  line-height: 1.5;
+
+  span {
+    display: block;
+    flex: 1 1 auto;
+  }
 
   .dismiss {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0.5em;
     color: inherit;
   }
 }
@@ -936,12 +946,7 @@ option {
 
 #splash {
   pointer-events: none;
-  transition: opacity 0.5s;
-  opacity: 1;
-
-  &.hidden {
-    opacity: 0;
-  }
+  // transition: opacity 0.5s;
 
   #status {
     &.css-ok {
@@ -1080,7 +1085,7 @@ option {
         scale: 1.0063 0.9938;
         translate: 0 -10%;
         transform: rotateZ(var(--defaultZ));
-        animation-timing-function: ease-in-ou;
+        animation-timing-function: ease-in-out;
       }
 
       90% {
diff --git a/src/App.vue b/src/App.vue
index e5e088bc3..f432d8bc4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,8 +60,8 @@
       />
     </div>
     <MediaModal />
-    <shout-panel
-      v-if="currentUser && shout && !hideShoutbox"
+    <ShoutPanel
+      v-if="currentUser && !hideShoutbox && shoutJoined"
       :floating="true"
       class="floating-shout mobile-hidden"
       :class="{ '-left': shoutboxPosition }"
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 65c4c9205..a345e2ae5 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -1,29 +1,48 @@
 /* global process */
+
+import vClickOutside from 'click-outside-vue3'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import vClickOutside from 'click-outside-vue3'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
-import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
-import { config } from '@fortawesome/fontawesome-svg-core';
+import { config } from '@fortawesome/fontawesome-svg-core'
+import {
+  FontAwesomeIcon,
+  FontAwesomeLayers,
+} from '@fortawesome/vue-fontawesome'
+
 config.autoAddCss = false
 
 import App from '../App.vue'
-import routes from './routes'
-import VBodyScrollLock from 'src/directives/body_scroll_lock'
-
-import { windowWidth, windowHeight } from '../services/window_utils/window_utils'
 import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { applyConfig } from '../services/style_setter/style_setter.js'
 import FaviconService from '../services/favicon_service/favicon_service.js'
+import { applyStyleConfig } from '../services/style_setter/style_setter.js'
 import { initServiceWorker, updateFocus } from '../services/sw/sw.js'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
+import routes from './routes'
 
-import { useOAuthStore } from 'src/stores/oauth'
-import { useI18nStore } from 'src/stores/i18n'
-import { useInterfaceStore } from 'src/stores/interface'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useAuthFlowStore } from 'src/stores/auth_flow'
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useI18nStore } from 'src/stores/i18n'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useOAuthStore } from 'src/stores/oauth'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
+import VBodyScrollLock from 'src/directives/body_scroll_lock'
+import {
+  INSTANCE_DEFAULT_CONFIG_DEFINITIONS,
+  INSTANCE_IDENTITY_DEFAULT_DEFINITIONS,
+} from 'src/modules/default_config_state.js'
 
 let staticInitialResults = null
 
@@ -32,7 +51,9 @@ const parsedInitialResults = () => {
     return null
   }
   if (!staticInitialResults) {
-    staticInitialResults = JSON.parse(document.getElementById('initial-results').textContent)
+    staticInitialResults = JSON.parse(
+      document.getElementById('initial-results').textContent,
+    )
   }
   return staticInitialResults
 }
@@ -54,7 +75,7 @@ const preloadFetch = async (request) => {
   return {
     ok: true,
     json: () => requestData,
-    text: () => requestData
+    text: () => requestData,
   }
 }
 
@@ -63,20 +84,38 @@ const getInstanceConfig = async ({ store }) => {
     const res = await preloadFetch('/api/v1/instance')
     if (res.ok) {
       const data = await res.json()
-      const textlimit = data.max_toot_chars
+      const textLimit = data.max_toot_chars
       const vapidPublicKey = data.pleroma.vapid_public_key
 
-      store.dispatch('setInstanceOption', { name: 'pleromaExtensionsAvailable', value: data.pleroma })
-      store.dispatch('setInstanceOption', { name: 'textlimit', value: textlimit })
-      store.dispatch('setInstanceOption', { name: 'accountApprovalRequired', value: data.approval_required })
-      store.dispatch('setInstanceOption', { name: 'birthdayRequired', value: !!data.pleroma?.metadata.birthday_required })
-      store.dispatch('setInstanceOption', { name: 'birthdayMinAge', value: data.pleroma?.metadata.birthday_min_age || 0 })
+      useInstanceCapabilitiesStore().set(
+        'pleromaExtensionsAvailable',
+        data.pleroma,
+      )
+      useInstanceStore().set({
+        path: 'limits.textLimit',
+        value: textLimit,
+      })
+      useInstanceStore().set({
+        path: 'accountApprovalRequired',
+        value: data.approval_required,
+      })
+      useInstanceStore().set({
+        path: 'birthdayRequired',
+        value: !!data.pleroma?.metadata.birthday_required,
+      })
+      useInstanceStore().set({
+        path: 'birthdayMinAge',
+        value: data.pleroma?.metadata.birthday_min_age || 0,
+      })
 
       if (vapidPublicKey) {
-        store.dispatch('setInstanceOption', { name: 'vapidPublicKey', value: vapidPublicKey })
+        useInstanceStore().set({
+          path: 'vapidPublicKey',
+          value: vapidPublicKey,
+        })
       }
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
     console.error('Could not load instance config, potentially fatal')
@@ -93,10 +132,12 @@ const getBackendProvidedConfig = async () => {
       const data = await res.json()
       return data.pleroma_fe
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
-    console.error('Could not load backend-provided frontend config, potentially fatal')
+    console.error(
+      'Could not load backend-provided frontend config, potentially fatal',
+    )
     console.error(error)
   }
 }
@@ -107,7 +148,7 @@ const getStaticConfig = async () => {
     if (res.ok) {
       return res.json()
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
     console.warn('Failed to load static/config.json, continuing without it.')
@@ -129,51 +170,21 @@ const setSettings = async ({ apiConfig, staticConfig, store }) => {
     config = Object.assign({}, staticConfig, apiConfig)
   }
 
-  const copyInstanceOption = (name) => {
-    store.dispatch('setInstanceOption', { name, value: config[name] })
-  }
+  Object.keys(INSTANCE_IDENTITY_DEFAULT_DEFINITIONS).forEach((source) =>
+    useInstanceStore().set({
+      value: config[source],
+      path: `instanceIdentity.${source}`,
+    }),
+  )
 
-  copyInstanceOption('theme')
-  copyInstanceOption('style')
-  copyInstanceOption('palette')
-  copyInstanceOption('embeddedToS')
-  copyInstanceOption('nsfwCensorImage')
-  copyInstanceOption('background')
-  copyInstanceOption('hidePostStats')
-  copyInstanceOption('hideBotIndication')
-  copyInstanceOption('hideUserStats')
-  copyInstanceOption('hideFilteredStatuses')
-  copyInstanceOption('logo')
+  Object.keys(INSTANCE_DEFAULT_CONFIG_DEFINITIONS).forEach((source) =>
+    useInstanceStore().set({
+      value: config[source],
+      path: `prefsStorage.${source}`,
+    }),
+  )
 
-  store.dispatch('setInstanceOption', {
-    name: 'logoMask',
-    value: typeof config.logoMask === 'undefined'
-      ? true
-      : config.logoMask
-  })
-
-  store.dispatch('setInstanceOption', {
-    name: 'logoMargin',
-    value: typeof config.logoMargin === 'undefined'
-      ? 0
-      : config.logoMargin
-  })
-  copyInstanceOption('logoLeft')
   useAuthFlowStore().setInitialStrategy(config.loginMethod)
-
-  copyInstanceOption('redirectRootNoLogin')
-  copyInstanceOption('redirectRootLogin')
-  copyInstanceOption('showInstanceSpecificPanel')
-  copyInstanceOption('minimalScopesMode')
-  copyInstanceOption('hideMutedPosts')
-  copyInstanceOption('collapseMessageWithSubject')
-  copyInstanceOption('scopeCopy')
-  copyInstanceOption('subjectLineBehavior')
-  copyInstanceOption('postContentType')
-  copyInstanceOption('alwaysShowSubjectInput')
-  copyInstanceOption('showFeaturesPanel')
-  copyInstanceOption('hideSitename')
-  copyInstanceOption('sidebarRight')
 }
 
 const getTOS = async ({ store }) => {
@@ -181,9 +192,9 @@ const getTOS = async ({ store }) => {
     const res = await window.fetch('/static/terms-of-service.html')
     if (res.ok) {
       const html = await res.text()
-      store.dispatch('setInstanceOption', { name: 'tos', value: html })
+      useInstanceStore().set({ path: 'instanceIdentity.tos', value: html })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load TOS\n", e)
@@ -195,9 +206,12 @@ const getInstancePanel = async ({ store }) => {
     const res = await preloadFetch('/instance/panel.html')
     if (res.ok) {
       const html = await res.text()
-      store.dispatch('setInstanceOption', { name: 'instanceSpecificPanelContent', value: html })
+      useInstanceStore().set({
+        path: 'instanceIdentity.instanceSpecificPanelContent',
+        value: html,
+      })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load instance panel\n", e)
@@ -209,25 +223,27 @@ const getStickers = async ({ store }) => {
     const res = await window.fetch('/static/stickers.json')
     if (res.ok) {
       const values = await res.json()
-      const stickers = (await Promise.all(
-        Object.entries(values).map(async ([name, path]) => {
-          const resPack = await window.fetch(path + 'pack.json')
-          let meta = {}
-          if (resPack.ok) {
-            meta = await resPack.json()
-          }
-          return {
-            pack: name,
-            path,
-            meta
-          }
-        })
-      )).sort((a, b) => {
+      const stickers = (
+        await Promise.all(
+          Object.entries(values).map(async ([name, path]) => {
+            const resPack = await window.fetch(path + 'pack.json')
+            let meta = {}
+            if (resPack.ok) {
+              meta = await resPack.json()
+            }
+            return {
+              pack: name,
+              path,
+              meta,
+            }
+          }),
+        )
+      ).sort((a, b) => {
         return a.meta.title.localeCompare(b.meta.title)
       })
-      store.dispatch('setInstanceOption', { name: 'stickers', value: stickers })
+      useEmojiStore().setStickers(stickers)
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load stickers\n", e)
@@ -237,13 +253,19 @@ const getStickers = async ({ store }) => {
 const getAppSecret = async ({ store }) => {
   const oauth = useOAuthStore()
   if (oauth.userToken) {
-    store.commit('setBackendInteractor', backendInteractorService(oauth.getToken))
+    store.commit(
+      'setBackendInteractor',
+      backendInteractorService(oauth.getToken),
+    )
   }
 }
 
 const resolveStaffAccounts = ({ store, accounts }) => {
-  const nicknames = accounts.map(uri => uri.split('/').pop())
-  store.dispatch('setInstanceOption', { name: 'staffAccounts', value: nicknames })
+  const nicknames = accounts.map((uri) => uri.split('/').pop())
+  useInstanceStore().set({
+    path: 'staffAccounts',
+    value: nicknames,
+  })
 }
 
 const getNodeInfo = async ({ store }) => {
@@ -254,76 +276,165 @@ const getNodeInfo = async ({ store }) => {
       const data = await res.json()
       const metadata = data.metadata
       const features = metadata.features
-      store.dispatch('setInstanceOption', { name: 'name', value: metadata.nodeName })
-      store.dispatch('setInstanceOption', { name: 'registrationOpen', value: data.openRegistrations })
-      store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: features.includes('media_proxy') })
-      store.dispatch('setInstanceOption', { name: 'safeDM', value: features.includes('safe_dm_mentions') })
-      store.dispatch('setInstanceOption', { name: 'shoutAvailable', value: features.includes('chat') })
-      store.dispatch('setInstanceOption', { name: 'pleromaChatMessagesAvailable', value: features.includes('pleroma_chat_messages') })
-      store.dispatch('setInstanceOption', {
-        name: 'pleromaCustomEmojiReactionsAvailable',
-        value:
-          features.includes('pleroma_custom_emoji_reactions') ||
-          features.includes('custom_emoji_reactions')
+      useInstanceStore().set({
+        path: 'name',
+        value: metadata.nodeName,
       })
-      store.dispatch('setInstanceOption', { name: 'pleromaBookmarkFoldersAvailable', value: features.includes('pleroma:bookmark_folders') })
-      store.dispatch('setInstanceOption', { name: 'gopherAvailable', value: features.includes('gopher') })
-      store.dispatch('setInstanceOption', { name: 'pollsAvailable', value: features.includes('polls') })
-      store.dispatch('setInstanceOption', { name: 'editingAvailable', value: features.includes('editing') })
-      store.dispatch('setInstanceOption', { name: 'pollLimits', value: metadata.pollLimits })
-      store.dispatch('setInstanceOption', { name: 'mailerEnabled', value: metadata.mailerEnabled })
-      store.dispatch('setInstanceOption', { name: 'quotingAvailable', value: features.includes('quote_posting') })
-      store.dispatch('setInstanceOption', { name: 'groupActorAvailable', value: features.includes('pleroma:group_actors') })
-      store.dispatch('setInstanceOption', { name: 'localBubbleInstances', value: metadata.localBubbleInstances ?? [] })
+      useInstanceStore().set({
+        path: 'registrationOpen',
+        value: data.openRegistrations,
+      })
+      useInstanceCapabilitiesStore().set(
+        'mediaProxyAvailable',
+        features.includes('media_proxy'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'safeDM',
+        features.includes('safe_dm_mentions'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'shoutAvailable',
+        features.includes('chat'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'pleromaChatMessagesAvailable',
+        features.includes('pleroma_chat_messages'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'pleromaCustomEmojiReactionsAvailable',
 
+        features.includes('pleroma_custom_emoji_reactions') ||
+          features.includes('custom_emoji_reactions'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'pleromaBookmarkFoldersAvailable',
+        features.includes('pleroma:bookmark_folders'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'gopherAvailable',
+        features.includes('gopher'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'pollsAvailable',
+        features.includes('polls'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'editingAvailable',
+        features.includes('editing'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'mailerEnabled',
+        metadata.mailerEnabled,
+      )
+      useInstanceCapabilitiesStore().set(
+        'quotingAvailable',
+        features.includes('quote_posting'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'groupActorAvailable',
+        features.includes('pleroma:group_actors'),
+      )
+      useInstanceCapabilitiesStore().set(
+        'blockExpiration',
+        features.includes('pleroma:block_expiration'),
+      )
+      useInstanceStore().set({
+        path: 'localBubbleInstances',
+        value: metadata.localBubbleInstances ?? [],
+      })
+      useInstanceCapabilitiesStore().set(
+        'localBubble',
+        (metadata.localBubbleInstances ?? []).length > 0,
+      )
+
+      useInstanceStore().set({
+        path: 'limits.pollLimits',
+        value: metadata.pollLimits,
+      })
       const uploadLimits = metadata.uploadLimits
-      store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
-      store.dispatch('setInstanceOption', { name: 'avatarlimit', value: parseInt(uploadLimits.avatar) })
-      store.dispatch('setInstanceOption', { name: 'backgroundlimit', value: parseInt(uploadLimits.background) })
-      store.dispatch('setInstanceOption', { name: 'bannerlimit', value: parseInt(uploadLimits.banner) })
-      store.dispatch('setInstanceOption', { name: 'fieldsLimits', value: metadata.fieldsLimits })
+      useInstanceStore().set({
+        path: 'limits.uploadlimit',
+        value: parseInt(uploadLimits.general),
+      })
+      useInstanceStore().set({
+        path: 'limits.avatarlimit',
+        value: parseInt(uploadLimits.avatar),
+      })
+      useInstanceStore().set({
+        path: 'limits.backgroundlimit',
+        value: parseInt(uploadLimits.background),
+      })
+      useInstanceStore().set({
+        path: 'limits.bannerlimit',
+        value: parseInt(uploadLimits.banner),
+      })
+      useInstanceStore().set({
+        path: 'limits.fieldsLimits',
+        value: metadata.fieldsLimits,
+      })
 
-      store.dispatch('setInstanceOption', { name: 'restrictedNicknames', value: metadata.restrictedNicknames })
-      store.dispatch('setInstanceOption', { name: 'postFormats', value: metadata.postFormats })
+      useInstanceStore().set({
+        path: 'restrictedNicknames',
+        value: metadata.restrictedNicknames,
+      })
+      useInstanceCapabilitiesStore().set('postFormats', metadata.postFormats)
 
       const suggestions = metadata.suggestions
-      store.dispatch('setInstanceOption', { name: 'suggestionsEnabled', value: suggestions.enabled })
-      store.dispatch('setInstanceOption', { name: 'suggestionsWeb', value: suggestions.web })
+      useInstanceCapabilitiesStore().set(
+        'suggestionsEnabled',
+        suggestions.enabled,
+      )
+      // this is unused, why?
+      useInstanceCapabilitiesStore().set('suggestionsWeb', suggestions.web)
 
       const software = data.software
-      store.dispatch('setInstanceOption', { name: 'backendVersion', value: software.version })
-      store.dispatch('setInstanceOption', { name: 'backendRepository', value: software.repository })
+      useInstanceStore().set({
+        path: 'backendVersion',
+        value: software.version,
+      })
+      useInstanceStore().set({
+        path: 'backendRepository',
+        value: software.repository,
+      })
 
       const priv = metadata.private
-      store.dispatch('setInstanceOption', { name: 'private', value: priv })
+      useInstanceStore().set({ path: 'privateMode', value: priv })
 
       const frontendVersion = window.___pleromafe_commit_hash
-      store.dispatch('setInstanceOption', { name: 'frontendVersion', value: frontendVersion })
+      useInstanceStore().set({
+        path: 'frontendVersion',
+        value: frontendVersion,
+      })
 
       const federation = metadata.federation
 
-      store.dispatch('setInstanceOption', {
-        name: 'tagPolicyAvailable',
-        value: typeof federation.mrf_policies === 'undefined'
+      useInstanceCapabilitiesStore().set(
+        'tagPolicyAvailable',
+        typeof federation.mrf_policies === 'undefined'
           ? false
-          : metadata.federation.mrf_policies.includes('TagPolicy')
-      })
+          : metadata.federation.mrf_policies.includes('TagPolicy'),
+      )
 
-      store.dispatch('setInstanceOption', { name: 'federationPolicy', value: federation })
-      store.dispatch('setInstanceOption', {
-        name: 'federating',
-        value: typeof federation.enabled === 'undefined'
-          ? true
-          : federation.enabled
+      useInstanceStore().set({
+        path: 'federationPolicy',
+        value: federation,
+      })
+      useInstanceStore().set({
+        path: 'federating',
+        value:
+          typeof federation.enabled === 'undefined' ? true : federation.enabled,
       })
 
       const accountActivationRequired = metadata.accountActivationRequired
-      store.dispatch('setInstanceOption', { name: 'accountActivationRequired', value: accountActivationRequired })
+      useInstanceStore().set({
+        path: 'accountActivationRequired',
+        value: accountActivationRequired,
+      })
 
       const accounts = metadata.staffAccounts
       resolveStaffAccounts({ store, accounts })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn('Could not load nodeinfo')
@@ -333,7 +444,10 @@ const getNodeInfo = async ({ store }) => {
 
 const setConfig = async ({ store }) => {
   // apiConfig, staticConfig
-  const configInfos = await Promise.all([getBackendProvidedConfig({ store }), getStaticConfig()])
+  const configInfos = await Promise.all([
+    getBackendProvidedConfig({ store }),
+    getStaticConfig(),
+  ])
   const apiConfig = configInfos[0]
   const staticConfig = configInfos[1]
 
@@ -364,29 +478,37 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     if (process.env.NODE_ENV === 'development') {
       // do some checks to avoid common errors
       if (!Object.keys(allStores).length) {
-        throw new Error('No stores are available. Check the code in src/boot/after_store.js')
+        throw new Error(
+          'No stores are available. Check the code in src/boot/after_store.js',
+        )
       }
     }
     await Promise.all(
-      Object.entries(allStores)
-        .map(async ([name, mod]) => {
-          const isStoreName = name => name.startsWith('use')
-          if (process.env.NODE_ENV === 'development') {
-            if (Object.keys(mod).filter(isStoreName).length !== 1) {
-              throw new Error('Each store file must export exactly one store as a named export. Check your code in src/stores/')
-            }
+      Object.entries(allStores).map(async ([name, mod]) => {
+        const isStoreName = (name) => name.startsWith('use')
+        if (process.env.NODE_ENV === 'development') {
+          if (Object.keys(mod).filter(isStoreName).length !== 1) {
+            throw new Error(
+              'Each store file must export exactly one store as a named export. Check your code in src/stores/',
+            )
           }
-          const storeFuncName = Object.keys(mod).find(isStoreName)
-          if (storeFuncName && typeof mod[storeFuncName] === 'function') {
-            const p = mod[storeFuncName]().$persistLoaded
-            if (!(p instanceof Promise)) {
-              throw new Error(`${name} store's $persistLoaded is not a Promise. The persist plugin is not applied.`)
-            }
-            await p
-          } else {
-            throw new Error(`Store module ${name} does not export a 'use...' function`)
+        }
+        const storeFuncName = Object.keys(mod).find(isStoreName)
+        if (storeFuncName && typeof mod[storeFuncName] === 'function') {
+          const p = mod[storeFuncName]().$persistLoaded
+          if (!(p instanceof Promise)) {
+            throw new Error(
+              `${name} store's $persistLoaded is not a Promise. The persist plugin is not applied.`,
+            )
           }
-        }))
+          await p
+        } else {
+          throw new Error(
+            `Store module ${name} does not export a 'use...' function`,
+          )
+        }
+      }),
+    )
   }
 
   try {
@@ -397,11 +519,18 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   }
 
   if (storageError) {
-    useInterfaceStore().pushGlobalNotice({ messageKey: 'errors.storage_unavailable', level: 'error' })
+    useInterfaceStore().pushGlobalNotice({
+      messageKey: 'errors.storage_unavailable',
+      level: 'error',
+    })
   }
 
   useInterfaceStore().setLayoutWidth(windowWidth())
   useInterfaceStore().setLayoutHeight(windowHeight())
+  window.syncConfig = useSyncConfigStore()
+  window.mergedConfig = useMergedConfigStore()
+  window.localConfig = useLocalConfigStore()
+  window.highlightConfig = useUserHighlightStore()
 
   FaviconService.initFaviconService()
   initServiceWorker(store)
@@ -409,18 +538,25 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   window.addEventListener('focus', () => updateFocus())
 
   const overrides = window.___pleromafe_dev_overrides || {}
-  const server = (typeof overrides.target !== 'undefined') ? overrides.target : window.location.origin
-  store.dispatch('setInstanceOption', { name: 'server', value: server })
+  const server =
+    typeof overrides.target !== 'undefined'
+      ? overrides.target
+      : window.location.origin
+  useInstanceStore().set({ path: 'server', value: server })
 
   await setConfig({ store })
   try {
-    await useInterfaceStore().applyTheme().catch((e) => { console.error('Error setting theme', e) })
+    await useInterfaceStore()
+      .applyTheme()
+      .catch((e) => {
+        console.error('Error setting theme', e)
+      })
   } catch (e) {
     window.splashError(e)
     return Promise.reject(e)
   }
 
-  applyConfig(store.state.config, i18n.global)
+  applyStyleConfig(useMergedConfigStore().mergedConfig, i18n.global)
 
   // Now we can try getting the server settings and logging in
   // Most of these are preloaded into the index.html so blocking is minimized
@@ -428,8 +564,8 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     checkOAuthToken({ store }),
     getInstancePanel({ store }),
     getNodeInfo({ store }),
-    getInstanceConfig({ store })
-  ]).catch(e => Promise.reject(e))
+    getInstanceConfig({ store }),
+  ]).catch((e) => Promise.reject(e))
 
   // Start fetching things that don't need to block the UI
   store.dispatch('fetchMutes')
@@ -442,11 +578,11 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     history: createWebHistory(),
     routes: routes(store),
     scrollBehavior: (to, _from, savedPosition) => {
-      if (to.matched.some(m => m.meta.dontScroll)) {
+      if (to.matched.some((m) => m.meta.dontScroll)) {
         return false
       }
       return savedPosition || { left: 0, top: 0 }
-    }
+    },
   })
 
   useI18nStore().setI18n(i18n)
diff --git a/src/boot/routes.js b/src/boot/routes.js
index 02abf8ce6..193daf4a7 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -1,42 +1,48 @@
-import PublicTimeline from 'components/public_timeline/public_timeline.vue'
-import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
-import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
-import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
-import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
-import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
-import ConversationPage from 'components/conversation-page/conversation-page.vue'
-import Interactions from 'components/interactions/interactions.vue'
-import DMs from 'components/dm_timeline/dm_timeline.vue'
-import ChatList from 'components/chat_list/chat_list.vue'
-import Chat from 'components/chat/chat.vue'
-import UserProfile from 'components/user_profile/user_profile.vue'
-import Search from 'components/search/search.vue'
-import Registration from 'components/registration/registration.vue'
-import PasswordReset from 'components/password_reset/password_reset.vue'
-import FollowRequests from 'components/follow_requests/follow_requests.vue'
-import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
-import Notifications from 'components/notifications/notifications.vue'
-import AuthForm from 'components/auth_form/auth_form.js'
-import ShoutPanel from 'components/shout_panel/shout_panel.vue'
-import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
 import About from 'components/about/about.vue'
-import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
-import Lists from 'components/lists/lists.vue'
-import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
-import ListsEdit from 'components/lists_edit/lists_edit.vue'
-import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import AnnouncementsPage from 'components/announcements_page/announcements_page.vue'
-import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
+import AuthForm from 'components/auth_form/auth_form.js'
+import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
+import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
+import Chat from 'components/chat/chat.vue'
+import ChatList from 'components/chat_list/chat_list.vue'
+import ConversationPage from 'components/conversation-page/conversation-page.vue'
+import DMs from 'components/dm_timeline/dm_timeline.vue'
 import Drafts from 'components/drafts/drafts.vue'
-import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import FollowRequests from 'components/follow_requests/follow_requests.vue'
+import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
+import Interactions from 'components/interactions/interactions.vue'
+import Lists from 'components/lists/lists.vue'
+import ListsEdit from 'components/lists_edit/lists_edit.vue'
+import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
+import Notifications from 'components/notifications/notifications.vue'
+import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
+import PasswordReset from 'components/password_reset/password_reset.vue'
+import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
+import PublicTimeline from 'components/public_timeline/public_timeline.vue'
+import Registration from 'components/registration/registration.vue'
+import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
+import Search from 'components/search/search.vue'
+import ShoutPanel from 'components/shout_panel/shout_panel.vue'
+import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
+import UserProfile from 'components/user_profile/user_profile.vue'
+import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
+
+import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import BookmarkFolderEdit from '../components/bookmark_folder_edit/bookmark_folder_edit.vue'
+import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 
 export default (store) => {
   const validateAuthenticatedRoute = (to, from, next) => {
     if (store.state.users.currentUser) {
       next()
     } else {
-      next(store.state.instance.redirectRootNoLogin || '/main/all')
+      next(
+        useInstanceStore().instanceIdentity.redirectRootNoLogin || '/main/all',
+      )
     }
   }
 
@@ -45,46 +51,125 @@ export default (store) => {
       name: 'root',
       path: '/',
       redirect: () => {
-        return (store.state.users.currentUser
-          ? store.state.instance.redirectRootLogin
-          : store.state.instance.redirectRootNoLogin) || '/main/all'
-      }
+        return (
+          (store.state.users.currentUser
+            ? useInstanceStore().instanceIdentity.redirectRootLogin
+            : useInstanceStore().instanceIdentity.redirectRootNoLogin) ||
+          '/main/all'
+        )
+      },
+    },
+    {
+      name: 'public-external-timeline',
+      path: '/main/all',
+      component: PublicAndExternalTimeline,
+    },
+    {
+      name: 'public-timeline',
+      path: '/main/public',
+      component: PublicTimeline,
+    },
+    {
+      name: 'friends',
+      path: '/main/friends',
+      component: FriendsTimeline,
+      beforeEnter: validateAuthenticatedRoute,
     },
-    { name: 'public-external-timeline', path: '/main/all', component: PublicAndExternalTimeline },
-    { name: 'public-timeline', path: '/main/public', component: PublicTimeline },
-    { name: 'friends', path: '/main/friends', component: FriendsTimeline, beforeEnter: validateAuthenticatedRoute },
     { name: 'tag-timeline', path: '/tag/:tag', component: TagTimeline },
     { name: 'bookmarks', path: '/bookmarks', component: BookmarkTimeline },
     { name: 'bubble', path: '/bubble', component: BubbleTimeline },
-    { name: 'conversation', path: '/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
+    {
+      name: 'conversation',
+      path: '/notice/:id',
+      component: ConversationPage,
+      meta: { dontScroll: true },
+    },
     { name: 'quotes', path: '/notice/:id/quotes', component: QuotesTimeline },
     {
       name: 'remote-user-profile-acct',
       path: '/remote-users/:_(@)?:username([^/@]+)@:hostname([^/@]+)',
       component: RemoteUserResolver,
-      beforeEnter: validateAuthenticatedRoute
+      beforeEnter: validateAuthenticatedRoute,
     },
     {
       name: 'remote-user-profile',
       path: '/remote-users/:hostname/:username',
       component: RemoteUserResolver,
-      beforeEnter: validateAuthenticatedRoute
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'external-user-profile',
+      path: '/users/$:id',
+      component: UserProfile,
+    },
+    {
+      name: 'interactions',
+      path: '/users/:username/interactions',
+      component: Interactions,
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'dms',
+      path: '/users/:username/dms',
+      component: DMs,
+      beforeEnter: validateAuthenticatedRoute,
     },
-    { name: 'external-user-profile', path: '/users/$:id', component: UserProfile },
-    { name: 'interactions', path: '/users/:username/interactions', component: Interactions, beforeEnter: validateAuthenticatedRoute },
-    { name: 'dms', path: '/users/:username/dms', component: DMs, beforeEnter: validateAuthenticatedRoute },
     { name: 'registration', path: '/registration', component: Registration },
-    { name: 'password-reset', path: '/password-reset', component: PasswordReset, props: true },
-    { name: 'registration-token', path: '/registration/:token', component: Registration },
-    { name: 'friend-requests', path: '/friend-requests', component: FollowRequests, beforeEnter: validateAuthenticatedRoute },
-    { name: 'notifications', path: '/:username/notifications', component: Notifications, props: () => ({ disableTeleport: true }), beforeEnter: validateAuthenticatedRoute },
+    {
+      name: 'password-reset',
+      path: '/password-reset',
+      component: PasswordReset,
+      props: true,
+    },
+    {
+      name: 'registration-token',
+      path: '/registration/:token',
+      component: Registration,
+    },
+    {
+      name: 'friend-requests',
+      path: '/friend-requests',
+      component: FollowRequests,
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'notifications',
+      path: '/:username/notifications',
+      component: Notifications,
+      props: () => ({ disableTeleport: true }),
+      beforeEnter: validateAuthenticatedRoute,
+    },
     { name: 'login', path: '/login', component: AuthForm },
-    { name: 'shout-panel', path: '/shout-panel', component: ShoutPanel, props: () => ({ floating: false }) },
-    { name: 'oauth-callback', path: '/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) },
-    { name: 'search', path: '/search', component: Search, props: (route) => ({ query: route.query.query }) },
-    { name: 'who-to-follow', path: '/who-to-follow', component: WhoToFollow, beforeEnter: validateAuthenticatedRoute },
+    {
+      name: 'shout-panel',
+      path: '/shout-panel',
+      component: ShoutPanel,
+      props: () => ({ floating: false }),
+    },
+    {
+      name: 'oauth-callback',
+      path: '/oauth-callback',
+      component: OAuthCallback,
+      props: (route) => ({ code: route.query.code }),
+    },
+    {
+      name: 'search',
+      path: '/search',
+      component: Search,
+      props: (route) => ({ query: route.query.query }),
+    },
+    {
+      name: 'who-to-follow',
+      path: '/who-to-follow',
+      component: WhoToFollow,
+      beforeEnter: validateAuthenticatedRoute,
+    },
     { name: 'about', path: '/about', component: About },
-    { name: 'announcements', path: '/announcements', component: AnnouncementsPage },
+    {
+      name: 'announcements',
+      path: '/announcements',
+      component: AnnouncementsPage,
+    },
     { name: 'drafts', path: '/drafts', component: Drafts },
     { name: 'user-profile', path: '/users/:name', component: UserProfile },
     { name: 'legacy-user-profile', path: '/:name', component: UserProfile },
@@ -92,17 +177,51 @@ export default (store) => {
     { name: 'lists-timeline', path: '/lists/:id', component: ListsTimeline },
     { name: 'lists-edit', path: '/lists/:id/edit', component: ListsEdit },
     { name: 'lists-new', path: '/lists/new', component: ListsEdit },
-    { name: 'edit-navigation', path: '/nav-edit', component: NavPanel, props: () => ({ forceExpand: true, forceEditMode: true }), beforeEnter: validateAuthenticatedRoute },
-    { name: 'bookmark-folders', path: '/bookmark_folders', component: BookmarkFolders },
-    { name: 'bookmark-folder-new', path: '/bookmarks/new-folder', component: BookmarkFolderEdit },
-    { name: 'bookmark-folder', path: '/bookmarks/:id', component: BookmarkTimeline },
-    { name: 'bookmark-folder-edit', path: '/bookmarks/:id/edit', component: BookmarkFolderEdit }
+    {
+      name: 'edit-navigation',
+      path: '/nav-edit',
+      component: NavPanel,
+      props: () => ({ forceExpand: true, forceEditMode: true }),
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'bookmark-folders',
+      path: '/bookmark_folders',
+      component: BookmarkFolders,
+    },
+    {
+      name: 'bookmark-folder-new',
+      path: '/bookmarks/new-folder',
+      component: BookmarkFolderEdit,
+    },
+    {
+      name: 'bookmark-folder',
+      path: '/bookmarks/:id',
+      component: BookmarkTimeline,
+    },
+    {
+      name: 'bookmark-folder-edit',
+      path: '/bookmarks/:id/edit',
+      component: BookmarkFolderEdit,
+    },
   ]
 
-  if (store.state.instance.pleromaChatMessagesAvailable) {
+  if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
     routes = routes.concat([
-      { name: 'chat', path: '/users/:username/chats/:recipient_id', component: Chat, meta: { dontScroll: false }, beforeEnter: validateAuthenticatedRoute },
-      { name: 'chats', path: '/users/:username/chats', component: ChatList, meta: { dontScroll: false }, beforeEnter: validateAuthenticatedRoute }
+      {
+        name: 'chat',
+        path: '/users/:username/chats/:recipient_id',
+        component: Chat,
+        meta: { dontScroll: false },
+        beforeEnter: validateAuthenticatedRoute,
+      },
+      {
+        name: 'chats',
+        path: '/users/:username/chats',
+        component: ChatList,
+        meta: { dontScroll: false },
+        beforeEnter: validateAuthenticatedRoute,
+      },
     ])
   }
 
diff --git a/src/components/about/about.js b/src/components/about/about.js
index 1df258450..404843e8b 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -1,8 +1,11 @@
-import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import FeaturesPanel from '../features_panel/features_panel.vue'
-import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
-import StaffPanel from '../staff_panel/staff_panel.vue'
+import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import MRFTransparencyPanel from '../mrf_transparency_panel/mrf_transparency_panel.vue'
+import StaffPanel from '../staff_panel/staff_panel.vue'
+import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const About = {
   components: {
@@ -10,16 +13,20 @@ const About = {
     FeaturesPanel,
     TermsOfServicePanel,
     StaffPanel,
-    MRFTransparencyPanel
+    MRFTransparencyPanel,
   },
   computed: {
-    showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
-    showInstanceSpecificPanel () {
-      return this.$store.state.instance.showInstanceSpecificPanel &&
-        !this.$store.getters.mergedConfig.hideISP &&
-        this.$store.state.instance.instanceSpecificPanelContent
-    }
-  }
+    showFeaturesPanel() {
+      return useInstanceStore().instanceIdentity.showFeaturesPanel
+    },
+    showInstanceSpecificPanel() {
+      return (
+        useInstanceStore().instanceIdentity.showInstanceSpecificPanel &&
+        !useMergedConfigStore().mergedConfig.hideISP &&
+        useInstanceStore().instanceIdentity.instanceSpecificPanelContent
+      )
+    },
+  },
 }
 
 export default About
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 9a63f57eb..f204adbde 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,99 +1,105 @@
-import { mapState } from 'vuex'
-import ProgressButton from '../progress_button/progress_button.vue'
-import Popover from '../popover/popover.vue'
+import { mapState } from 'pinia'
+
 import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisV
-} from '@fortawesome/free-solid-svg-icons'
+import Popover from '../popover/popover.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useReportsStore } from 'src/stores/reports'
 
-library.add(
-  faEllipsisV
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faEllipsisV)
 
 const AccountActions = {
-  props: [
-    'user', 'relationship'
-  ],
-  data () {
+  props: ['user', 'relationship'],
+  data() {
     return {
       showingConfirmBlock: false,
-      showingConfirmRemoveFollower: false
+      showingConfirmRemoveFollower: false,
     }
   },
   components: {
     ProgressButton,
     Popover,
     UserListMenu,
-    ConfirmModal
+    ConfirmModal,
+    UserTimedFilterModal,
   },
   methods: {
-    showConfirmBlock () {
-      this.showingConfirmBlock = true
-    },
-    hideConfirmBlock () {
-      this.showingConfirmBlock = false
-    },
-    showConfirmRemoveUserFromFollowers () {
+    showConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = true
     },
-    hideConfirmRemoveUserFromFollowers () {
+    hideConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = false
     },
-    showRepeats () {
+    hideConfirmBlock() {
+      this.showingConfirmBlock = false
+    },
+    showRepeats() {
       this.$store.dispatch('showReblogs', this.user.id)
     },
-    hideRepeats () {
+    hideRepeats() {
       this.$store.dispatch('hideReblogs', this.user.id)
     },
-    blockUser () {
-      if (!this.shouldConfirmBlock) {
-        this.doBlockUser()
+    blockUser() {
+      if (this.$refs.timedBlockDialog) {
+        this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
-        this.showConfirmBlock()
+        if (!this.shouldConfirmBlock) {
+          this.doBlockUser()
+        } else {
+          this.showingConfirmBlock = true
+        }
       }
     },
-    doBlockUser () {
-      this.$store.dispatch('blockUser', this.user.id)
+    doBlockUser() {
+      this.$store.dispatch('blockUser', { id: this.user.id })
       this.hideConfirmBlock()
     },
-    unblockUser () {
+    unblockUser() {
       this.$store.dispatch('unblockUser', this.user.id)
     },
-    removeUserFromFollowers () {
+    removeUserFromFollowers() {
       if (!this.shouldConfirmRemoveUserFromFollowers) {
         this.doRemoveUserFromFollowers()
       } else {
         this.showConfirmRemoveUserFromFollowers()
       }
     },
-    doRemoveUserFromFollowers () {
+    doRemoveUserFromFollowers() {
       this.$store.dispatch('removeUserFromFollowers', this.user.id)
       this.hideConfirmRemoveUserFromFollowers()
     },
-    reportUser () {
+    reportUser() {
       useReportsStore().openUserReportingModal({ userId: this.user.id })
     },
-    openChat () {
+    openChat() {
       this.$router.push({
         name: 'chat',
-        params: { username: this.$store.state.users.currentUser.screen_name, recipient_id: this.user.id }
+        params: {
+          username: this.$store.state.users.currentUser.screen_name,
+          recipient_id: this.user.id,
+        },
       })
-    }
+    },
   },
   computed: {
-    shouldConfirmBlock () {
-      return this.$store.getters.mergedConfig.modalOnBlock
+    shouldConfirmBlock() {
+      return useMergedConfigStore().mergedConfig.modalOnBlock
     },
-    shouldConfirmRemoveUserFromFollowers () {
-      return this.$store.getters.mergedConfig.modalOnRemoveUserFromFollowers
+    shouldConfirmRemoveUserFromFollowers() {
+      return useMergedConfigStore().mergedConfig.modalOnRemoveUserFromFollowers
     },
-    ...mapState({
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
-    })
-  }
+    ...mapState(useInstanceCapabilitiesStore, [
+      'blockExpiration',
+      'pleromaChatMessagesAvailable',
+    ]),
+  },
 }
 
 export default AccountActions
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index fd4837ee4..94cb91ee0 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -3,7 +3,6 @@
     <Popover
       trigger="click"
       placement="bottom"
-      :bound-to="{ x: 'container' }"
       remove-padding
     >
       <template #content>
@@ -96,7 +95,8 @@
     </Popover>
     <teleport to="#modal">
       <confirm-modal
-        v-if="showingConfirmBlock"
+        v-if="showingConfirmBlock && !blockExpiration"
+        ref="blockDialog"
         :title="$t('user_card.block_confirm_title')"
         :confirm-text="$t('user_card.block_confirm_accept_button')"
         :cancel-text="$t('user_card.block_confirm_cancel_button')"
@@ -137,6 +137,12 @@
           </template>
         </i18n-t>
       </confirm-modal>
+      <UserTimedFilterModal
+        v-if="blockExpiration"
+        ref="timedBlockDialog"
+        :is-mute="false"
+        :user="user"
+      />
     </teleport>
   </div>
 </template>
diff --git a/src/components/alert.style.js b/src/components/alert.style.js
index 868514764..8a6f842ed 100644
--- a/src/components/alert.style.js
+++ b/src/components/alert.style.js
@@ -1,57 +1,51 @@
 export default {
   name: 'Alert',
   selector: '.alert',
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Link',
-    'Border',
-    'ButtonUnstyled'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Link', 'Border', 'ButtonUnstyled'],
   variants: {
     normal: '.neutral',
     error: '.error',
     warning: '.warning',
-    success: '.success'
+    success: '.success',
   },
   editor: {
     border: 1,
-    aspect: '3 / 1'
+    aspect: '3 / 1',
   },
   defaultRules: [
     {
       directives: {
         background: '--text',
         opacity: 0.5,
-        blur: '9px'
-      }
+        blur: '9px',
+      },
     },
     {
       parent: {
-        component: 'Alert'
+        component: 'Alert',
       },
       component: 'Border',
       directives: {
-        textColor: '--parent'
-      }
+        textColor: '--parent',
+      },
     },
     {
       variant: 'error',
       directives: {
-        background: '--cRed'
-      }
+        background: '--cRed',
+      },
     },
     {
       variant: 'warning',
       directives: {
-        background: '--cOrange'
-      }
+        background: '--cOrange',
+      },
     },
     {
       variant: 'success',
       directives: {
-        background: '--cGreen'
-      }
-    }
-  ]
+        background: '--cGreen',
+      },
+    },
+  ],
 }
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index d1b8257d8..13d55c159 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,109 +1,130 @@
 import { mapState } from 'vuex'
+
+import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
-import localeService from '../../services/locale/locale.service.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
     AnnouncementEditor,
-    RichContent
+    RichContent,
   },
-  data () {
+  data() {
     return {
       editing: false,
       editedAnnouncement: {
         content: '',
         startsAt: undefined,
         endsAt: undefined,
-        allDay: undefined
+        allDay: undefined,
       },
-      editError: ''
+      editError: '',
     }
   },
   props: {
-    announcement: Object
+    announcement: Object,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    canEditAnnouncement () {
-      return this.currentUser && this.currentUser.privileges.includes('announcements_manage_announcements')
+    canEditAnnouncement() {
+      return (
+        this.currentUser &&
+        this.currentUser.privileges.includes(
+          'announcements_manage_announcements',
+        )
+      )
     },
-    content () {
+    content() {
       return this.announcement.content
     },
-    isRead () {
+    isRead() {
       return this.announcement.read
     },
-    publishedAt () {
+    publishedAt() {
       const time = this.announcement.published_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    startsAt () {
+    startsAt() {
       const time = this.announcement.starts_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    endsAt () {
+    endsAt() {
       const time = this.announcement.ends_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    inactive () {
+    inactive() {
       return this.announcement.inactive
-    }
+    },
   },
   methods: {
-    markAsRead () {
+    markAsRead() {
       if (!this.isRead) {
-        return useAnnouncementsStore().markAnnouncementAsRead(this.announcement.id)
+        return useAnnouncementsStore().markAnnouncementAsRead(
+          this.announcement.id,
+        )
       }
     },
-    deleteAnnouncement () {
+    deleteAnnouncement() {
       return useAnnouncementsStore().deleteAnnouncement(this.announcement.id)
     },
-    formatTimeOrDate (time, locale) {
+    formatTimeOrDate(time, locale) {
       const d = new Date(time)
-      return this.announcement.all_day ? d.toLocaleDateString(locale) : d.toLocaleString(locale)
+      return this.announcement.all_day
+        ? d.toLocaleDateString(locale)
+        : d.toLocaleString(locale)
     },
-    enterEditMode () {
+    enterEditMode() {
       this.editedAnnouncement.content = this.announcement.pleroma.raw_content
       this.editedAnnouncement.startsAt = this.announcement.starts_at
       this.editedAnnouncement.endsAt = this.announcement.ends_at
       this.editedAnnouncement.allDay = this.announcement.all_day
       this.editing = true
     },
-    submitEdit () {
-      useAnnouncementsStore().editAnnouncement({
-        id: this.announcement.id,
-        ...this.editedAnnouncement
-      })
+    submitEdit() {
+      useAnnouncementsStore()
+        .editAnnouncement({
+          id: this.announcement.id,
+          ...this.editedAnnouncement,
+        })
         .then(() => {
           this.editing = false
         })
-        .catch(error => {
+        .catch((error) => {
           this.editError = error.error
         })
     },
-    cancelEdit () {
+    cancelEdit() {
       this.editing = false
     },
-    clearError () {
+    clearError() {
       this.editError = undefined
-    }
-  }
+    },
+  },
 }
 
 export default Announcement
diff --git a/src/components/announcement_editor/announcement_editor.js b/src/components/announcement_editor/announcement_editor.js
index 79a03afe1..6d22ac1fd 100644
--- a/src/components/announcement_editor/announcement_editor.js
+++ b/src/components/announcement_editor/announcement_editor.js
@@ -2,12 +2,12 @@ import Checkbox from '../checkbox/checkbox.vue'
 
 const AnnouncementEditor = {
   components: {
-    Checkbox
+    Checkbox,
   },
   props: {
     announcement: Object,
-    disabled: Boolean
-  }
+    disabled: Boolean,
+  },
 }
 
 export default AnnouncementEditor
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 9ce0b45f5..b8b1f000a 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,59 +1,67 @@
 import { mapState } from 'vuex'
+
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const AnnouncementsPage = {
   components: {
     Announcement,
-    AnnouncementEditor
+    AnnouncementEditor,
   },
-  data () {
+  data() {
     return {
       newAnnouncement: {
         content: '',
         startsAt: undefined,
         endsAt: undefined,
-        allDay: false
+        allDay: false,
       },
       posting: false,
-      error: undefined
+      error: undefined,
     }
   },
-  mounted () {
+  mounted() {
     useAnnouncementsStore().fetchAnnouncements()
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    announcements () {
+    announcements() {
       return useAnnouncementsStore().announcements
     },
-    canPostAnnouncement () {
-      return this.currentUser && this.currentUser.privileges.includes('announcements_manage_announcements')
-    }
+    canPostAnnouncement() {
+      return (
+        this.currentUser &&
+        this.currentUser.privileges.includes(
+          'announcements_manage_announcements',
+        )
+      )
+    },
   },
   methods: {
-    postAnnouncement () {
+    postAnnouncement() {
       this.posting = true
-      useAnnouncementsStore().postAnnouncement(this.newAnnouncement)
+      useAnnouncementsStore()
+        .postAnnouncement(this.newAnnouncement)
         .then(() => {
           this.newAnnouncement.content = ''
           this.startsAt = undefined
           this.endsAt = undefined
         })
-        .catch(error => {
+        .catch((error) => {
           this.error = error.error
         })
         .finally(() => {
           this.posting = false
         })
     },
-    clearError () {
+    clearError() {
       this.error = undefined
-    }
-  }
+    },
+  },
 }
 
 export default AnnouncementsPage
diff --git a/src/components/async_component_error/async_component_error.vue b/src/components/async_component_error/async_component_error.vue
index 2ff8974c1..baf430950 100644
--- a/src/components/async_component_error/async_component_error.vue
+++ b/src/components/async_component_error/async_component_error.vue
@@ -21,10 +21,10 @@
 export default {
   emits: ['resetAsyncComponent'],
   methods: {
-    retry () {
+    retry() {
       this.$emit('resetAsyncComponent')
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 21d793930..fbe77a687 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,24 +1,29 @@
-import StillImage from '../still-image/still-image.vue'
-import Flash from '../flash/flash.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
+import { mapState } from 'pinia'
+
 import nsfwImage from '../../assets/nsfw.png'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { mapGetters } from 'vuex'
+import Flash from '../flash/flash.vue'
+import StillImage from '../still-image/still-image.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faAlignRight,
   faFile,
-  faMusic,
   faImage,
-  faVideo,
-  faPlayCircle,
-  faTimes,
-  faStop,
-  faSearchPlus,
-  faTrashAlt,
+  faMusic,
   faPencilAlt,
-  faAlignRight
+  faPlayCircle,
+  faSearchPlus,
+  faStop,
+  faTimes,
+  faTrashAlt,
+  faVideo,
 } from '@fortawesome/free-solid-svg-icons'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
 
 library.add(
   faFile,
@@ -31,7 +36,7 @@ library.add(
   faSearchPlus,
   faTrashAlt,
   faPencilAlt,
-  faAlignRight
+  faAlignRight,
 )
 
 const Attachment = {
@@ -46,72 +51,72 @@ const Attachment = {
     'remove',
     'shiftUp',
     'shiftDn',
-    'edit'
+    'edit',
   ],
-  data () {
+  data() {
     return {
       localDescription: this.description || this.attachment.description,
-      nsfwImage: this.$store.state.instance.nsfwCensorImage || nsfwImage,
-      hideNsfwLocal: this.$store.getters.mergedConfig.hideNsfw,
-      preloadImage: this.$store.getters.mergedConfig.preloadImage,
+      nsfwImage:
+        useInstanceStore().instanceIdentity.nsfwCensorImage || nsfwImage,
+      hideNsfwLocal: useMergedConfigStore().mergedConfig.hideNsfw,
+      preloadImage: useMergedConfigStore().mergedConfig.preloadImage,
       loading: false,
-      img: fileTypeService.fileType(this.attachment.mimetype) === 'image' && document.createElement('img'),
+      img: this.attachment.type === 'image' && document.createElement('img'),
       modalOpen: false,
       showHidden: false,
       flashLoaded: false,
-      showDescription: false
+      showDescription: false,
     }
   },
   components: {
     Flash,
     StillImage,
-    VideoAttachment
+    VideoAttachment,
   },
   computed: {
-    classNames () {
+    classNames() {
       return [
         {
           '-loading': this.loading,
           '-nsfw-placeholder': this.hidden,
           '-editable': this.edit !== undefined,
-          '-compact': this.compact
+          '-compact': this.compact,
         },
-        '-type-' + this.type,
+        '-type-' + this.attachment.type,
         this.size && '-size-' + this.size,
-        `-${this.useContainFit ? 'contain' : 'cover'}-fit`
+        `-${this.useContainFit ? 'contain' : 'cover'}-fit`,
       ]
     },
-    usePlaceholder () {
+    usePlaceholder() {
       return this.size === 'hide'
     },
-    useContainFit () {
-      return this.$store.getters.mergedConfig.useContainFit
+    useContainFit() {
+      return this.mergedConfig.useContainFit
     },
-    placeholderName () {
+    placeholderName() {
       if (this.attachment.description === '' || !this.attachment.description) {
-        return this.type.toUpperCase()
+        return this.attachment.type.toUpperCase()
       }
       return this.attachment.description
     },
-    placeholderIconClass () {
-      if (this.type === 'image') return 'image'
-      if (this.type === 'video') return 'video'
-      if (this.type === 'audio') return 'music'
+    placeholderIconClass() {
+      if (this.attachment.type === 'image') return 'image'
+      if (this.attachment.type === 'video') return 'video'
+      if (this.attachment.type === 'audio') return 'music'
       return 'file'
     },
-    referrerpolicy () {
-      return this.$store.state.instance.mediaProxyAvailable ? '' : 'no-referrer'
+    referrerpolicy() {
+      return useInstanceCapabilitiesStore().mediaProxyAvailable
+        ? ''
+        : 'no-referrer'
     },
-    type () {
-      return fileTypeService.fileType(this.attachment.mimetype)
-    },
-    hidden () {
+    hidden() {
       return this.nsfw && this.hideNsfwLocal && !this.showHidden
     },
-    isEmpty () {
-      return (this.type === 'html' && !this.attachment.oembed)
+    isEmpty() {
+      return this.attachment.type === 'html' && !this.attachment.oembed
     },
-    useModal () {
+    useModal() {
       let modalTypes = []
       switch (this.size) {
         case 'hide':
@@ -124,64 +129,66 @@ const Attachment = {
             : ['image']
           break
       }
-      return modalTypes.includes(this.type)
+      return modalTypes.includes(this.attachment.type)
     },
-    videoTag () {
+    videoTag() {
       return this.useModal ? 'button' : 'span'
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   watch: {
-    'attachment.description' (newVal) {
+    'attachment.description'(newVal) {
       this.localDescription = newVal
     },
-    localDescription (newVal) {
+    localDescription(newVal) {
       this.onEdit(newVal)
-    }
+    },
   },
   methods: {
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'A') {
         window.open(target.href, '_blank')
       }
     },
-    openModal () {
+    openModal() {
       if (this.useModal) {
         this.$emit('setMedia')
         useMediaViewerStore().setCurrentMedia(this.attachment)
-      } else if (this.type === 'unknown') {
+      } else if (this.attachment.type === 'unknown') {
         window.open(this.attachment.url)
       }
     },
-    openModalForce () {
+    openModalForce() {
       this.$emit('setMedia')
       useMediaViewerStore().setCurrentMedia(this.attachment)
     },
-    onEdit (event) {
+    onEdit(event) {
       this.edit && this.edit(this.attachment, event)
     },
-    onRemove () {
+    onRemove() {
       this.remove && this.remove(this.attachment)
     },
-    onShiftUp () {
+    onShiftUp() {
       this.shiftUp && this.shiftUp(this.attachment)
     },
-    onShiftDn () {
+    onShiftDn() {
       this.shiftDn && this.shiftDn(this.attachment)
     },
-    stopFlash () {
+    stopFlash() {
       this.$refs.flash.closePlayer()
     },
-    setFlashLoaded (event) {
+    setFlashLoaded(event) {
       this.flashLoaded = event
     },
-    toggleDescription () {
+    toggleDescription() {
       this.showDescription = !this.showDescription
     },
-    toggleHidden (event) {
+    toggleHidden(event) {
       if (
-        (this.mergedConfig.useOneClickNsfw && !this.showHidden) &&
-        (this.type !== 'video' || this.mergedConfig.playVideosInModal)
+        this.mergedConfig.useOneClickNsfw &&
+        !this.showHidden &&
+        (this.attachment.type !== 'video' ||
+          this.mergedConfig.playVideosInModal)
       ) {
         this.openModal(event)
         return
@@ -201,12 +208,12 @@ const Attachment = {
         this.showHidden = !this.showHidden
       }
     },
-    onImageLoad (image) {
+    onImageLoad(image) {
       const width = image.naturalWidth
       const height = image.naturalHeight
       this.$emit('naturalSizeLoad', { id: this.attachment.id, width, height })
-    }
-  }
+    },
+  },
 }
 
 export default Attachment
diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss
index 16346c97c..97515eb32 100644
--- a/src/components/attachment/attachment.scss
+++ b/src/components/attachment/attachment.scss
@@ -107,9 +107,9 @@
 
   .play-icon {
     position: absolute;
-    font-size: 64px;
-    top: calc(50% - 32px);
-    left: calc(50% - 32px);
+    font-size: 4.5em;
+    top: calc(50% - 2.25rem);
+    left: calc(50% - 2.25rem);
     color: rgb(255 255 255 / 75%);
     text-shadow: 0 0 2px rgb(0 0 0 / 40%);
 
diff --git a/src/components/attachment/attachment.style.js b/src/components/attachment/attachment.style.js
deleted file mode 100644
index a9455e367..000000000
--- a/src/components/attachment/attachment.style.js
+++ /dev/null
@@ -1,27 +0,0 @@
-export default {
-  name: 'Attachment',
-  selector: '.Attachment',
-  notEditable: true,
-  validInnerComponents: [
-    'Border',
-    'Button',
-    'Input'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        roundness: 3
-      }
-    },
-    {
-      component: 'Button',
-      parent: {
-        component: 'Attachment'
-      },
-      directives: {
-        background: '#FFFFFF',
-        opacity: 0.5
-      }
-    }
-  ]
-}
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 0701a393e..0db86ff8a 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -6,7 +6,7 @@
     @click="openModal"
   >
     <a
-      v-if="type !== 'html'"
+      v-if="attachment.type !== 'html'"
       class="placeholder"
       target="_blank"
       :href="attachment.url"
@@ -23,7 +23,7 @@
     >
       <button
         v-if="remove"
-        class="button-default attachment-button"
+        class="button-default attachment-button -transparent"
         @click.prevent="onRemove"
       >
         <FAIcon icon="trash-alt" />
@@ -70,7 +70,7 @@
           :src="nsfwImage"
         >
         <FAIcon
-          v-if="type === 'video'"
+          v-if="attachment.type === 'video'"
           class="play-icon"
           icon="play-circle"
         />
@@ -80,24 +80,24 @@
         class="attachment-buttons"
       >
         <button
-          v-if="type === 'flash' && flashLoaded"
-          class="button-default attachment-button"
+          v-if="attachment.type === 'flash' && flashLoaded"
+          class="button-default attachment-button -transparent"
           :title="$t('status.attachment_stop_flash')"
           @click.prevent="stopFlash"
         >
           <FAIcon icon="stop" />
         </button>
         <button
-          v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'"
-          class="button-default attachment-button"
+          v-if="attachment.description && size !== 'small' && !edit && attachment.type !== 'unknown'"
+          class="button-default attachment-button -transparent"
           :title="$t('status.show_attachment_description')"
           @click.prevent="toggleDescription"
         >
           <FAIcon icon="align-right" />
         </button>
         <button
-          v-if="!useModal && type !== 'unknown'"
-          class="button-default attachment-button"
+          v-if="!useModal && attachment.type !== 'unknown'"
+          class="button-default attachment-button -transparent"
           :title="$t('status.show_attachment_in_modal')"
           @click.prevent="openModalForce"
         >
@@ -105,7 +105,7 @@
         </button>
         <button
           v-if="nsfw && hideNsfwLocal"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.hide_attachment')"
           @click.prevent="toggleHidden"
         >
@@ -113,7 +113,7 @@
         </button>
         <button
           v-if="shiftUp"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.move_up')"
           @click.prevent="onShiftUp"
         >
@@ -121,7 +121,7 @@
         </button>
         <button
           v-if="shiftDn"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.move_down')"
           @click.prevent="onShiftDn"
         >
@@ -129,7 +129,7 @@
         </button>
         <button
           v-if="remove"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.remove_attachment')"
           @click.prevent="onRemove"
         >
@@ -138,7 +138,7 @@
       </div>
 
       <a
-        v-if="type === 'image' && (!hidden || preloadImage)"
+        v-if="attachment.type === 'image' && (!hidden || preloadImage)"
         class="image-container"
         :class="{'-hidden': hidden && preloadImage }"
         :href="attachment.url"
@@ -156,7 +156,7 @@
       </a>
 
       <a
-        v-if="type === 'unknown' && !hidden"
+        v-if="attachment.type === 'unknown' && !hidden"
         class="placeholder-container"
         :href="attachment.url"
         target="_blank"
@@ -173,7 +173,7 @@
 
       <component
         :is="videoTag"
-        v-if="type === 'video' && !hidden"
+        v-if="attachment.type === 'video' && !hidden"
         class="video-container"
         :href="attachment.url"
         @click.stop.prevent="openModal"
@@ -193,13 +193,13 @@
       </component>
 
       <span
-        v-if="type === 'audio' && !hidden"
+        v-if="attachment.type === 'audio' && !hidden"
         class="audio-container"
         :href="attachment.url"
         @click.stop.prevent="openModal"
       >
         <audio
-          v-if="type === 'audio'"
+          v-if="attachment.type === 'audio'"
           :src="attachment.url"
           :alt="attachment.description"
           :title="attachment.description"
@@ -210,7 +210,7 @@
       </span>
 
       <div
-        v-if="type === 'html' && attachment.oembed"
+        v-if="attachment.type === 'html' && attachment.oembed"
         class="oembed-container"
         @click.prevent="linkClicked"
       >
@@ -229,7 +229,7 @@
       </div>
 
       <span
-        v-if="type === 'flash' && !hidden"
+        v-if="attachment.type === 'flash' && !hidden"
         class="flash-container"
         :href="attachment.url"
         @click.stop.prevent="openModal"
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 243cbf574..9e05095ca 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,28 +1,34 @@
+import { mapState } from 'pinia'
 import { h, resolveComponent } from 'vue'
+
 import LoginForm from '../login_form/login_form.vue'
 import MFARecoveryForm from '../mfa_form/recovery_form.vue'
 import MFATOTPForm from '../mfa_form/totp_form.vue'
-import { mapState } from 'pinia'
-import { useAuthFlowStore } from 'src/stores/auth_flow'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 
 const AuthForm = {
   name: 'AuthForm',
-  render () {
+  render() {
     return h(resolveComponent(this.authForm))
   },
   computed: {
-    authForm () {
-      if (this.requiredTOTP) { return 'MFATOTPForm' }
-      if (this.requiredRecovery) { return 'MFARecoveryForm' }
+    authForm() {
+      if (this.requiredTOTP) {
+        return 'MFATOTPForm'
+      }
+      if (this.requiredRecovery) {
+        return 'MFARecoveryForm'
+      }
       return 'LoginForm'
     },
-    ...mapState(useAuthFlowStore, ['requiredTOTP', 'requiredRecovery'])
+    ...mapState(useAuthFlowStore, ['requiredTOTP', 'requiredRecovery']),
   },
   components: {
     MFARecoveryForm,
     MFATOTPForm,
-    LoginForm
-  }
+    LoginForm,
+  },
 }
 
 export default AuthForm
diff --git a/src/components/autosuggest/autosuggest.js b/src/components/autosuggest/autosuggest.js
index f58f17bb6..37b7706db 100644
--- a/src/components/autosuggest/autosuggest.js
+++ b/src/components/autosuggest/autosuggest.js
@@ -2,51 +2,55 @@ const debounceMilliseconds = 500
 
 export default {
   props: {
-    query: { // function to query results and return a promise
+    query: {
+      // function to query results and return a promise
       type: Function,
-      required: true
+      required: true,
     },
-    filter: { // function to filter results in real time
-      type: Function
+    filter: {
+      // function to filter results in real time
+      type: Function,
     },
     placeholder: {
       type: String,
-      default: 'Search...'
-    }
+      default: 'Search...',
+    },
   },
-  data () {
+  data() {
     return {
       term: '',
       timeout: null,
       results: [],
-      resultsVisible: false
+      resultsVisible: false,
     }
   },
   computed: {
-    filtered () {
+    filtered() {
       return this.filter ? this.filter(this.results) : this.results
-    }
+    },
   },
   watch: {
-    term (val) {
+    term(val) {
       this.fetchResults(val)
-    }
+    },
   },
   methods: {
-    fetchResults (term) {
+    fetchResults(term) {
       clearTimeout(this.timeout)
       this.timeout = setTimeout(() => {
         this.results = []
         if (term) {
-          this.query(term).then((results) => { this.results = results })
+          this.query(term).then((results) => {
+            this.results = results
+          })
         }
       }, debounceMilliseconds)
     },
-    onInputClick () {
+    onInputClick() {
       this.resultsVisible = true
     },
-    onClickOutside () {
+    onClickOutside() {
       this.resultsVisible = false
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/avatar_list/avatar_list.js b/src/components/avatar_list/avatar_list.js
index 9b6301b22..830b64219 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -1,21 +1,28 @@
 import UserAvatar from '../user_avatar/user_avatar.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const AvatarList = {
   props: ['users'],
   computed: {
-    slicedUsers () {
+    slicedUsers() {
       return this.users ? this.users.slice(0, 15) : []
-    }
+    },
   },
   components: {
-    UserAvatar
+    UserAvatar,
   },
   methods: {
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
-    }
-  }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
+      )
+    },
+  },
 }
 
 export default AvatarList
diff --git a/src/components/badge.style.js b/src/components/badge.style.js
index 0697cac6c..ab28429cc 100644
--- a/src/components/badge.style.js
+++ b/src/components/badge.style.js
@@ -1,30 +1,27 @@
 export default {
   name: 'Badge',
   selector: '.badge',
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   variants: {
-    notification: '.-notification'
+    notification: '.-notification',
   },
   defaultRules: [
     {
       component: 'Root',
       directives: {
-        '--badgeNotification': 'color | --cRed'
-      }
+        '--badgeNotification': 'color | --cRed',
+      },
     },
     {
       directives: {
-        background: '--cGreen'
-      }
+        background: '--cGreen',
+      },
     },
     {
       variant: 'notification',
       directives: {
-        background: '--cRed'
-      }
-    }
-  ]
+        background: '--cRed',
+      },
+    },
+  ],
 }
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 31de2d75f..0e45b140a 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,24 +1,29 @@
-import UserPopover from '../user_popover/user_popover.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserLink from '../user_link/user_link.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserPopover from '../user_popover/user_popover.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const BasicUserCard = {
-  props: [
-    'user'
-  ],
+  props: ['user'],
   components: {
     UserPopover,
     UserAvatar,
     RichContent,
-    UserLink
+    UserLink,
   },
   methods: {
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
-    }
-  }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
+      )
+    },
+  },
 }
 
 export default BasicUserCard
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 0bf4e37bc..967ce2a3c 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -1,40 +1,50 @@
+import { mapState } from 'pinia'
+
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
 const BlockCard = {
   props: ['userId'],
-  data () {
-    return {
-      progress: false
-    }
-  },
   computed: {
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.userId)
     },
-    blocked () {
+    blocked() {
       return this.relationship.blocking
-    }
+    },
+    blockExpiryAvailable() {
+      return Object.hasOwn(this.user, 'block_expires_at')
+    },
+    blockExpiry() {
+      return this.user.block_expires_at === false
+        ? this.$t('user_card.block_expires_forever')
+        : this.$t('user_card.block_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
+    },
+    ...mapState(useInstanceCapabilitiesStore, ['blockExpiration']),
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
+    UserTimedFilterModal,
   },
   methods: {
-    unblockUser () {
-      this.progress = true
-      this.$store.dispatch('unblockUser', this.user.id).then(() => {
-        this.progress = false
-      })
+    unblockUser() {
+      this.$store.dispatch('unblockUser', this.user.id)
     },
-    blockUser () {
-      this.progress = true
-      this.$store.dispatch('blockUser', this.user.id).then(() => {
-        this.progress = false
-      })
-    }
-  }
+    blockUser() {
+      if (this.blockExpiration) {
+        this.$refs.timedBlockDialog.optionallyPrompt()
+      } else {
+        this.$store.dispatch('blockUser', { id: this.user.id })
+      }
+    },
+  },
 }
 
 export default BlockCard
diff --git a/src/components/block_card/block_card.vue b/src/components/block_card/block_card.vue
index b14ef8448..90b9a2b16 100644
--- a/src/components/block_card/block_card.vue
+++ b/src/components/block_card/block_card.vue
@@ -1,33 +1,35 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
+      <span
+        v-if="blocked && blockExpiryAvailable"
+        class="alert neutral"
+      >
+        {{ blockExpiry }}
+      </span>
+      {{ ' ' }}
       <button
         v-if="blocked"
         class="btn button-default"
-        :disabled="progress"
         @click="unblockUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.unblock_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.unblock') }}
-        </template>
+        {{ $t('user_card.unblock') }}
       </button>
       <button
         v-else
         class="btn button-default"
-        :disabled="progress"
         @click="blockUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.block_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.block') }}
-        </template>
+        {{ $t('user_card.block') }}
       </button>
     </div>
+    <teleport to="#modal">
+      <UserTimedFilterModal
+        ref="timedBlockDialog"
+        :user="user"
+        :is-mute="false"
+      />
+    </teleport>
   </basic-user-card>
 </template>
 
diff --git a/src/components/bookmark_folder_card/bookmark_folder_card.js b/src/components/bookmark_folder_card/bookmark_folder_card.js
index bf274d9d7..37b3f2e5e 100644
--- a/src/components/bookmark_folder_card/bookmark_folder_card.js
+++ b/src/components/bookmark_folder_card/bookmark_folder_card.js
@@ -1,22 +1,15 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEllipsisH
-)
+library.add(faEllipsisH)
 
 const BookmarkFolderCard = {
-  props: [
-    'folder',
-    'allBookmarks'
-  ],
+  props: ['folder', 'allBookmarks'],
   computed: {
-    firstLetter () {
+    firstLetter() {
       return this.folder ? this.folder.name[0] : null
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolderCard
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index bb96585bf..a036895bf 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,10 +1,11 @@
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 import apiService from '../../services/api/api.service'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const BookmarkFolderEdit = {
-  data () {
+  data() {
     return {
       name: '',
       nameDraft: '',
@@ -13,54 +14,59 @@ const BookmarkFolderEdit = {
       emojiDraft: '',
       emojiUrlDraft: null,
       emojiPickerExpanded: false,
-      reallyDelete: false
+      reallyDelete: false,
     }
   },
   components: {
-    EmojiPicker
+    EmojiPicker,
   },
-  created () {
+  created() {
     if (!this.id) return
     const credentials = this.$store.state.users.currentUser.credentials
-    apiService.fetchBookmarkFolders({ credentials })
-      .then((folders) => {
-        const folder = folders.find(folder => folder.id === this.id)
-        if (!folder) return
+    apiService.fetchBookmarkFolders({ credentials }).then((folders) => {
+      const folder = folders.find((folder) => folder.id === this.id)
+      if (!folder) return
 
-        this.nameDraft = this.name = folder.name
-        this.emojiDraft = this.emoji = folder.emoji
-        this.emojiUrlDraft = this.emojiUrl = folder.emoji_url
-      })
+      this.nameDraft = this.name = folder.name
+      this.emojiDraft = this.emoji = folder.emoji
+      this.emojiUrlDraft = this.emojiUrl = folder.emoji_url
+    })
   },
   computed: {
-    id () {
+    id() {
       return this.$route.params.id
-    }
+    },
   },
   methods: {
-    selectEmoji (event) {
+    selectEmoji(event) {
       this.emojiDraft = event.insertion
       this.emojiUrlDraft = event.insertionUrl
     },
-    showEmojiPicker () {
+    showEmojiPicker() {
       if (!this.emojiPickerExpanded) {
         this.$refs.picker.showPicker()
       }
     },
-    onShowPicker () {
+    onShowPicker() {
       this.emojiPickerExpanded = true
     },
-    onClosePicker () {
+    onClosePicker() {
       this.emojiPickerExpanded = false
     },
-    updateFolder () {
-      useBookmarkFoldersStore().updateBookmarkFolder({ folderId: this.id, name: this.nameDraft, emoji: this.emojiDraft })
+    updateFolder() {
+      useBookmarkFoldersStore()
+        .updateBookmarkFolder({
+          folderId: this.id,
+          name: this.nameDraft,
+          emoji: this.emojiDraft,
+        })
         .then(() => {
           this.$router.push({ name: 'bookmark-folders' })
         })
     },
-    createFolder () {
-      useBookmarkFoldersStore().createBookmarkFolder({ name: this.nameDraft, emoji: this.emojiDraft })
+    createFolder() {
+      useBookmarkFoldersStore()
+        .createBookmarkFolder({ name: this.nameDraft, emoji: this.emojiDraft })
         .then(() => {
           this.$router.push({ name: 'bookmark-folders' })
         })
@@ -68,15 +74,15 @@ const BookmarkFolderEdit = {
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'bookmark_folders.error',
             messageArgs: [e.message],
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    deleteFolder () {
+    deleteFolder() {
       useBookmarkFoldersStore().deleteBookmarkFolder({ folderId: this.id })
       this.$router.push({ name: 'bookmark-folders' })
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolderEdit
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index 096f3769d..1147fd3a5 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,28 +1,29 @@
 import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const BookmarkFolders = {
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
   components: {
-    BookmarkFolderCard
+    BookmarkFolderCard,
   },
   computed: {
-    bookmarkFolders () {
+    bookmarkFolders() {
       return useBookmarkFoldersStore().allFolders
-    }
+    },
   },
   methods: {
-    cancelNewFolder () {
+    cancelNewFolder() {
       this.isNew = false
     },
-    newFolder () {
+    newFolder() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolders
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index dc46b91b3..be1fb06ea 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -1,20 +1,20 @@
 import { mapState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 export const BookmarkFoldersMenuContent = {
-  props: [
-    'showPin'
-  ],
+  props: ['showPin'],
   components: {
-    NavigationEntry
+    NavigationEntry,
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
-      folders: getBookmarkFolderEntries
-    })
-  }
+      folders: getBookmarkFolderEntries,
+    }),
+  },
 }
 
 export default BookmarkFoldersMenuContent
diff --git a/src/components/bookmark_timeline/bookmark_timeline.js b/src/components/bookmark_timeline/bookmark_timeline.js
index 9571d630f..a241b6ac7 100644
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ b/src/components/bookmark_timeline/bookmark_timeline.js
@@ -1,32 +1,38 @@
 import Timeline from '../timeline/timeline.vue'
 
 const Bookmarks = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'bookmarks', bookmarkFolderId: this.folderId || null })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'bookmarks',
+      bookmarkFolderId: this.folderId || null,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    folderId () {
+    folderId() {
       return this.$route.params.id
     },
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.bookmarks
-    }
+    },
   },
   watch: {
-    folderId () {
+    folderId() {
       this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
       this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'bookmarks', bookmarkFolderId: this.folderId || null })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'bookmarks',
+        bookmarkFolderId: this.folderId || null,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
     this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-  }
+  },
 }
 
 export default Bookmarks
diff --git a/src/components/border.style.js b/src/components/border.style.js
index 7f2c30163..e7cc31c57 100644
--- a/src/components/border.style.js
+++ b/src/components/border.style.js
@@ -6,8 +6,8 @@ export default {
     {
       directives: {
         textColor: '$mod(--parent 10)',
-        textAuto: 'no-auto'
-      }
-    }
-  ]
+        textAuto: 'no-auto',
+      },
+    },
+  ],
 }
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
index 6f73dd2b8..d3835e0e8 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,18 +1,20 @@
 import Timeline from '../timeline/timeline.vue'
+
 const BubbleTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.bubble }
+    timeline() {
+      return this.$store.state.statuses.timelines.bubble
+    },
   },
-  created () {
+  created() {
     this.$store.dispatch('startFetchingTimeline', { timeline: 'bubble' })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'bubble')
-  }
-
+  },
 }
 
 export default BubbleTimeline
diff --git a/src/components/button.style.js b/src/components/button.style.js
index 887ff91b5..3fb308b89 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -10,26 +10,24 @@ export default {
     // normal: '' // normal state is implicitly added, it is always included
     toggled: '.toggled',
     focused: ':focus-within',
-    pressed: ':focus:active',
+    pressed: ':active',
     hover: ':is(:hover, :focus-visible):not(:disabled)',
-    disabled: ':disabled'
+    disabled: ':disabled',
   },
   // Variants are mutually exclusive, each component implicitly has "normal" variant, and all other variants inherit from it.
   variants: {
     // Variants save on computation time since adding new variant just adds one more "set".
     // normal: '', // you can override normal variant, it will be appenended to the main class
-    danger: '.danger'
+    danger: '.-danger',
+    transparent: '.-transparent',
     // Overall the compuation difficulty is N*((1/6)M^3+M) where M is number of distinct states and N is number of variants.
     // This (currently) is further multipled by number of places where component can exist.
   },
   editor: {
-    aspect: '2 / 1'
+    aspect: '2 / 1',
   },
   // This lists all other components that can possibly exist within one. Recursion is currently not supported (and probably won't be supported ever).
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   // Default rules, used as "default theme", essentially.
   defaultRules: [
     {
@@ -38,9 +36,11 @@ export default {
         '--buttonDefaultHoverGlow': 'shadow | 0 0 1 2 --text / 0.4',
         '--buttonDefaultFocusGlow': 'shadow | 0 0 1 2 --link / 0.5',
         '--buttonDefaultShadow': 'shadow | 0 0 2 #000000',
-        '--buttonDefaultBevel': 'shadow | $borderSide(#FFFFFF top 0.2 1), $borderSide(#000000 bottom 0.2 1)',
-        '--buttonPressedBevel': 'shadow | inset 0 0 4 #000000, $borderSide(#FFFFFF bottom 0.2 1), $borderSide(#000000 top 0.2 1)'
-      }
+        '--buttonDefaultBevel':
+          'shadow | $borderSide(#FFFFFF top 0.2 1), $borderSide(#000000 bottom 0.2 1)',
+        '--buttonPressedBevel':
+          'shadow | inset 0 0 4 #000000, $borderSide(#FFFFFF bottom 0.2 1), $borderSide(#000000 top 0.2 1)',
+      },
     },
     {
       // component: 'Button', // no need to specify components every time unless you're specifying how other component should look
@@ -48,89 +48,128 @@ export default {
       directives: {
         background: '--fg',
         shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
-      state: ['hover'],
+      variant: 'danger',
       directives: {
-        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel']
-      }
+        background: '--cRed',
+      },
     },
     {
-      state: ['focused'],
+      variant: 'transparent',
       directives: {
-        shadow: ['--buttonDefaultFocusGlow', '--buttonDefaultBevel']
-      }
-    },
-    {
-      state: ['pressed'],
-      directives: {
-        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel']
-      }
-    },
-    {
-      state: ['pressed', 'hover'],
-      directives: {
-        shadow: ['--buttonPressedBevel', '--buttonDefaultHoverGlow']
-      }
-    },
-    {
-      state: ['toggled'],
-      directives: {
-        background: '--accent,-24.2',
-        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel']
-      }
-    },
-    {
-      state: ['toggled', 'hover'],
-      directives: {
-        background: '--accent,-24.2',
-        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
-      }
-    },
-    {
-      state: ['toggled', 'focused'],
-      directives: {
-        background: '--accent,-24.2',
-        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
-      }
-    },
-    {
-      state: ['toggled', 'disabled'],
-      directives: {
-        background: '$blend(--accent 0.25 --parent)',
-        shadow: ['--buttonPressedBevel']
-      }
-    },
-    {
-      state: ['disabled'],
-      directives: {
-        background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: ['--buttonDefaultBevel']
-      }
+        opacity: 0.5,
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        variant: 'transparent',
       },
       directives: {
-        textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        variant: 'transparent',
+      },
+      directives: {
+        textColor: '--text',
+      },
+    },
+    {
+      state: ['hover'],
+      directives: {
+        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel'],
+      },
+    },
+    {
+      state: ['focused'],
+      directives: {
+        shadow: ['--buttonDefaultFocusGlow', '--buttonDefaultBevel'],
+      },
+    },
+    {
+      state: ['pressed'],
+      directives: {
+        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['pressed', 'hover'],
+      directives: {
+        shadow: ['--buttonPressedBevel', '--buttonDefaultHoverGlow'],
+      },
+    },
+    {
+      state: ['toggled'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['toggled', 'hover'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['toggled', 'focused'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['toggled', 'hover', 'focused'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['toggled', 'disabled'],
+      directives: {
+        background: '$blend(--accent 0.25 --parent)',
+        shadow: ['--buttonPressedBevel'],
+      },
+    },
+    {
+      state: ['disabled'],
+      directives: {
+        background: '$blend(--inheritedBackground 0.25 --parent)',
+        shadow: ['--buttonDefaultBevel'],
+      },
+    },
+    {
+      component: 'Text',
+      parent: {
+        component: 'Button',
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+    {
+      component: 'Icon',
+      parent: {
+        component: 'Button',
+        state: ['disabled'],
+      },
+      directives: {
+        textOpacity: 0.25,
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/button_unstyled.style.js b/src/components/button_unstyled.style.js
index 9e1a2ca90..c35fb8f69 100644
--- a/src/components/button_unstyled.style.js
+++ b/src/components/button_unstyled.style.js
@@ -7,91 +7,86 @@ export default {
     toggled: '.toggled',
     disabled: ':disabled',
     hover: ':is(:hover, :focus-visible):not(:disabled)',
-    focused: ':focus-within:not(:is(:focus-visible))'
+    focused: ':focus-within:not(:is(:focus-visible))',
   },
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Badge'
-  ],
+  validInnerComponents: ['Text', 'Link', 'Icon', 'Badge'],
   defaultRules: [
     {
       directives: {
-        shadow: []
-      }
+        shadow: [],
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled']
+        state: ['toggled'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'hover']
+        state: ['toggled', 'hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'focused']
+        state: ['toggled', 'focused'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'focused', 'hover']
+        state: ['toggled', 'focused', 'hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 56f389e60..caeb2aea7 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -1,25 +1,27 @@
 import _ from 'lodash'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import ChatMessage from '../chat_message/chat_message.vue'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import ChatTitle from '../chat_title/chat_title.vue'
+import { mapGetters, mapState } from 'vuex'
+
+import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
-import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
-import { getScrollPosition, getNewTopPosition, isBottomedOut, isScrollable } from './chat_layout_utils.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronDown,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
 import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
+import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
+import ChatMessage from '../chat_message/chat_message.vue'
+import ChatTitle from '../chat_title/chat_title.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import {
+  getNewTopPosition,
+  getScrollPosition,
+  isBottomedOut,
+  isScrollable,
+} from './chat_layout_utils.js'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 
-library.add(
-  faChevronDown,
-  faChevronLeft
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faChevronDown, faChevronLeft)
 
 const BOTTOMED_OUT_OFFSET = 10
 const JUMP_TO_BOTTOM_BUTTON_VISIBILITY_OFFSET = 10
@@ -31,78 +33,95 @@ const Chat = {
   components: {
     ChatMessage,
     ChatTitle,
-    PostStatusForm
+    PostStatusForm,
   },
-  data () {
+  data() {
     return {
       jumpToBottomButtonVisible: false,
       hoveredMessageChainId: undefined,
       lastScrollPosition: {},
       scrollableContainerHeight: '100%',
       errorLoadingChat: false,
-      messageRetriers: {}
+      messageRetriers: {},
     }
   },
-  created () {
+  created() {
     this.startFetching()
     window.addEventListener('resize', this.handleResize)
   },
-  mounted () {
+  mounted() {
     window.addEventListener('scroll', this.handleScroll)
     if (typeof document.hidden !== 'undefined') {
-      document.addEventListener('visibilitychange', this.handleVisibilityChange, false)
+      document.addEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
     }
 
     this.$nextTick(() => {
       this.handleResize()
     })
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('scroll', this.handleScroll)
     window.removeEventListener('resize', this.handleResize)
-    if (typeof document.hidden !== 'undefined') document.removeEventListener('visibilitychange', this.handleVisibilityChange, false)
+    if (typeof document.hidden !== 'undefined')
+      document.removeEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
     this.$store.dispatch('clearCurrentChat')
   },
   computed: {
-    recipient () {
+    recipient() {
       return this.currentChat && this.currentChat.account
     },
-    recipientId () {
+    recipientId() {
       return this.$route.params.recipient_id
     },
-    formPlaceholder () {
+    formPlaceholder() {
       if (this.recipient) {
-        return this.$t('chats.message_user', { nickname: this.recipient.screen_name_ui })
+        return this.$t('chats.message_user', {
+          nickname: this.recipient.screen_name_ui,
+        })
       } else {
         return ''
       }
     },
-    chatViewItems () {
+    chatViewItems() {
       return chatService.getView(this.currentChatMessageService)
     },
-    newMessageCount () {
-      return this.currentChatMessageService && this.currentChatMessageService.newMessageCount
+    newMessageCount() {
+      return (
+        this.currentChatMessageService &&
+        this.currentChatMessageService.newMessageCount
+      )
     },
-    streamingEnabled () {
-      return this.mergedConfig.useStreamingApi && this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+    streamingEnabled() {
+      return (
+        this.mergedConfig.useStreamingApi &&
+        this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+      )
     },
     ...mapGetters([
       'currentChat',
       'currentChatMessageService',
       'findOpenedChatByRecipientId',
-      'mergedConfig'
+      'mergedConfig',
     ]),
     ...mapPiniaState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
+      mobileLayout: (store) => store.layoutType === 'mobile',
     }),
     ...mapState({
-      backendInteractor: state => state.api.backendInteractor,
-      mastoUserSocketStatus: state => state.api.mastoUserSocketStatus,
-      currentUser: state => state.users.currentUser
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+      mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
+      currentUser: (state) => state.users.currentUser,
+    }),
   },
   watch: {
-    chatViewItems () {
+    chatViewItems() {
       // We don't want to scroll to the bottom on a new message when the user is viewing older messages.
       // Therefore we need to know whether the scroll position was at the bottom before the DOM update.
       const bottomedOutBeforeUpdate = this.bottomedOut(BOTTOMED_OUT_OFFSET)
@@ -115,23 +134,23 @@ const Chat = {
     $route: function () {
       this.startFetching()
     },
-    mastoUserSocketStatus (newValue) {
+    mastoUserSocketStatus(newValue) {
       if (newValue === WSConnectionStatus.JOINED) {
         this.fetchChat({ isFirstFetch: true })
       }
-    }
+    },
   },
   methods: {
     // Used to animate the avatar near the first message of the message chain when any message belonging to the chain is hovered
-    onMessageHover ({ isHovered, messageChainId }) {
+    onMessageHover({ isHovered, messageChainId }) {
       this.hoveredMessageChainId = isHovered ? messageChainId : undefined
     },
-    onFilesDropped () {
+    onFilesDropped() {
       this.$nextTick(() => {
         this.handleResize()
       })
     },
-    handleVisibilityChange () {
+    handleVisibilityChange() {
       this.$nextTick(() => {
         if (!document.hidden && this.bottomedOut(BOTTOMED_OUT_OFFSET)) {
           this.scrollDown({ forceRead: true })
@@ -139,7 +158,7 @@ const Chat = {
       })
     },
     // "Sticks" scroll to bottom instead of top, helps with OSK resizing the viewport
-    handleResize (opts = {}) {
+    handleResize(opts = {}) {
       const { delayed = false } = opts
 
       if (delayed) {
@@ -160,40 +179,56 @@ const Chat = {
         this.lastScrollPosition = getScrollPosition()
       })
     },
-    scrollDown (options = {}) {
+    scrollDown(options = {}) {
       const { behavior = 'auto', forceRead = false } = options
       this.$nextTick(() => {
-        window.scrollTo({ top: document.documentElement.scrollHeight, behavior })
+        window.scrollTo({
+          top: document.documentElement.scrollHeight,
+          behavior,
+        })
       })
       if (forceRead) {
         this.readChat()
       }
     },
-    readChat () {
-      if (!(this.currentChatMessageService && this.currentChatMessageService.maxId)) { return }
-      if (document.hidden) { return }
+    readChat() {
+      if (
+        !(
+          this.currentChatMessageService && this.currentChatMessageService.maxId
+        )
+      ) {
+        return
+      }
+      if (document.hidden) {
+        return
+      }
       const lastReadId = this.currentChatMessageService.maxId
       this.$store.dispatch('readChat', {
         id: this.currentChat.id,
-        lastReadId
+        lastReadId,
       })
     },
-    bottomedOut (offset) {
+    bottomedOut(offset) {
       return isBottomedOut(offset)
     },
-    reachedTop () {
+    reachedTop() {
       return window.scrollY <= 0
     },
-    cullOlderCheck () {
+    cullOlderCheck() {
       window.setTimeout(() => {
         if (this.bottomedOut(JUMP_TO_BOTTOM_BUTTON_VISIBILITY_OFFSET)) {
-          this.$store.dispatch('cullOlderMessages', this.currentChatMessageService.chatId)
+          this.$store.dispatch(
+            'cullOlderMessages',
+            this.currentChatMessageService.chatId,
+          )
         }
       }, 5000)
     },
     handleScroll: _.throttle(function () {
       this.lastScrollPosition = getScrollPosition()
-      if (!this.currentChat) { return }
+      if (!this.currentChat) {
+        return
+      }
 
       if (this.reachedTop()) {
         this.fetchChat({ maxId: this.currentChatMessageService.minId })
@@ -213,22 +248,27 @@ const Chat = {
         this.jumpToBottomButtonVisible = true
       }
     }, 200),
-    handleScrollUp (positionBeforeLoading) {
+    handleScrollUp(positionBeforeLoading) {
       const positionAfterLoading = getScrollPosition()
       window.scrollTo({
-        top: getNewTopPosition(positionBeforeLoading, positionAfterLoading)
+        top: getNewTopPosition(positionBeforeLoading, positionAfterLoading),
       })
     },
-    fetchChat ({ isFirstFetch = false, fetchLatest = false, maxId }) {
+    fetchChat({ isFirstFetch = false, fetchLatest = false, maxId }) {
       const chatMessageService = this.currentChatMessageService
-      if (!chatMessageService) { return }
-      if (fetchLatest && this.streamingEnabled) { return }
+      if (!chatMessageService) {
+        return
+      }
+      if (fetchLatest && this.streamingEnabled) {
+        return
+      }
 
       const chatId = chatMessageService.chatId
       const fetchOlderMessages = !!maxId
       const sinceId = fetchLatest && chatMessageService.maxId
 
-      return this.backendInteractor.chatMessages({ id: chatId, maxId, sinceId })
+      return this.backendInteractor
+        .chatMessages({ id: chatId, maxId, sinceId })
         .then((messages) => {
           // Clear the current chat in case we're recovering from a ws connection loss.
           if (isFirstFetch) {
@@ -236,28 +276,34 @@ const Chat = {
           }
 
           const positionBeforeUpdate = getScrollPosition()
-          this.$store.dispatch('addChatMessages', { chatId, messages }).then(() => {
-            this.$nextTick(() => {
-              if (fetchOlderMessages) {
-                this.handleScrollUp(positionBeforeUpdate)
-              }
+          this.$store
+            .dispatch('addChatMessages', { chatId, messages })
+            .then(() => {
+              this.$nextTick(() => {
+                if (fetchOlderMessages) {
+                  this.handleScrollUp(positionBeforeUpdate)
+                }
 
-              // In vertical screens, the first batch of fetched messages may not always take the
-              // full height of the scrollable container.
-              // If this is the case, we want to fetch the messages until the scrollable container
-              // is fully populated so that the user has the ability to scroll up and load the history.
-              if (!isScrollable() && messages.length > 0) {
-                this.fetchChat({ maxId: this.currentChatMessageService.minId })
-              }
+                // In vertical screens, the first batch of fetched messages may not always take the
+                // full height of the scrollable container.
+                // If this is the case, we want to fetch the messages until the scrollable container
+                // is fully populated so that the user has the ability to scroll up and load the history.
+                if (!isScrollable() && messages.length > 0) {
+                  this.fetchChat({
+                    maxId: this.currentChatMessageService.minId,
+                  })
+                }
+              })
             })
-          })
         })
     },
-    async startFetching () {
+    async startFetching() {
       let chat = this.findOpenedChatByRecipientId(this.recipientId)
       if (!chat) {
         try {
-          chat = await this.backendInteractor.getOrCreateChat({ accountId: this.recipientId })
+          chat = await this.backendInteractor.getOrCreateChat({
+            accountId: this.recipientId,
+          })
         } catch (e) {
           console.error('Error creating or getting a chat', e)
           this.errorLoadingChat = true
@@ -271,13 +317,14 @@ const Chat = {
         this.doStartFetching()
       }
     },
-    doStartFetching () {
+    doStartFetching() {
       this.$store.dispatch('startFetchingCurrentChat', {
-        fetcher: () => promiseInterval(() => this.fetchChat({ fetchLatest: true }), 5000)
+        fetcher: () =>
+          promiseInterval(() => this.fetchChat({ fetchLatest: true }), 5000),
       })
       this.fetchChat({ isFirstFetch: true })
     },
-    handleAttachmentPosting () {
+    handleAttachmentPosting() {
       this.$nextTick(() => {
         this.handleResize()
         // When the posting form size changes because of a media attachment, we need an extra resize
@@ -285,11 +332,11 @@ const Chat = {
         this.scrollDown({ forceRead: true })
       })
     },
-    sendMessage ({ status, media, idempotencyKey }) {
+    sendMessage({ status, media, idempotencyKey }) {
       const params = {
         id: this.currentChat.id,
         content: status,
-        idempotencyKey
+        idempotencyKey,
       }
 
       if (media[0]) {
@@ -301,52 +348,72 @@ const Chat = {
         chatId: this.currentChat.id,
         content: status,
         userId: this.currentUser.id,
-        idempotencyKey
+        idempotencyKey,
       })
 
-      this.$store.dispatch('addChatMessages', {
-        chatId: this.currentChat.id,
-        messages: [fakeMessage]
-      }).then(() => {
-        this.handleAttachmentPosting()
-      })
+      this.$store
+        .dispatch('addChatMessages', {
+          chatId: this.currentChat.id,
+          messages: [fakeMessage],
+        })
+        .then(() => {
+          this.handleAttachmentPosting()
+        })
 
-      return this.doSendMessage({ params, fakeMessage, retriesLeft: MAX_RETRIES })
+      return this.doSendMessage({
+        params,
+        fakeMessage,
+        retriesLeft: MAX_RETRIES,
+      })
     },
-    doSendMessage ({ params, fakeMessage, retriesLeft = MAX_RETRIES }) {
+    doSendMessage({ params, fakeMessage, retriesLeft = MAX_RETRIES }) {
       if (retriesLeft <= 0) return
 
-      this.backendInteractor.sendChatMessage(params)
-        .then(data => {
+      this.backendInteractor
+        .sendChatMessage(params)
+        .then((data) => {
           this.$store.dispatch('addChatMessages', {
             chatId: this.currentChat.id,
             updateMaxId: false,
-            messages: [{ ...data, fakeId: fakeMessage.id }]
+            messages: [{ ...data, fakeId: fakeMessage.id }],
           })
 
           return data
         })
-        .catch(error => {
+        .catch((error) => {
           console.error('Error sending message', error)
           this.$store.dispatch('handleMessageError', {
             chatId: this.currentChat.id,
             fakeId: fakeMessage.id,
-            isRetry: retriesLeft !== MAX_RETRIES
+            isRetry: retriesLeft !== MAX_RETRIES,
           })
-          if ((error.statusCode >= 500 && error.statusCode < 600) || error.message === 'Failed to fetch') {
-            this.messageRetriers[fakeMessage.id] = setTimeout(() => {
-              this.doSendMessage({ params, fakeMessage, retriesLeft: retriesLeft - 1 })
-            }, 1000 * (2 ** (MAX_RETRIES - retriesLeft)))
+          if (
+            (error.statusCode >= 500 && error.statusCode < 600) ||
+            error.message === 'Failed to fetch'
+          ) {
+            this.messageRetriers[fakeMessage.id] = setTimeout(
+              () => {
+                this.doSendMessage({
+                  params,
+                  fakeMessage,
+                  retriesLeft: retriesLeft - 1,
+                })
+              },
+              1000 * 2 ** (MAX_RETRIES - retriesLeft),
+            )
           }
           return {}
         })
 
       return Promise.resolve(fakeMessage)
     },
-    goBack () {
-      this.$router.push({ name: 'chats', params: { username: this.currentUser.screen_name } })
-    }
-  }
+    goBack() {
+      this.$router.push({
+        name: 'chats',
+        params: { username: this.currentUser.screen_name },
+      })
+    },
+  },
 }
 
 export default Chat
diff --git a/src/components/chat/chat.style.js b/src/components/chat/chat.style.js
index 9ae2b7d71..55cf657c2 100644
--- a/src/components/chat/chat.style.js
+++ b/src/components/chat/chat.style.js
@@ -1,19 +1,13 @@
 export default {
   name: 'Chat',
   selector: '.chat-message-list',
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Avatar',
-    'ChatMessage'
-  ],
+  validInnerComponents: ['Text', 'Link', 'Icon', 'Avatar', 'ChatMessage'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        blur: '5px'
-      }
-    }
-  ]
+        blur: '5px',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat/chat_layout_utils.js b/src/components/chat/chat_layout_utils.js
index c187892d9..10d0a5e45 100644
--- a/src/components/chat/chat_layout_utils.js
+++ b/src/components/chat/chat_layout_utils.js
@@ -3,14 +3,17 @@ export const getScrollPosition = () => {
   return {
     scrollTop: window.scrollY,
     scrollHeight: document.documentElement.scrollHeight,
-    offsetHeight: window.innerHeight
+    offsetHeight: window.innerHeight,
   }
 }
 
 // A helper function that is used to keep the scroll position fixed as the new elements are added to the top
 // Takes two scroll positions, before and after the update.
 export const getNewTopPosition = (previousPosition, newPosition) => {
-  return previousPosition.scrollTop + (newPosition.scrollHeight - previousPosition.scrollHeight)
+  return (
+    previousPosition.scrollTop +
+    (newPosition.scrollHeight - previousPosition.scrollHeight)
+  )
 }
 
 export const isBottomedOut = (offset = 0) => {
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 95708d1dd..4c3194ae1 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,4 +1,5 @@
-import { mapState, mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
+
 import ChatListItem from '../chat_list_item/chat_list_item.vue'
 import ChatNew from '../chat_new/chat_new.vue'
 import List from '../list/list.vue'
@@ -7,31 +8,31 @@ const ChatList = {
   components: {
     ChatListItem,
     List,
-    ChatNew
+    ChatNew,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    ...mapGetters(['sortedChatList'])
+    ...mapGetters(['sortedChatList']),
   },
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
-  created () {
+  created() {
     this.$store.dispatch('fetchChats', { latest: true })
   },
   methods: {
-    cancelNewChat () {
+    cancelNewChat() {
       this.isNew = false
       this.$store.dispatch('fetchChats', { latest: true })
     },
-    newChat () {
+    newChat() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default ChatList
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 8f8c491f5..74df26c1f 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,31 +1,31 @@
 import { mapState } from 'vuex'
-import StatusBody from '../status_content/status_content.vue'
-import fileType from 'src/services/file_type/file_type.service'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+
 import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
+import StatusBody from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const ChatListItem = {
   name: 'ChatListItem',
-  props: [
-    'chat'
-  ],
+  props: ['chat'],
   components: {
     UserAvatar,
     AvatarList,
     Timeago,
     ChatTitle,
-    StatusBody
+    StatusBody,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    attachmentInfo () {
-      if (this.chat.lastMessage.attachments.length === 0) { return }
+    attachmentInfo() {
+      if (this.chat.lastMessage.attachments.length === 0) {
+        return
+      }
 
-      const types = this.chat.lastMessage.attachments.map(file => fileType.fileType(file.mimetype))
+      const types = this.chat.lastMessage.attachments.map((file) => file.type)
       if (types.includes('video')) {
         return this.$t('file_type.video')
       } else if (types.includes('audio')) {
@@ -36,34 +36,36 @@ const ChatListItem = {
         return this.$t('file_type.file')
       }
     },
-    messageForStatusContent () {
+    messageForStatusContent() {
       const message = this.chat.lastMessage
       const messageEmojis = message ? message.emojis : []
       const isYou = message && message.account_id === this.currentUser.id
-      const content = message ? (this.attachmentInfo || message.content) : ''
-      const messagePreview = isYou ? `<i>${this.$t('chats.you')}</i> ${content}` : content
+      const content = message ? this.attachmentInfo || message.content : ''
+      const messagePreview = isYou
+        ? `<i>${this.$t('chats.you')}</i> ${content}`
+        : content
       return {
         summary: '',
         emojis: messageEmojis,
         raw_html: messagePreview,
         text: messagePreview,
-        attachments: []
+        attachments: [],
       }
-    }
+    },
   },
   methods: {
-    openChat () {
+    openChat() {
       if (this.chat.id) {
         this.$router.push({
           name: 'chat',
           params: {
             username: this.currentUser.screen_name,
-            recipient_id: this.chat.account.id
-          }
+            recipient_id: this.chat.account.id,
+          },
         })
       }
-    }
-  }
+    },
+  },
 }
 
 export default ChatListItem
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 837f6d214..1675f9ddd 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,24 +1,23 @@
-import { mapState, mapGetters } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import Popover from '../popover/popover.vue'
+import { defineAsyncComponent } from 'vue'
+import { mapGetters, mapState } from 'vuex'
+
 import Attachment from '../attachment/attachment.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import Gallery from '../gallery/gallery.vue'
 import LinkPreview from '../link-preview/link-preview.vue'
+import Popover from '../popover/popover.vue'
 import StatusContent from '../status_content/status_content.vue'
-import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
-import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes,
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
-library.add(
-  faTimes,
-  faEllipsisH
-)
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes, faEllipsisH)
 
 const ChatMessage = {
   name: 'ChatMessage',
@@ -27,7 +26,7 @@ const ChatMessage = {
     'edited',
     'noHeading',
     'chatViewItem',
-    'hoveredMessageChain'
+    'hoveredMessageChain',
   ],
   emits: ['hover'],
   components: {
@@ -38,73 +37,82 @@ const ChatMessage = {
     Gallery,
     LinkPreview,
     ChatMessageDate,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
   computed: {
     // Returns HH:MM (hours and minutes) in local time.
-    createdAt () {
+    createdAt() {
       const time = this.chatViewItem.data.created_at
-      return time.toLocaleTimeString('en', { hour: '2-digit', minute: '2-digit', hour12: false })
+      return time.toLocaleTimeString('en', {
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false,
+      })
     },
-    isCurrentUser () {
+    isCurrentUser() {
       return this.message.account_id === this.currentUser.id
     },
-    message () {
+    message() {
       return this.chatViewItem.data
     },
-    isMessage () {
+    isMessage() {
       return this.chatViewItem.type === 'message'
     },
-    messageForStatusContent () {
+    messageForStatusContent() {
       return {
         summary: '',
         emojis: this.message.emojis,
         raw_html: this.message.content || '',
         text: this.message.content || '',
-        attachments: this.message.attachments
+        attachments: this.message.attachments,
       }
     },
-    hasAttachment () {
+    hasAttachment() {
       return this.message.attachments.length > 0
     },
     ...mapPiniaState(useInterfaceStore, {
-      betterShadow: store => store.browserSupport.cssFilter
+      betterShadow: (store) => store.browserSupport.cssFilter,
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      restrictedNicknames: state => state.instance.restrictedNicknames
+      currentUser: (state) => state.users.currentUser,
+      restrictedNicknames: (state) => useInstanceStore().restrictedNicknames,
     }),
-    popoverMarginStyle () {
+    popoverMarginStyle() {
       if (this.isCurrentUser) {
         return {}
       } else {
         return { left: 50 }
       }
     },
-    ...mapGetters(['mergedConfig', 'findUser'])
+    ...mapPiniaState(useMergedConfigStore, ['mergedConfig', 'findUser']),
   },
-  data () {
+  data() {
     return {
       hovered: false,
-      menuOpened: false
+      menuOpened: false,
     }
   },
   methods: {
-    onHover (bool) {
-      this.$emit('hover', { isHovered: bool, messageChainId: this.chatViewItem.messageChainId })
+    onHover(bool) {
+      this.$emit('hover', {
+        isHovered: bool,
+        messageChainId: this.chatViewItem.messageChainId,
+      })
     },
-    async deleteMessage () {
+    async deleteMessage() {
       const confirmed = window.confirm(this.$t('chats.delete_confirm'))
       if (confirmed) {
         await this.$store.dispatch('deleteChatMessage', {
           messageId: this.chatViewItem.data.id,
-          chatId: this.chatViewItem.data.chat_id
+          chatId: this.chatViewItem.data.chat_id,
         })
       }
       this.hovered = false
       this.menuOpened = false
-    }
-  }
+    },
+  },
 }
 
 export default ChatMessage
diff --git a/src/components/chat_message/chat_message.style.js b/src/components/chat_message/chat_message.style.js
index 9b57ad371..f7632bc6f 100644
--- a/src/components/chat_message/chat_message.style.js
+++ b/src/components/chat_message/chat_message.style.js
@@ -2,29 +2,21 @@ export default {
   name: 'ChatMessage',
   selector: '.chat-message',
   variants: {
-    outgoing: '.outgoing'
+    outgoing: '.outgoing',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Border',
-    'Button',
-    'RichContent',
-    'Attachment',
-    'PollGraph'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Border', 'PollGraph'],
   defaultRules: [
     {
       directives: {
         background: '--bg, 2',
-        backgroundNoCssColor: 'yes'
-      }
+        backgroundNoCssColor: 'yes',
+      },
     },
     {
       variant: 'outgoing',
       directives: {
-        background: '--bg, 5'
-      }
-    }
-  ]
+        background: '--bg, 5',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat_message_date/chat_message_date.vue b/src/components/chat_message_date/chat_message_date.vue
index 98349b753..f0cadb6e7 100644
--- a/src/components/chat_message_date/chat_message_date.vue
+++ b/src/components/chat_message_date/chat_message_date.vue
@@ -11,16 +11,19 @@ export default {
   name: 'Timeago',
   props: ['date'],
   computed: {
-    displayDate () {
+    displayDate() {
       const today = new Date()
       today.setHours(0, 0, 0, 0)
 
       if (this.date.getTime() === today.getTime()) {
         return this.$t('display_date.today')
       } else {
-        return this.date.toLocaleDateString(localeService.internalToBrowserLocale(this.$i18n.locale), { day: 'numeric', month: 'long' })
+        return this.date.toLocaleDateString(
+          localeService.internalToBrowserLocale(this.$i18n.locale),
+          { day: 'numeric', month: 'long' },
+        )
       }
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 71585995a..50e0f7a8f 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,39 +1,35 @@
-import { mapState, mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faSearch, faChevronLeft)
 
 const chatNew = {
   components: {
     BasicUserCard,
-    UserAvatar
+    UserAvatar,
   },
-  data () {
+  data() {
     return {
       suggestions: [],
       userIds: [],
       loading: false,
-      query: ''
+      query: '',
     }
   },
-  async created () {
+  async created() {
     const { chats } = await this.backendInteractor.chats()
-    chats.forEach(chat => this.suggestions.push(chat.account))
+    chats.forEach((chat) => this.suggestions.push(chat.account))
   },
   computed: {
-    users () {
-      return this.userIds.map(userId => this.findUser(userId))
+    users() {
+      return this.userIds.map((userId) => this.findUser(userId))
     },
-    availableUsers () {
+    availableUsers() {
       if (this.query.length !== 0) {
         return this.users
       } else {
@@ -41,29 +37,29 @@ const chatNew = {
       }
     },
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      backendInteractor: state => state.api.backendInteractor
+      currentUser: (state) => state.users.currentUser,
+      backendInteractor: (state) => state.api.backendInteractor,
     }),
-    ...mapGetters(['findUser'])
+    ...mapGetters(['findUser']),
   },
   methods: {
-    goBack () {
+    goBack() {
       this.$emit('cancel')
     },
-    goToChat (user) {
+    goToChat(user) {
       this.$router.push({ name: 'chat', params: { recipient_id: user.id } })
     },
-    onInput () {
+    onInput() {
       this.search(this.query)
     },
-    addUser (user) {
+    addUser(user) {
       this.selectedUserIds.push(user.id)
       this.query = ''
     },
-    removeUser (userId) {
-      this.selectedUserIds = this.selectedUserIds.filter(id => id !== userId)
+    removeUser(userId) {
+      this.selectedUserIds = this.selectedUserIds.filter((id) => id !== userId)
     },
-    search (query) {
+    search(query) {
       if (!query) {
         this.loading = false
         return
@@ -71,13 +67,14 @@ const chatNew = {
 
       this.loading = true
       this.userIds = []
-      this.$store.dispatch('search', { q: query, resolve: true, type: 'accounts' })
-        .then(data => {
+      this.$store
+        .dispatch('search', { q: query, resolve: true, type: 'accounts' })
+        .then((data) => {
           this.loading = false
-          this.userIds = data.accounts.map(a => a.id)
+          this.userIds = data.accounts.map((a) => a.id)
         })
-    }
-  }
+    },
+  },
 }
 
 export default chatNew
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index b87211265..3447f5163 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,23 +1,24 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { defineAsyncComponent } from 'vue'
 
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+
 export default {
   name: 'ChatTitle',
   components: {
     UserAvatar,
     RichContent,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
-  props: [
-    'user', 'withAvatar'
-  ],
+  props: ['user', 'withAvatar'],
   computed: {
-    title () {
+    title() {
       return this.user ? this.user.screen_name_ui : ''
     },
-    htmlTitle () {
+    htmlTitle() {
       return this.user ? this.user.name_html : ''
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/chat_title/chat_title.vue b/src/components/chat_title/chat_title.vue
index 72660cca0..00521260f 100644
--- a/src/components/chat_title/chat_title.vue
+++ b/src/components/chat_title/chat_title.vue
@@ -19,6 +19,7 @@
       :title="'@'+(user && user.screen_name_ui)"
       :html="htmlTitle"
       :emoji="user.emoji || []"
+      :is-local="user.is_local"
     />
   </div>
 </template>
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index c8bba4c44..cbe3dd80f 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     class="checkbox"
-    :class="[{ disabled, indeterminate, 'indeterminate-fix': indeterminateTransitionFix }, radio ? '-radio' : '-checkbox']"
+    :class="[{ ['-disabled']: disabled, indeterminate, 'indeterminate-fix': indeterminateTransitionFix }, radio ? '-radio' : '-checkbox']"
   >
     <span
       v-if="!!$slots.before"
@@ -36,30 +36,25 @@
 
 <script>
 export default {
-  props: [
-    'radio',
-    'modelValue',
-    'indeterminate',
-    'disabled'
-  ],
+  props: ['radio', 'modelValue', 'indeterminate', 'disabled'],
   emits: ['update:modelValue'],
   data: (vm) => ({
-    indeterminateTransitionFix: vm.indeterminate
+    indeterminateTransitionFix: vm.indeterminate,
   }),
   watch: {
-    indeterminate (e) {
+    indeterminate(e) {
       if (e) {
         this.indeterminateTransitionFix = true
       }
-    }
+    },
   },
   methods: {
-    onTransitionEnd () {
+    onTransitionEnd() {
       if (!this.indeterminate) {
         this.indeterminateTransitionFix = false
       }
-    }
-  }
+    },
+  },
 }
 </script>
 
@@ -123,7 +118,7 @@ export default {
 
   .disabled {
     .checkbox-indicator::before {
-      background-color: var(--background);
+      background-color: transparent;
     }
   }
 
diff --git a/src/components/color_input/color_input.scss b/src/components/color_input/color_input.scss
index 3128381f5..fad2bfca7 100644
--- a/src/components/color_input/color_input.scss
+++ b/src/components/color_input/color_input.scss
@@ -1,18 +1,27 @@
 .color-input {
   display: inline-flex;
+  flex-wrap: wrap;
+  max-width: 10em;
+
+  &.-compact {
+    max-width: none;
+  }
 
   .label {
     flex: 1 1 auto;
+    grid-area: label;
   }
 
   .opt {
+    grid-area: checkbox;
     margin-right: 0.5em;
   }
 
   &-field.input {
-    display: inline-flex;
-    flex: 0 0 0;
-    max-width: 9em;
+    flex: 1 1 10em;
+    max-width: 10em;
+    grid-area: input;
+    display: flex;
     align-items: stretch;
 
     input {
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index bcdf435fc..6f236d35f 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="color-input style-control"
-    :class="{ disabled: !present || disabled }"
+    :class="{ disabled: !present || disabled, '-compact': compact }"
   >
     <label
       :for="name"
@@ -19,7 +19,7 @@
     />
     <div
       class="input color-input-field"
-      :class="{ disabled: !present || disabled }"
+      :class="{ disabled: !present || disabled, unstyled }"
     >
       <input
         :id="name + '-t'"
@@ -64,86 +64,95 @@
   </div>
 </template>
 <script>
-import Checkbox from '../checkbox/checkbox.vue'
-import { hex2rgb } from '../../services/color_convert/color_convert.js'
 import { throttle } from 'lodash'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEyeDropper
-} from '@fortawesome/free-solid-svg-icons'
+import { hex2rgb } from '../../services/color_convert/color_convert.js'
+import Checkbox from '../checkbox/checkbox.vue'
 
-library.add(
-  faEyeDropper
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faEyeDropper)
 
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
   props: {
     // Name of color, used for identifying
     name: {
       required: true,
-      type: String
+      type: String,
     },
     // Readable label
     label: {
-      required: true,
-      type: String
+      required: false,
+      type: String,
+    },
+    // use unstyled, uh, style
+    unstyled: {
+      required: false,
+      type: Boolean,
     },
     // Color value, should be required but vue cannot tell the difference
     // between "property missing" and "property set to undefined"
     modelValue: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     // Color fallback to use when value is not defeind
     fallback: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     // Disable the control
     disabled: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Show "optional" tickbox, for when value might become mandatory
     showOptionalCheckbox: {
       required: false,
       type: Boolean,
-      default: true
+      default: true,
     },
     // Force "optional" tickbox to hide
     hideOptionalCheckbox: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
+    compact: {
+      required: false,
+      type: Boolean,
+    },
   },
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
     },
-    validColor () {
+    validColor() {
       return hex2rgb(this.modelValue || this.fallback)
     },
-    transparentColor () {
+    transparentColor() {
       return this.modelValue === 'transparent'
     },
-    computedColor () {
-      return this.modelValue && (this.modelValue.startsWith('--') || this.modelValue.startsWith('$'))
-    }
+    computedColor() {
+      return (
+        this.modelValue &&
+        (this.modelValue.startsWith('--') || this.modelValue.startsWith('$'))
+      )
+    },
   },
   methods: {
     updateValue: throttle(function (value) {
       this.$emit('update:modelValue', value)
-    }, 100)
-  }
+    }, 100),
+  },
 }
 </script>
 <style lang="scss" src="./color_input.scss"></style>
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
new file mode 100644
index 000000000..1d54f58de
--- /dev/null
+++ b/src/components/component_preview/component_preview.js
@@ -0,0 +1,87 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
+
+export default {
+  components: {
+    Checkbox,
+    ColorInput,
+  },
+  props: [
+    'shadow',
+    'shadowControl',
+    'previewClass',
+    'previewStyle',
+    'previewCss',
+    'disabled',
+    'invalid',
+    'noColorControl',
+  ],
+  emits: ['update:shadow'],
+  data() {
+    return {
+      colorOverride: undefined,
+      lightGrid: false,
+      zoom: 100,
+      randomSeed: genRandomSeed(),
+    }
+  },
+  mounted() {
+    this.update()
+  },
+  computed: {
+    hideControls() {
+      return typeof this.shadow === 'string'
+    },
+  },
+  watch: {
+    previewCss() {
+      this.update()
+    },
+    previewStyle() {
+      this.update()
+    },
+    zoom() {
+      this.update()
+    },
+  },
+  methods: {
+    updateProperty(axis, value) {
+      this.$emit('update:shadow', { axis, value: Number(value) })
+    },
+    update() {
+      const sheet = createStyleSheet('style-component-preview', 90)
+
+      sheet.clear()
+
+      const result = [this.previewCss]
+      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
+
+      const styleRule = [
+        '#component-preview-',
+        this.randomSeed,
+        ' {\n',
+        '.preview-block {\n',
+        `zoom: ${this.zoom / 100};`,
+        this.previewStyle,
+        '\n}',
+        '\n}',
+      ].join('')
+
+      sheet.addRule(styleRule)
+      sheet.addRule(
+        ['#component-preview-', this.randomSeed, ' {\n', ...result, '\n}'].join(
+          '',
+        ),
+      )
+
+      sheet.ready = true
+      adoptStyleSheets()
+    },
+  },
+}
diff --git a/src/components/component_preview/component_preview.scss b/src/components/component_preview/component_preview.scss
new file mode 100644
index 000000000..bb83b7908
--- /dev/null
+++ b/src/components/component_preview/component_preview.scss
@@ -0,0 +1,151 @@
+.ComponentPreview {
+  display: grid;
+  grid-template-columns: 1em 1fr 1fr 1em;
+  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
+  grid-template-areas:
+    "header     header     header     header "
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "x-slide    x-slide    x-slide    .      "
+    "x-num      x-num      y-num      y-num  "
+    "assists    assists    assists    assists";
+  grid-gap: 0.5em;
+
+  &:not(.-shadow-controls) {
+    grid-template-areas:
+      "header     header     header     header "
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "assists    assists    assists    assists";
+    grid-template-rows: 2em 1fr 1fr 1fr max-content;
+  }
+
+  .header {
+    grid-area: header;
+    place-self: baseline center;
+    line-height: 2;
+  }
+
+  .invalid-container {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center center;
+    background-color: rgb(100 0 0 / 50%);
+
+    .alert {
+      padding: 0.5em 1em;
+    }
+  }
+
+  .assists {
+    grid-area: assists;
+    display: grid;
+    grid-auto-flow: row;
+    grid-auto-rows: 2em;
+    grid-gap: 0.5em;
+  }
+
+  .input-light-grid {
+    justify-self: center;
+  }
+
+  .input-number {
+    min-width: 2em;
+  }
+
+  .x-shift-number {
+    grid-area: x-num;
+    justify-self: right;
+  }
+
+  .y-shift-number {
+    grid-area: y-num;
+    justify-self: left;
+  }
+
+  .x-shift-number,
+  .y-shift-number {
+    input {
+      max-width: 4em;
+    }
+  }
+
+  .x-shift-slider {
+    grid-area: x-slide;
+    height: auto;
+    align-self: start;
+    min-width: 10em;
+  }
+
+  .y-shift-slider {
+    grid-area: y-slide;
+    writing-mode: vertical-lr;
+    justify-self: left;
+    min-height: 10em;
+  }
+
+  .x-shift-slider,
+  .y-shift-slider {
+    padding: 0;
+  }
+
+  .preview-window {
+    --__grid-color1: rgb(102 102 102);
+    --__grid-color2: rgb(153 153 153);
+    --__grid-color1-disabled: rgb(102 102 102 / 20%);
+    --__grid-color2-disabled: rgb(153 153 153 / 20%);
+
+    &.-light-grid {
+      --__grid-color1: rgb(205 205 205);
+      --__grid-color2: rgb(255 255 255);
+      --__grid-color1-disabled: rgb(205 205 205 / 20%);
+      --__grid-color2-disabled: rgb(255 255 255 / 20%);
+    }
+
+    position: relative;
+    grid-area: preview;
+    aspect-ratio: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 10em;
+    min-height: 10em;
+    background-color: var(--__grid-color2);
+    background-image:
+      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
+      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
+    background-size: 20px 20px;
+    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
+    border-radius: var(--roundness);
+
+    &.disabled {
+      background-color: var(--__grid-color2-disabled);
+      background-image:
+        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
+        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
+    }
+
+    .preview-block {
+      background: var(--background, var(--bg));
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-width: 33%;
+      min-height: 33%;
+      max-width: 80%;
+      max-height: 80%;
+      border-width: 0;
+      border-style: solid;
+      border-color: var(--border);
+      border-radius: var(--roundness);
+      box-shadow: var(--shadow);
+    }
+  }
+}
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index be9d25ac5..0a0f9541e 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -1,14 +1,9 @@
 <template>
   <div
+    :id="'component-preview-' + randomSeed"
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
   >
-    <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-    <component
-      :is="'style'"
-      v-html="previewCss"
-    />
-    <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
     <label
       v-show="shadowControl"
       role="heading"
@@ -74,7 +69,6 @@
       <div
         class="preview-block"
         :class="previewClass"
-        :style="style"
       >
         {{ $t('settings.style.themes3.editor.test_string') }}
       </div>
@@ -110,209 +104,12 @@
         v-model="colorOverride"
         class="input-color-input"
         fallback="#606060"
+        :compact="true"
         :label="$t('settings.style.shadows.color_override')"
       />
     </div>
   </div>
 </template>
 
-<script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-
-export default {
-  components: {
-    Checkbox,
-    ColorInput
-  },
-  props: [
-    'shadow',
-    'shadowControl',
-    'previewClass',
-    'previewStyle',
-    'previewCss',
-    'disabled',
-    'invalid',
-    'noColorControl'
-  ],
-  emits: ['update:shadow'],
-  data () {
-    return {
-      colorOverride: undefined,
-      lightGrid: false,
-      zoom: 100
-    }
-  },
-  computed: {
-    style () {
-      const result = [
-        this.previewStyle,
-        `zoom: ${this.zoom / 100}`
-      ]
-      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
-      return result
-    },
-    hideControls () {
-      return typeof this.shadow === 'string'
-    }
-  },
-  methods: {
-    updateProperty (axis, value) {
-      this.$emit('update:shadow', { axis, value: Number(value) })
-    }
-  }
-}
-</script>
-<style lang="scss">
-.ComponentPreview {
-  display: grid;
-  grid-template-columns: 1em 1fr 1fr 1em;
-  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
-  grid-template-areas:
-    "header     header     header     header "
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "x-slide    x-slide    x-slide    .      "
-    "x-num      x-num      y-num      y-num  "
-    "assists    assists    assists    assists";
-  grid-gap: 0.5em;
-
-  &:not(.-shadow-controls) {
-    grid-template-areas:
-      "header     header     header     header "
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "assists    assists    assists    assists";
-    grid-template-rows: 2em 1fr 1fr 1fr max-content;
-  }
-
-  .header {
-    grid-area: header;
-    place-self: baseline center;
-    line-height: 2;
-  }
-
-  .invalid-container {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center center;
-    background-color: rgb(100 0 0 / 50%);
-
-    .alert {
-      padding: 0.5em 1em;
-    }
-  }
-
-  .assists {
-    grid-area: assists;
-    display: grid;
-    grid-auto-flow: row;
-    grid-auto-rows: 2em;
-    grid-gap: 0.5em;
-  }
-
-  .input-light-grid {
-    justify-self: center;
-  }
-
-  .input-number {
-    min-width: 2em;
-  }
-
-  .x-shift-number {
-    grid-area: x-num;
-    justify-self: right;
-  }
-
-  .y-shift-number {
-    grid-area: y-num;
-    justify-self: left;
-  }
-
-  .x-shift-number,
-  .y-shift-number {
-    input {
-      max-width: 4em;
-    }
-  }
-
-  .x-shift-slider {
-    grid-area: x-slide;
-    height: auto;
-    align-self: start;
-    min-width: 10em;
-  }
-
-  .y-shift-slider {
-    grid-area: y-slide;
-    writing-mode: vertical-lr;
-    justify-self: left;
-    min-height: 10em;
-  }
-
-  .x-shift-slider,
-  .y-shift-slider {
-    padding: 0;
-  }
-
-  .preview-window {
-    --__grid-color1: rgb(102 102 102);
-    --__grid-color2: rgb(153 153 153);
-    --__grid-color1-disabled: rgb(102 102 102 / 20%);
-    --__grid-color2-disabled: rgb(153 153 153 / 20%);
-
-    &.-light-grid {
-      --__grid-color1: rgb(205 205 205);
-      --__grid-color2: rgb(255 255 255);
-      --__grid-color1-disabled: rgb(205 205 205 / 20%);
-      --__grid-color2-disabled: rgb(255 255 255 / 20%);
-    }
-
-    position: relative;
-    grid-area: preview;
-    aspect-ratio: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 10em;
-    min-height: 10em;
-    background-color: var(--__grid-color2);
-    background-image:
-      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
-      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
-    background-size: 20px 20px;
-    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
-    border-radius: var(--roundness);
-
-    &.disabled {
-      background-color: var(--__grid-color2-disabled);
-      background-image:
-        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
-        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
-    }
-
-    .preview-block {
-      background: var(--background, var(--bg));
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-width: 33%;
-      min-height: 33%;
-      max-width: 80%;
-      max-height: 80%;
-      border-width: 0;
-      border-style: solid;
-      border-color: var(--border);
-      border-radius: var(--roundness);
-      box-shadow: var(--shadow);
-    }
-  }
-}
-</style>
+<script src="./component_preview.js" />
+<style src="./component_preview.scss" lang="scss" />
diff --git a/src/components/confirm_modal/confirm_modal.js b/src/components/confirm_modal/confirm_modal.js
index 3e2bc2cb7..cd83194be 100644
--- a/src/components/confirm_modal/confirm_modal.js
+++ b/src/components/confirm_modal/confirm_modal.js
@@ -9,30 +9,29 @@ import DialogModal from '../dialog_modal/dialog_modal.vue'
  */
 const ConfirmModal = {
   components: {
-    DialogModal
+    DialogModal,
   },
   props: {
     title: {
-      type: String
+      type: String,
     },
     cancelText: {
-      type: String
+      type: String,
     },
     confirmText: {
-      type: String
-    }
+      type: String,
+    },
   },
   emits: ['cancelled', 'accepted'],
-  computed: {
-  },
+  computed: {},
   methods: {
-    onCancel () {
+    onCancel() {
       this.$emit('cancelled')
     },
-    onAccept () {
+    onAccept() {
       this.$emit('accepted')
-    }
-  }
+    },
+  },
 }
 
 export default ConfirmModal
diff --git a/src/components/confirm_modal/confirm_modal.vue b/src/components/confirm_modal/confirm_modal.vue
index 9af00edc4..992792ede 100644
--- a/src/components/confirm_modal/confirm_modal.vue
+++ b/src/components/confirm_modal/confirm_modal.vue
@@ -11,6 +11,7 @@
     <slot />
 
     <template #footer>
+      <slot name="footerLeft" />
       <button
         class="btn button-default"
         @click.prevent="onAccept"
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 1bef9f620..ffd3a3076 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,109 +1,89 @@
-import { unitToSeconds } from 'src/services/date_utils/date_utils.js'
-import { mapGetters } from 'vuex'
+import { mapState } from 'pinia'
 
-import ConfirmModal from './confirm_modal.vue'
 import Select from 'src/components/select/select.vue'
+import ConfirmModal from './confirm_modal.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 export default {
   props: ['type', 'user', 'status'],
   emits: ['hide', 'show', 'muted'],
   data: () => ({
     showing: false,
-    muteExpiryAmount: 2,
-    muteExpiryUnit: 'hours'
   }),
   components: {
     ConfirmModal,
-    Select
+    Select,
   },
   computed: {
-    muteExpiryValue () {
-      unitToSeconds(this.muteExpiryUnit, this.muteExpiryAmount)
-    },
-    muteExpiryUnits () {
-      return ['minutes', 'hours', 'days']
-    },
-    domain () {
+    domain() {
       return this.user.fqn.split('@')[1]
     },
-    keypath () {
+    keypath() {
       if (this.type === 'domain') {
-        return 'status.mute_domain_confirm'
+        return 'user_card.mute_domain_confirm'
       } else if (this.type === 'conversation') {
-        return 'status.mute_conversation_confirm'
-      } else {
-        return 'user_card.mute_confirm'
+        return 'user_card.mute_conversation_confirm'
       }
     },
-    userIsMuted () {
-      return this.$store.getters.relationship(this.user.id).muting
-    },
-    conversationIsMuted () {
+    conversationIsMuted() {
       return this.status.conversation_muted
     },
-    domainIsMuted () {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(this.domain)
+    domainIsMuted() {
+      return new Set(this.$store.state.users.currentUser.domainMutes).has(
+        this.domain,
+      )
     },
-    shouldConfirm () {
+    shouldConfirm() {
       switch (this.type) {
         case 'domain': {
           return this.mergedConfig.modalOnMuteDomain
         }
-        case 'conversation': {
-          return this.mergedConfig.modalOnMuteConversation
-        }
         default: {
-          return this.mergedConfig.modalOnMute
+          // conversation
+          return this.mergedConfig.modalOnMuteConversation
         }
       }
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   methods: {
-    optionallyPrompt () {
+    optionallyPrompt() {
       if (this.shouldConfirm) {
         this.show()
       } else {
         this.doMute()
       }
     },
-    show () {
+    show() {
       this.showing = true
       this.$emit('show')
     },
-    hide () {
+    hide() {
       this.showing = false
       this.$emit('hide')
     },
-    doMute () {
+    doMute() {
       switch (this.type) {
         case 'domain': {
           if (!this.domainIsMuted) {
-            this.$store.dispatch('muteDomain', { id: this.domain, expiresIn: this.muteExpiryValue })
+            this.$store.dispatch('muteDomain', this.domain)
           } else {
-            this.$store.dispatch('unmuteDomain', { id: this.domain })
+            this.$store.dispatch('unmuteDomain', this.domain)
           }
           break
         }
         case 'conversation': {
           if (!this.conversationIsMuted) {
-            this.$store.dispatch('muteConversation', { id: this.status.id, expiresIn: this.muteExpiryValue })
+            this.$store.dispatch('muteConversation', { id: this.status.id })
           } else {
             this.$store.dispatch('unmuteConversation', { id: this.status.id })
           }
           break
         }
-        default: {
-          if (!this.userIsMuted) {
-            this.$store.dispatch('muteUser', { id: this.user.id, expiresIn: this.muteExpiryValue })
-          } else {
-            this.$store.dispatch('unmuteUser', { id: this.user.id })
-          }
-          break
-        }
       }
       this.$emit('muted')
       this.hide()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/confirm_modal/mute_confirm.vue b/src/components/confirm_modal/mute_confirm.vue
index bf7ab338f..7c754b006 100644
--- a/src/components/confirm_modal/mute_confirm.vue
+++ b/src/components/confirm_modal/mute_confirm.vue
@@ -18,36 +18,6 @@
         <span v-text="user.screen_name_ui" />
       </template>
     </i18n-t>
-    <div
-      v-if="type !== 'domain'"
-      class="mute-expiry"
-    >
-      <p>
-        <label>
-          {{ $t('user_card.mute_duration_prompt') }}
-        </label>
-        <input
-          v-model="muteExpiryAmount"
-          type="number"
-          class="input expiry-amount hide-number-spinner"
-          :min="0"
-        >
-        {{ ' ' }}
-        <Select
-          v-model="muteExpiryUnit"
-          unstyled="true"
-          class="expiry-unit"
-        >
-          <option
-            v-for="unit in muteExpiryUnits"
-            :key="unit"
-            :value="unit"
-          >
-            {{ $t(`time.unit.${unit}_short`, ['']) }}
-          </option>
-        </Select>
-      </p>
-    </div>
   </confirm-modal>
 </template>
 
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 93799e4c2..1f8b62809 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -63,54 +63,68 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
-  faThumbsUp
+  faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAdjust,
-  faExclamationTriangle,
-  faThumbsUp
-)
+library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
 export default {
   components: {
-    Tooltip
+    Tooltip,
   },
   props: {
     large: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // TODO: Make theme switcher compute theme initially so that contrast
     // component won't be called without contrast data
     contrast: {
       required: false,
       type: Object,
-      default: () => ({})
+      default: () => ({
+        /* no-op */
+      }),
     },
     showRatio: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
-    hint () {
-      const levelVal = this.contrast.aaa ? 'aaa' : (this.contrast.aa ? 'aa' : 'bad')
+    hint() {
+      const levelVal = this.contrast.aaa
+        ? 'aaa'
+        : this.contrast.aa
+          ? 'aa'
+          : 'bad'
       const level = this.$t(`settings.style.common.contrast.level.${levelVal}`)
       const context = this.$t('settings.style.common.contrast.context.text')
       const ratio = this.contrast.text
-      return this.$t('settings.style.common.contrast.hint', { level, context, ratio })
+      return this.$t('settings.style.common.contrast.hint', {
+        level,
+        context,
+        ratio,
+      })
     },
-    hint_18pt () {
-      const levelVal = this.contrast.laaa ? 'aaa' : (this.contrast.laa ? 'aa' : 'bad')
+    hint_18pt() {
+      const levelVal = this.contrast.laaa
+        ? 'aaa'
+        : this.contrast.laa
+          ? 'aa'
+          : 'bad'
       const level = this.$t(`settings.style.common.contrast.level.${levelVal}`)
       const context = this.$t('settings.style.common.contrast.context.18pt')
       const ratio = this.contrast.text
-      return this.$t('settings.style.common.contrast.hint', { level, context, ratio })
-    }
-  }
+      return this.$t('settings.style.common.contrast.hint', {
+        level,
+        context,
+        ratio,
+      })
+    },
+  },
 }
 </script>
 
diff --git a/src/components/conversation-page/conversation-page.js b/src/components/conversation-page/conversation-page.js
index 8f996be12..d4705303e 100644
--- a/src/components/conversation-page/conversation-page.js
+++ b/src/components/conversation-page/conversation-page.js
@@ -2,13 +2,13 @@ import Conversation from '../conversation/conversation.vue'
 
 const conversationPage = {
   components: {
-    Conversation
+    Conversation,
   },
   computed: {
-    statusId () {
+    statusId() {
       return this.$route.params.id
-    }
-  }
+    },
+  },
 }
 
 export default conversationPage
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 491a8543f..b0d3a304c 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,25 +1,24 @@
-import { reduce, filter, findIndex, clone, get } from 'lodash'
-import Status from '../status/status.vue'
-import ThreadTree from '../thread_tree/thread_tree.vue'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
+import { clone, filter, findIndex, get, reduce } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
+import { WSConnectionStatus } from '../../services/api/api.service.js'
 import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import Status from '../status/status.vue'
+import ThreadTree from '../thread_tree/thread_tree.vue'
+
 import { useInterfaceStore } from 'src/stores/interface'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
-  faChevronLeft
+  faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAngleDoubleDown,
-  faAngleDoubleLeft,
-  faChevronLeft
-)
+library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
 const sortById = (a, b) => {
   const idA = a.type === 'retweet' ? a.retweeted_status.id : a.id
@@ -43,23 +42,25 @@ const sortAndFilterConversation = (conversation, statusoid) => {
   if (statusoid.type === 'retweet') {
     conversation = filter(
       conversation,
-      (status) => (status.type === 'retweet' || status.id !== statusoid.retweeted_status.id)
+      (status) =>
+        status.type === 'retweet' ||
+        status.id !== statusoid.retweeted_status.id,
     )
   } else {
     conversation = filter(conversation, (status) => status.type !== 'retweet')
   }
-  return conversation.filter(_ => _).sort(sortById)
+  return conversation.filter((_) => _).sort(sortById)
 }
 
 const conversation = {
-  data () {
+  data() {
     return {
       highlight: null,
       expanded: false,
       threadDisplayStatusObject: {}, // id => 'showing' | 'hidden'
       statusContentPropertiesObject: {},
       inlineDivePosition: null,
-      loadStatusError: null
+      loadStatusError: null,
     }
   },
   props: [
@@ -69,76 +70,80 @@ const conversation = {
     'pinnedStatusIdsObject',
     'inProfile',
     'profileUserId',
-    'virtualHidden'
+    'virtualHidden',
   ],
-  created () {
+  created() {
     if (this.isPage) {
       this.fetchConversation()
     }
   },
   computed: {
-    maxDepthToShowByDefault () {
+    maxDepthToShowByDefault() {
       // maxDepthInThread = max number of depths that is *visible*
       // since our depth starts with 0 and "showing" means "showing children"
       // there is a -2 here
-      const maxDepth = this.$store.getters.mergedConfig.maxDepthInThread - 2
+      const maxDepth = this.mergedConfig.maxDepthInThread - 2
       return maxDepth >= 1 ? maxDepth : 1
     },
-    streamingEnabled () {
-      return this.mergedConfig.useStreamingApi && this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+    streamingEnabled() {
+      return (
+        this.mergedConfig.useStreamingApi &&
+        this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+      )
     },
-    displayStyle () {
-      return this.$store.getters.mergedConfig.conversationDisplay
+    displayStyle() {
+      return this.mergedConfig.conversationDisplay
     },
-    isTreeView () {
+    isTreeView() {
       return !this.isLinearView
     },
-    treeViewIsSimple () {
-      return !this.$store.getters.mergedConfig.conversationTreeAdvanced
+    treeViewIsSimple() {
+      return !this.mergedConfig.conversationTreeAdvanced
     },
-    isLinearView () {
+    isLinearView() {
       return this.displayStyle === 'linear'
     },
-    shouldFadeAncestors () {
-      return this.$store.getters.mergedConfig.conversationTreeFadeAncestors
+    shouldFadeAncestors() {
+      return this.mergedConfig.conversationTreeFadeAncestors
     },
-    otherRepliesButtonPosition () {
-      return this.$store.getters.mergedConfig.conversationOtherRepliesButton
+    otherRepliesButtonPosition() {
+      return this.mergedConfig.conversationOtherRepliesButton
     },
-    showOtherRepliesButtonBelowStatus () {
+    showOtherRepliesButtonBelowStatus() {
       return this.otherRepliesButtonPosition === 'below'
     },
-    showOtherRepliesButtonInsideStatus () {
+    showOtherRepliesButtonInsideStatus() {
       return this.otherRepliesButtonPosition === 'inside'
     },
-    suspendable () {
+    suspendable() {
       if (this.isTreeView) {
-        return Object.entries(this.statusContentProperties)
-          .every(([, prop]) => !prop.replying && prop.mediaPlaying.length === 0)
+        return Object.entries(this.statusContentProperties).every(
+          ([, prop]) => !prop.replying && prop.mediaPlaying.length === 0,
+        )
       }
       if (this.$refs.statusComponent && this.$refs.statusComponent[0]) {
-        return this.$refs.statusComponent.every(s => s.suspendable)
+        return this.$refs.statusComponent.every((s) => s.suspendable)
       } else {
         return true
       }
     },
-    hideStatus () {
+    hideStatus() {
       return this.virtualHidden && this.suspendable
     },
-    status () {
+    status() {
       return this.$store.state.statuses.allStatusesObject[this.statusId]
     },
-    originalStatusId () {
+    originalStatusId() {
       if (this.status.retweeted_status) {
         return this.status.retweeted_status.id
       } else {
         return this.statusId
       }
     },
-    conversationId () {
+    conversationId() {
       return this.getConversationId(this.statusId)
     },
-    conversation () {
+    conversation() {
       if (!this.status) {
         return []
       }
@@ -147,7 +152,9 @@ const conversation = {
         return [this.status]
       }
 
-      const conversation = clone(this.$store.state.statuses.conversationsObject[this.conversationId])
+      const conversation = clone(
+        this.$store.state.statuses.conversationsObject[this.conversationId],
+      )
       const statusIndex = findIndex(conversation, { id: this.originalStatusId })
       if (statusIndex !== -1) {
         conversation[statusIndex] = this.status
@@ -155,144 +162,188 @@ const conversation = {
 
       return sortAndFilterConversation(conversation, this.status)
     },
-    statusMap () {
+    statusMap() {
       return this.conversation.reduce((res, s) => {
         res[s.id] = s
         return res
       }, {})
     },
-    threadTree () {
-      const reverseLookupTable = this.conversation.reduce((table, status, index) => {
-        table[status.id] = index
-        return table
-      }, {})
+    threadTree() {
+      const reverseLookupTable = this.conversation.reduce(
+        (table, status, index) => {
+          table[status.id] = index
+          return table
+        },
+        {},
+      )
 
-      const threads = this.conversation.reduce((a, cur) => {
-        const id = cur.id
-        a.forest[id] = this.getReplies(id)
-          .map(s => s.id)
+      const threads = this.conversation.reduce(
+        (a, cur) => {
+          const id = cur.id
+          a.forest[id] = this.getReplies(id).map((s) => s.id)
 
-        return a
-      }, {
-        forest: {}
-      })
+          return a
+        },
+        {
+          forest: {},
+        },
+      )
 
-      const walk = (forest, topLevel, depth = 0, processed = {}) => topLevel.map(id => {
-        if (processed[id]) {
-          return []
-        }
+      const walk = (forest, topLevel, depth = 0, processed = {}) =>
+        topLevel
+          .map((id) => {
+            if (processed[id]) {
+              return []
+            }
 
-        processed[id] = true
-        return [{
-          status: this.conversation[reverseLookupTable[id]],
-          id,
-          depth
-        }, walk(forest, forest[id], depth + 1, processed)].reduce((a, b) => a.concat(b), [])
-      }).reduce((a, b) => a.concat(b), [])
+            processed[id] = true
+            return [
+              {
+                status: this.conversation[reverseLookupTable[id]],
+                id,
+                depth,
+              },
+              walk(forest, forest[id], depth + 1, processed),
+            ].reduce((a, b) => a.concat(b), [])
+          })
+          .reduce((a, b) => a.concat(b), [])
 
-      const linearized = walk(threads.forest, this.topLevel.map(k => k.id))
+      const linearized = walk(
+        threads.forest,
+        this.topLevel.map((k) => k.id),
+      )
 
       return linearized
     },
-    replyIds () {
-      return this.conversation.map(k => k.id)
+    replyIds() {
+      return this.conversation
+        .map((k) => k.id)
         .reduce((res, id) => {
-          res[id] = (this.replies[id] || []).map(k => k.id)
+          res[id] = (this.replies[id] || []).map((k) => k.id)
           return res
         }, {})
     },
-    totalReplyCount () {
+    totalReplyCount() {
       const sizes = {}
       const subTreeSizeFor = (id) => {
         if (sizes[id]) {
           return sizes[id]
         }
-        sizes[id] = 1 + this.replyIds[id].map(cid => subTreeSizeFor(cid)).reduce((a, b) => a + b, 0)
+        sizes[id] =
+          1 +
+          this.replyIds[id]
+            .map((cid) => subTreeSizeFor(cid))
+            .reduce((a, b) => a + b, 0)
         return sizes[id]
       }
-      this.conversation.map(k => k.id).map(subTreeSizeFor)
+      this.conversation.map((k) => k.id).map(subTreeSizeFor)
       return Object.keys(sizes).reduce((res, id) => {
         res[id] = sizes[id] - 1 // exclude itself
         return res
       }, {})
     },
-    totalReplyDepth () {
+    totalReplyDepth() {
       const depths = {}
       const subTreeDepthFor = (id) => {
         if (depths[id]) {
           return depths[id]
         }
-        depths[id] = 1 + this.replyIds[id].map(cid => subTreeDepthFor(cid)).reduce((a, b) => a > b ? a : b, 0)
+        depths[id] =
+          1 +
+          this.replyIds[id]
+            .map((cid) => subTreeDepthFor(cid))
+            .reduce((a, b) => (a > b ? a : b), 0)
         return depths[id]
       }
-      this.conversation.map(k => k.id).map(subTreeDepthFor)
+      this.conversation.map((k) => k.id).map(subTreeDepthFor)
       return Object.keys(depths).reduce((res, id) => {
         res[id] = depths[id] - 1 // exclude itself
         return res
       }, {})
     },
-    depths () {
+    depths() {
       return this.threadTree.reduce((a, k) => {
         a[k.id] = k.depth
         return a
       }, {})
     },
-    topLevel () {
-      const topLevel = this.conversation.reduce((tl, cur) =>
-        tl.filter(k => this.getReplies(cur.id).map(v => v.id).indexOf(k.id) === -1), this.conversation)
+    topLevel() {
+      const topLevel = this.conversation.reduce(
+        (tl, cur) =>
+          tl.filter(
+            (k) =>
+              this.getReplies(cur.id)
+                .map((v) => v.id)
+                .indexOf(k.id) === -1,
+          ),
+        this.conversation,
+      )
       return topLevel
     },
-    otherTopLevelCount () {
+    otherTopLevelCount() {
       return this.topLevel.length - 1
     },
-    showingTopLevel () {
+    showingTopLevel() {
       if (this.canDive && this.diveRoot) {
         return [this.statusMap[this.diveRoot]]
       }
       return this.topLevel
     },
-    diveRoot () {
+    diveRoot() {
       const statusId = this.inlineDivePosition || this.statusId
       const isTopLevel = !this.parentOf(statusId)
       return isTopLevel ? null : statusId
     },
-    diveDepth () {
+    diveDepth() {
       return this.canDive && this.diveRoot ? this.depths[this.diveRoot] : 0
     },
-    diveMode () {
+    diveMode() {
       return this.canDive && !!this.diveRoot
     },
-    shouldShowAllConversationButton () {
+    shouldShowAllConversationButton() {
       // The "show all conversation" button tells the user that there exist
       // other toplevel statuses, so do not show it if there is only a single root
-      return this.isTreeView && this.isExpanded && this.diveMode && this.topLevel.length > 1
+      return (
+        this.isTreeView &&
+        this.isExpanded &&
+        this.diveMode &&
+        this.topLevel.length > 1
+      )
     },
-    shouldShowAncestors () {
-      return this.isTreeView && this.isExpanded && this.ancestorsOf(this.diveRoot).length
+    shouldShowAncestors() {
+      return (
+        this.isTreeView &&
+        this.isExpanded &&
+        this.ancestorsOf(this.diveRoot).length
+      )
     },
-    replies () {
+    replies() {
       let i = 1
 
-      return reduce(this.conversation, (result, { id, in_reply_to_status_id: irid }) => {
-        if (irid) {
-          result[irid] = result[irid] || []
-          result[irid].push({
-            name: `#${i}`,
-            id
-          })
-        }
-        i++
-        return result
-      }, {})
+      return reduce(
+        this.conversation,
+        (result, { id, in_reply_to_status_id: irid }) => {
+          if (irid) {
+            result[irid] = result[irid] || []
+            result[irid].push({
+              name: `#${i}`,
+              id,
+            })
+          }
+          i++
+          return result
+        },
+        {},
+      )
     },
-    isExpanded () {
+    isExpanded() {
       return !!(this.expanded || this.isPage)
     },
-    hiddenStyle () {
+    hiddenStyle() {
       const height = (this.status && this.status.virtualHeight) || '120px'
       return this.virtualHidden ? { height } : {}
     },
-    threadDisplayStatus () {
+    threadDisplayStatus() {
       return this.conversation.reduce((a, k) => {
         const id = k.id
         const depth = this.depths[id]
@@ -300,7 +351,7 @@ const conversation = {
           if (this.threadDisplayStatusObject[id]) {
             return this.threadDisplayStatusObject[id]
           }
-          if ((depth - this.diveDepth) <= this.maxDepthToShowByDefault) {
+          if (depth - this.diveDepth <= this.maxDepthToShowByDefault) {
             return 'showing'
           } else {
             return 'hidden'
@@ -311,7 +362,7 @@ const conversation = {
         return a
       }, {})
     },
-    statusContentProperties () {
+    statusContentProperties() {
       return this.conversation.reduce((a, k) => {
         const id = k.id
         const props = (() => {
@@ -320,13 +371,13 @@ const conversation = {
             expandingSubject: false,
             showingLongSubject: false,
             isReplying: false,
-            mediaPlaying: []
+            mediaPlaying: [],
           }
 
           if (this.statusContentPropertiesObject[id]) {
             return {
               ...def,
-              ...this.statusContentPropertiesObject[id]
+              ...this.statusContentPropertiesObject[id],
             }
           }
           return def
@@ -336,54 +387,59 @@ const conversation = {
         return a
       }, {})
     },
-    canDive () {
+    canDive() {
       return this.isTreeView && this.isExpanded
     },
-    maybeHighlight () {
+    maybeHighlight() {
       return this.isExpanded ? this.highlight : null
     },
-    ...mapGetters(['mergedConfig']),
+    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
     ...mapState({
-      mastoUserSocketStatus: state => state.api.mastoUserSocketStatus
+      mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
     }),
     ...mapPiniaState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
-    })
+      mobileLayout: (store) => store.layoutType === 'mobile',
+    }),
   },
   components: {
     Status,
     ThreadTree,
     QuickFilterSettings,
-    QuickViewSettings
+    QuickViewSettings,
   },
   watch: {
-    statusId (newVal, oldVal) {
+    statusId(newVal, oldVal) {
       const newConversationId = this.getConversationId(newVal)
       const oldConversationId = this.getConversationId(oldVal)
-      if (newConversationId && oldConversationId && newConversationId === oldConversationId) {
+      if (
+        newConversationId &&
+        oldConversationId &&
+        newConversationId === oldConversationId
+      ) {
         this.setHighlight(this.originalStatusId)
       } else {
         this.fetchConversation()
       }
     },
-    expanded (value) {
+    expanded(value) {
       if (value) {
         this.fetchConversation()
       } else {
         this.resetDisplayState()
       }
     },
-    virtualHidden () {
-      this.$store.dispatch(
-        'setVirtualHeight',
-        { statusId: this.statusId, height: `${this.$el.clientHeight}px` }
-      )
-    }
+    virtualHidden() {
+      this.$store.dispatch('setVirtualHeight', {
+        statusId: this.statusId,
+        height: `${this.$el.clientHeight}px`,
+      })
+    },
   },
   methods: {
-    fetchConversation () {
+    fetchConversation() {
       if (this.status) {
-        this.$store.state.api.backendInteractor.fetchConversation({ id: this.statusId })
+        this.$store.state.api.backendInteractor
+          .fetchConversation({ id: this.statusId })
           .then(({ ancestors, descendants }) => {
             this.$store.dispatch('addNewStatuses', { statuses: ancestors })
             this.$store.dispatch('addNewStatuses', { statuses: descendants })
@@ -391,7 +447,8 @@ const conversation = {
           })
       } else {
         this.loadStatusError = null
-        this.$store.state.api.backendInteractor.fetchStatus({ id: this.statusId })
+        this.$store.state.api.backendInteractor
+          .fetchStatus({ id: this.statusId })
           .then((status) => {
             this.$store.dispatch('addNewStatuses', { statuses: [status] })
             this.fetchConversation()
@@ -401,16 +458,16 @@ const conversation = {
           })
       }
     },
-    isFocused (id) {
-      return (this.isExpanded) && id === this.highlight
+    isFocused(id) {
+      return this.isExpanded && id === this.highlight
     },
-    getReplies (id) {
+    getReplies(id) {
       return this.replies[id] || []
     },
-    getHighlight () {
+    getHighlight() {
       return this.isExpanded ? this.highlight : null
     },
-    setHighlight (id) {
+    setHighlight(id) {
       if (!id) return
       this.highlight = id
 
@@ -421,44 +478,54 @@ const conversation = {
       this.$store.dispatch('fetchFavsAndRepeats', id)
       this.$store.dispatch('fetchEmojiReactionsBy', id)
     },
-    toggleExpanded () {
+    toggleExpanded() {
       this.expanded = !this.expanded
     },
-    getConversationId (statusId) {
+    getConversationId(statusId) {
       const status = this.$store.state.statuses.allStatusesObject[statusId]
-      return get(status, 'retweeted_status.statusnet_conversation_id', get(status, 'statusnet_conversation_id'))
+      return get(
+        status,
+        'retweeted_status.statusnet_conversation_id',
+        get(status, 'statusnet_conversation_id'),
+      )
     },
-    setThreadDisplay (id, nextStatus) {
+    setThreadDisplay(id, nextStatus) {
       this.threadDisplayStatusObject = {
         ...this.threadDisplayStatusObject,
-        [id]: nextStatus
+        [id]: nextStatus,
       }
     },
-    toggleThreadDisplay (id) {
+    toggleThreadDisplay(id) {
       const curStatus = this.threadDisplayStatus[id]
       const nextStatus = curStatus === 'showing' ? 'hidden' : 'showing'
       this.setThreadDisplay(id, nextStatus)
     },
-    setThreadDisplayRecursively (id, nextStatus) {
+    setThreadDisplayRecursively(id, nextStatus) {
       this.setThreadDisplay(id, nextStatus)
-      this.getReplies(id).map(k => k.id).map(id => this.setThreadDisplayRecursively(id, nextStatus))
+      this.getReplies(id)
+        .map((k) => k.id)
+        .map((id) => this.setThreadDisplayRecursively(id, nextStatus))
     },
-    showThreadRecursively (id) {
+    showThreadRecursively(id) {
       this.setThreadDisplayRecursively(id, 'showing')
     },
-    setStatusContentProperty (id, name, value) {
+    setStatusContentProperty(id, name, value) {
       this.statusContentPropertiesObject = {
         ...this.statusContentPropertiesObject,
         [id]: {
           ...this.statusContentPropertiesObject[id],
-          [name]: value
-        }
+          [name]: value,
+        },
       }
     },
-    toggleStatusContentProperty (id, name) {
-      this.setStatusContentProperty(id, name, !this.statusContentProperties[id][name])
+    toggleStatusContentProperty(id, name) {
+      this.setStatusContentProperty(
+        id,
+        name,
+        !this.statusContentProperties[id][name],
+      )
     },
-    leastVisibleAncestor (id) {
+    leastVisibleAncestor(id) {
       let cur = id
       let parent = this.parentOf(cur)
       while (cur) {
@@ -472,18 +539,20 @@ const conversation = {
       // nothing found, fall back to toplevel
       return this.topLevel[0] ? this.topLevel[0].id : undefined
     },
-    diveIntoStatus (id) {
+    diveIntoStatus(id) {
       this.tryScrollTo(id)
     },
-    diveToTopLevel () {
-      this.tryScrollTo(this.topLevelAncestorOrSelfId(this.diveRoot) || this.topLevel[0].id)
+    diveToTopLevel() {
+      this.tryScrollTo(
+        this.topLevelAncestorOrSelfId(this.diveRoot) || this.topLevel[0].id,
+      )
     },
     // only used when we are not on a page
-    undive () {
+    undive() {
       this.inlineDivePosition = null
       this.setHighlight(this.statusId)
     },
-    tryScrollTo (id) {
+    tryScrollTo(id) {
       if (!id) {
         return
       }
@@ -512,13 +581,13 @@ const conversation = {
         this.setHighlight(id)
       })
     },
-    goToCurrent () {
+    goToCurrent() {
       this.tryScrollTo(this.diveRoot || this.topLevel[0].id)
     },
-    statusById (id) {
+    statusById(id) {
       return this.statusMap[id]
     },
-    parentOf (id) {
+    parentOf(id) {
       const status = this.statusById(id)
       if (!status) {
         return undefined
@@ -529,11 +598,11 @@ const conversation = {
       }
       return parentId
     },
-    parentOrSelf (id) {
+    parentOrSelf(id) {
       return this.parentOf(id) || id
     },
     // Ancestors of some status, from top to bottom
-    ancestorsOf (id) {
+    ancestorsOf(id) {
       const ancestors = []
       let cur = this.parentOf(id)
       while (cur) {
@@ -542,7 +611,7 @@ const conversation = {
       }
       return ancestors
     },
-    topLevelAncestorOrSelfId (id) {
+    topLevelAncestorOrSelfId(id) {
       let cur = id
       let parent = this.parentOf(id)
       while (parent) {
@@ -551,11 +620,11 @@ const conversation = {
       }
       return cur
     },
-    resetDisplayState () {
+    resetDisplayState() {
       this.undive()
       this.threadDisplayStatusObject = {}
-    }
-  }
+    },
+  },
 }
 
 export default conversation
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 2f3de3a86..8d4734083 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -88,38 +88,34 @@
             class="thread-ancestor"
             :class="{'thread-ancestor-has-other-replies': getReplies(status.id).length > 1, '-faded': shouldFadeAncestors}"
           >
-            <status
+            <Status
               ref="statusComponent"
-              :inline-expanded="collapsable && isExpanded"
-              :statusoid="status"
-              :expandable="!isExpanded"
-              :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
-              :focused="isFocused(status.id)"
-              :in-conversation="isExpanded"
-              :highlight="getHighlight()"
-              :replies="getReplies(status.id)"
-              :in-profile="inProfile"
-              :profile-user-id="profileUserId"
               class="conversation-status status-fadein panel-body"
 
+              :statusoid="status"
+              :replies="getReplies(status.id)"
+
+              :expandable="!isExpanded"
+              :focused="isFocused(status.id)"
+              :highlight="getHighlight()"
+              :inline-expanded="collapsable && isExpanded"
+              :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
+              :in-profile="inProfile"
+              :in-conversation="isExpanded"
+              :profile-user-id="profileUserId"
               :simple-tree="treeViewIsSimple"
-              :toggle-thread-display="toggleThreadDisplay"
-              :thread-display-status="threadDisplayStatus"
-              :show-thread-recursively="showThreadRecursively"
-              :total-reply-count="totalReplyCount"
-              :total-reply-depth="totalReplyDepth"
               :show-other-replies-as-button="showOtherRepliesButtonInsideStatus"
               :dive="() => diveIntoStatus(status.id)"
 
               :controlled-showing-tall="statusContentProperties[status.id].showingTall"
-              :controlled-expanding-subject="statusContentProperties[status.id].expandingSubject"
-              :controlled-showing-long-subject="statusContentProperties[status.id].showingLongSubject"
-              :controlled-replying="statusContentProperties[status.id].replying"
-              :controlled-media-playing="statusContentProperties[status.id].mediaPlaying"
               :controlled-toggle-showing-tall="() => toggleStatusContentProperty(status.id, 'showingTall')"
+              :controlled-expanding-subject="statusContentProperties[status.id].expandingSubject"
               :controlled-toggle-expanding-subject="() => toggleStatusContentProperty(status.id, 'expandingSubject')"
+              :controlled-showing-long-subject="statusContentProperties[status.id].showingLongSubject"
               :controlled-toggle-showing-long-subject="() => toggleStatusContentProperty(status.id, 'showingLongSubject')"
+              :controlled-replying="statusContentProperties[status.id].replying"
               :controlled-toggle-replying="() => toggleStatusContentProperty(status.id, 'replying')"
+              :controlled-media-playing="statusContentProperties[status.id].mediaPlaying"
               :controlled-set-media-playing="(newVal) => toggleStatusContentProperty(status.id, 'mediaPlaying', newVal)"
 
               @goto="setHighlight"
@@ -195,26 +191,18 @@
             v-for="status in conversation"
             :key="status.id"
             ref="statusComponent"
-            :inline-expanded="collapsable && isExpanded"
-            :statusoid="status"
-            :expandable="!isExpanded"
-            :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
-            :focused="isFocused(status.id)"
-            :in-conversation="isExpanded"
-            :highlight="getHighlight()"
-            :replies="getReplies(status.id)"
-            :in-profile="inProfile"
-            :profile-user-id="profileUserId"
             class="conversation-status status-fadein panel-body"
+            :statusoid="status"
+            :replies="getReplies(status.id)"
 
-            :toggle-thread-display="toggleThreadDisplay"
-            :thread-display-status="threadDisplayStatus"
-            :show-thread-recursively="showThreadRecursively"
-            :total-reply-count="totalReplyCount"
-            :total-reply-depth="totalReplyDepth"
-            :status-content-properties="statusContentProperties"
-            :set-status-content-property="setStatusContentProperty"
-            :toggle-status-content-property="toggleStatusContentProperty"
+            :expandable="!isExpanded"
+            :focused="isFocused(status.id)"
+            :highlight="getHighlight()"
+            :inline-expanded="collapsable && isExpanded"
+            :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
+            :in-profile="inProfile"
+            :in-conversation="isExpanded"
+            :profile-user-id="profileUserId"
 
             @goto="setHighlight"
             @toggle-expanded="toggleExpanded"
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index 98d408a7e..3382413a0 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -1,20 +1,26 @@
 import SearchBar from 'components/search_bar/search_bar.vue'
+import { mapActions, mapState } from 'pinia'
+
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faHome,
+  faInfoCircle,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(
   faSignInAlt,
@@ -27,91 +33,98 @@ library.add(
   faSearch,
   faTachometerAlt,
   faCog,
-  faInfoCircle
+  faInfoCircle,
 )
 
 export default {
   components: {
     SearchBar,
-    ConfirmModal
+    ConfirmModal,
   },
   data: () => ({
     searchBarHidden: true,
-    supportsMask: window.CSS && window.CSS.supports && (
-      window.CSS.supports('mask-size', 'contain') ||
+    supportsMask:
+      window.CSS &&
+      window.CSS.supports &&
+      (window.CSS.supports('mask-size', 'contain') ||
         window.CSS.supports('-webkit-mask-size', 'contain') ||
         window.CSS.supports('-moz-mask-size', 'contain') ||
         window.CSS.supports('-ms-mask-size', 'contain') ||
-        window.CSS.supports('-o-mask-size', 'contain')
-    ),
-    showingConfirmLogout: false
+        window.CSS.supports('-o-mask-size', 'contain')),
+    showingConfirmLogout: false,
   }),
   computed: {
-    enableMask () { return this.supportsMask && this.$store.state.instance.logoMask },
-    logoStyle () {
+    enableMask() {
+      return this.supportsMask && this.logoMask
+    },
+    logoStyle() {
       return {
-        visibility: this.enableMask ? 'hidden' : 'visible'
+        visibility: this.enableMask ? 'hidden' : 'visible',
       }
     },
-    logoMaskStyle () {
+    logoMaskStyle() {
       return this.enableMask
         ? {
-            'mask-image': `url(${this.$store.state.instance.logo})`
+            'mask-image': `url(${this.logo})`,
           }
         : {
-            'background-color': this.enableMask ? '' : 'transparent'
+            'background-color': this.enableMask ? '' : 'transparent',
           }
     },
-    logoBgStyle () {
-      return Object.assign({
-        margin: `${this.$store.state.instance.logoMargin} 0`,
-        opacity: this.searchBarHidden ? 1 : 0
-      }, this.enableMask
-        ? {}
-        : {
-            'background-color': this.enableMask ? '' : 'transparent'
-          })
+    logoBgStyle() {
+      return Object.assign(
+        {
+          margin: `${this.logoMargin} 0`,
+          opacity: this.searchBarHidden ? 1 : 0,
+        },
+        this.enableMask
+          ? {}
+          : {
+              'background-color': this.enableMask ? '' : 'transparent',
+            },
+      )
+    },
+    ...mapState(useInstanceStore, ['privateMode']),
+    ...mapState(useInstanceStore, {
+      logoMask: (store) => store.instanceIdentity.logoMask,
+      logo: (store) => store.instanceIdentity.logo,
+      logoLeft: (store) => store.instanceIdentity.logoLeft,
+      logoMargin: (store) => store.instanceIdentity.logoMargin,
+      sitename: (store) => store.instanceIdentity.name,
+      hideSitename: (store) => store.instanceIdentity.hideSitename,
+    }),
+    currentUser() {
+      return this.$store.state.users.currentUser
+    },
+    shouldConfirmLogout() {
+      return useMergedConfigStore().mergedConfig.modalOnLogout
     },
-    logo () { return this.$store.state.instance.logo },
-    sitename () { return this.$store.state.instance.name },
-    hideSitename () { return this.$store.state.instance.hideSitename },
-    logoLeft () { return this.$store.state.instance.logoLeft },
-    currentUser () { return this.$store.state.users.currentUser },
-    privateMode () { return this.$store.state.instance.private },
-    shouldConfirmLogout () {
-      return this.$store.getters.mergedConfig.modalOnLogout
-    }
   },
   methods: {
-    scrollToTop () {
+    scrollToTop() {
       window.scrollTo(0, 0)
     },
-    showConfirmLogout () {
+    showConfirmLogout() {
       this.showingConfirmLogout = true
     },
-    hideConfirmLogout () {
+    hideConfirmLogout() {
       this.showingConfirmLogout = false
     },
-    logout () {
+    logout() {
       if (!this.shouldConfirmLogout) {
         this.doLogout()
       } else {
         this.showConfirmLogout()
       }
     },
-    doLogout () {
+    doLogout() {
       this.$router.replace('/main/public')
       this.$store.dispatch('logout')
       this.hideConfirmLogout()
     },
-    onSearchBarToggled (hidden) {
+    onSearchBarToggled(hidden) {
       this.searchBarHidden = hidden
     },
-    openSettingsModal () {
-      useInterfaceStore().openSettingsModal('user')
-    },
-    openAdminModal () {
-      useInterfaceStore().openSettingsModal('admin')
-    }
-  }
+    ...mapActions(useInterfaceStore, ['openSettingsModal']),
+  },
 }
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue
index 49382f8ee..da427f2a1 100644
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@@ -40,7 +40,7 @@
         <button
           class="button-unstyled nav-icon"
           :title="$t('nav.preferences')"
-          @click.stop="openSettingsModal"
+          @click.stop="openSettingsModal('user')"
         >
           <FAIcon
             fixed-width
@@ -53,7 +53,7 @@
           class="button-unstyled nav-icon"
           target="_blank"
           :title="$t('nav.administration')"
-          @click.stop="openAdminModal"
+          @click.stop="openSettingsModal('admin')"
         >
           <FAIcon
             fixed-width
diff --git a/src/components/dialog_modal/dialog_modal.js b/src/components/dialog_modal/dialog_modal.js
index b39851fe7..083f7a21d 100644
--- a/src/components/dialog_modal/dialog_modal.js
+++ b/src/components/dialog_modal/dialog_modal.js
@@ -1,19 +1,23 @@
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const DialogModal = {
   props: {
     darkOverlay: {
       default: true,
-      type: Boolean
+      type: Boolean,
     },
     onCancel: {
-      default: () => {},
-      type: Function
-    }
+      default: () => {
+        /* no-op */
+      },
+      type: Function,
+    },
   },
   computed: {
-    mobileCenter () {
-      return this.$store.getters.mergedConfig.modalMobileCenter
-    }
-  }
+    mobileCenter() {
+      return useMergedConfigStore().mergedConfig.modalMobileCenter
+    },
+  },
 }
 
 export default DialogModal
diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index 939655f65..2b9c7a5d8 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -45,10 +45,10 @@
   inset: 0;
   justify-content: center;
   place-items: center center;
+  overflow: auto;
 }
 
 .dialog-modal.panel {
-  max-height: 80vh;
   max-width: 90vw;
   z-index: 2001;
   cursor: default;
diff --git a/src/components/dm_timeline/dm_timeline.js b/src/components/dm_timeline/dm_timeline.js
index 8b5393a98..c977efe30 100644
--- a/src/components/dm_timeline/dm_timeline.js
+++ b/src/components/dm_timeline/dm_timeline.js
@@ -2,13 +2,13 @@ import Timeline from '../timeline/timeline.vue'
 
 const DMs = {
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.dms
-    }
+    },
   },
   components: {
-    Timeline
-  }
+    Timeline,
+  },
 }
 
 export default DMs
diff --git a/src/components/domain_mute_card/domain_mute_card.js b/src/components/domain_mute_card/domain_mute_card.js
index f234dcb0f..71da2684c 100644
--- a/src/components/domain_mute_card/domain_mute_card.js
+++ b/src/components/domain_mute_card/domain_mute_card.js
@@ -3,24 +3,24 @@ import ProgressButton from '../progress_button/progress_button.vue'
 const DomainMuteCard = {
   props: ['domain'],
   components: {
-    ProgressButton
+    ProgressButton,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    muted () {
+    muted() {
       return this.user.domainMutes.includes(this.domain)
-    }
+    },
   },
   methods: {
-    unmuteDomain () {
+    unmuteDomain() {
       return this.$store.dispatch('unmuteDomain', this.domain)
     },
-    muteDomain () {
+    muteDomain() {
       return this.$store.dispatch('muteDomain', this.domain)
-    }
-  }
+    },
+  },
 }
 
 export default DomainMuteCard
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 55ee11a15..ffc299af6 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,18 +1,17 @@
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
 import { cloneDeep } from 'lodash'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPollH
-} from '@fortawesome/free-solid-svg-icons'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
 
-library.add(
-  faPollH
-)
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPollH } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faPollH)
 
 const Draft = {
   components: {
@@ -20,23 +19,23 @@ const Draft = {
     EditStatusForm,
     ConfirmModal,
     StatusContent,
-    Gallery
+    Gallery,
   },
   props: {
     draft: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
-  data () {
+  data() {
     return {
       referenceDraft: cloneDeep(this.draft),
       editing: false,
-      showingConfirmDialog: false
+      showingConfirmDialog: false,
     }
   },
   computed: {
-    relAttrs () {
+    relAttrs() {
       if (this.draft.type === 'edit') {
         return { statusId: this.draft.refId }
       } else if (this.draft.type === 'reply') {
@@ -45,24 +44,24 @@ const Draft = {
         return {}
       }
     },
-    safeToSave () {
-      return this.draft.status ||
-        this.draft.files?.length ||
-        this.draft.hasPoll
+    safeToSave() {
+      return this.draft.status || this.draft.files?.length || this.draft.hasPoll
     },
-    postStatusFormProps () {
+    postStatusFormProps() {
       return {
         draftId: this.draft.id,
-        ...this.relAttrs
+        ...this.relAttrs,
       }
     },
-    refStatus () {
-      return this.draft.refId ? this.$store.state.statuses.allStatusesObject[this.draft.refId] : undefined
+    refStatus() {
+      return this.draft.refId
+        ? this.$store.state.statuses.allStatusesObject[this.draft.refId]
+        : undefined
     },
-    localCollapseSubjectDefault () {
-      return this.$store.getters.mergedConfig.collapseMessageWithSubject
+    localCollapseSubjectDefault() {
+      return useMergedConfigStore().mergedConfig.collapseMessageWithSubject
     },
-    nsfwClickthrough () {
+    nsfwClickthrough() {
       if (!this.draft.nsfw) {
         return false
       }
@@ -70,35 +69,34 @@ const Draft = {
         return false
       }
       return true
-    }
+    },
   },
   watch: {
-    editing (newVal) {
+    editing(newVal) {
       if (newVal) return
       if (this.safeToSave) {
         this.$store.dispatch('addOrSaveDraft', { draft: this.draft })
       } else {
         this.$store.dispatch('addOrSaveDraft', { draft: this.referenceDraft })
       }
-    }
+    },
   },
   methods: {
-    toggleEditing () {
+    toggleEditing() {
       this.editing = !this.editing
     },
-    abandon () {
+    abandon() {
       this.showingConfirmDialog = true
     },
-    doAbandon () {
-      this.$store.dispatch('abandonDraft', { id: this.draft.id })
-        .then(() => {
-          this.hideConfirmDialog()
-        })
+    doAbandon() {
+      this.$store.dispatch('abandonDraft', { id: this.draft.id }).then(() => {
+        this.hideConfirmDialog()
+      })
     },
-    hideConfirmDialog () {
+    hideConfirmDialog() {
       this.showingConfirmDialog = false
-    }
-  }
+    },
+  },
 }
 
 export default Draft
diff --git a/src/components/draft_closer/draft_closer.js b/src/components/draft_closer/draft_closer.js
index e50ea05ab..2648b40c5 100644
--- a/src/components/draft_closer/draft_closer.js
+++ b/src/components/draft_closer/draft_closer.js
@@ -1,32 +1,31 @@
 import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
 
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const DraftCloser = {
-  data () {
+  data() {
     return {
-      showing: false
+      showing: false,
     }
   },
   components: {
-    DialogModal
+    DialogModal,
   },
-  emits: [
-    'save',
-    'discard'
-  ],
+  emits: ['save', 'discard'],
   computed: {
-    action () {
-      if (this.$store.getters.mergedConfig.autoSaveDraft) {
+    action() {
+      if (useMergedConfigStore().mergedConfig.autoSaveDraft) {
         return 'save'
       } else {
-        return this.$store.getters.mergedConfig.unsavedPostAction
+        return useMergedConfigStore().mergedConfig.unsavedPostAction
       }
     },
-    shouldConfirm () {
+    shouldConfirm() {
       return this.action === 'confirm'
-    }
+    },
   },
   methods: {
-    requestClose () {
+    requestClose() {
       if (this.shouldConfirm) {
         this.showing = true
       } else if (this.action === 'save') {
@@ -35,18 +34,18 @@ const DraftCloser = {
         this.discard()
       }
     },
-    save () {
+    save() {
       this.$emit('save')
       this.showing = false
     },
-    discard () {
+    discard() {
       this.$emit('discard')
       this.showing = false
     },
-    cancel () {
+    cancel() {
       this.showing = false
-    }
-  }
+    },
+  },
 }
 
 export default DraftCloser
diff --git a/src/components/drafts/drafts.js b/src/components/drafts/drafts.js
index 201417f66..8acde3c17 100644
--- a/src/components/drafts/drafts.js
+++ b/src/components/drafts/drafts.js
@@ -4,13 +4,13 @@ import List from 'src/components/list/list.vue'
 const Drafts = {
   components: {
     Draft,
-    List
+    List,
   },
   computed: {
-    drafts () {
+    drafts() {
       return this.$store.getters.draftsArray
-    }
-  }
+    },
+  },
 }
 
 export default Drafts
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index 323763370..b8df92794 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,21 +1,21 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const EditStatusForm = {
   components: {
-    PostStatusForm
+    PostStatusForm,
   },
   props: {
     params: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   methods: {
-    requestClose () {
+    requestClose() {
       this.$refs.postStatusForm.requestClose()
     },
-    doEditStatus ({ status, spoilerText, sensitive, media, contentType, poll }) {
+    doEditStatus({ status, spoilerText, sensitive, media, contentType, poll }) {
       const params = {
         store: this.$store,
         statusId: this.params.statusId,
@@ -24,21 +24,22 @@ const EditStatusForm = {
         sensitive,
         poll,
         media,
-        contentType
+        contentType,
       }
 
-      return statusPosterService.editStatus(params)
+      return statusPosterService
+        .editStatus(params)
         .then((data) => {
           return data
         })
         .catch((err) => {
           console.error('Error editing status', err)
           return {
-            error: err.message
+            error: err.message,
           }
         })
-    }
-  }
+    },
+  },
 }
 
 export default EditStatusForm
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 4c10c21a0..07836f161 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,34 +1,36 @@
+import get from 'lodash/get'
+
 import EditStatusForm from '../edit_status_form/edit_status_form.vue'
 import Modal from '../modal/modal.vue'
-import get from 'lodash/get'
-import { useEditStatusStore } from 'src/stores/editStatus'
+
+import { useEditStatusStore } from 'src/stores/editStatus.js'
 
 const EditStatusModal = {
   components: {
     EditStatusForm,
-    Modal
+    Modal,
   },
-  data () {
+  data() {
     return {
-      resettingForm: false
+      resettingForm: false,
     }
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    modalActivated () {
+    modalActivated() {
       return useEditStatusStore().modalActivated
     },
-    isFormVisible () {
+    isFormVisible() {
       return this.isLoggedIn && !this.resettingForm && this.modalActivated
     },
-    params () {
+    params() {
       return useEditStatusStore().params || {}
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       if (get(newVal, 'statusId') !== get(oldVal, 'statusId')) {
         this.resettingForm = true
         this.$nextTick(() => {
@@ -36,20 +38,22 @@ const EditStatusModal = {
         })
       }
     },
-    isFormVisible (val) {
+    isFormVisible(val) {
       if (val) {
-        this.$nextTick(() => this.$el && this.$el.querySelector('textarea').focus())
+        this.$nextTick(
+          () => this.$el && this.$el.querySelector('textarea').focus(),
+        )
       }
-    }
+    },
   },
   methods: {
-    closeModal () {
+    closeModal() {
       this.$refs.editStatusForm.requestClose()
     },
-    doCloseModal () {
+    doCloseModal() {
       useEditStatusStore().closeEditStatusModal()
-    }
-  }
+    },
+  },
 }
 
 export default EditStatusModal
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index f3b6dfe9b..0146a3de8 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -1,20 +1,20 @@
-import Completion from '../../services/completion/completion.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+import { take } from 'lodash'
+
 import Popover from 'src/components/popover/popover.vue'
 import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-import { take } from 'lodash'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
 import { ensureFinalFallback } from '../../i18n/languages.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSmileBeam
-} from '@fortawesome/free-regular-svg-icons'
+import Completion from '../../services/completion/completion.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
-library.add(
-  faSmileBeam
-)
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+
+library.add(faSmileBeam)
 
 /**
  * EmojiInput - augmented inputs for emoji and autocomplete support in inputs
@@ -60,14 +60,14 @@ const EmojiInput = {
        * For commonly used suggestors (emoji, users, both) use suggestor.js
        */
       required: true,
-      type: Function
+      type: Function,
     },
     modelValue: {
       /**
        * Used for v-model
        */
       required: true,
-      type: String
+      type: String,
     },
     enableEmojiPicker: {
       /**
@@ -75,7 +75,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     hideEmojiButton: {
       /**
@@ -84,7 +84,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     enableStickerPicker: {
       /**
@@ -92,7 +92,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     placement: {
       /**
@@ -101,15 +101,15 @@ const EmojiInput = {
        */
       required: false,
       type: String, // 'auto', 'top', 'bottom'
-      default: 'auto'
+      default: 'auto',
     },
     newlineOnCtrlEnter: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
       randomSeed: genRandomSeed(),
       input: undefined,
@@ -122,58 +122,65 @@ const EmojiInput = {
       disableClickOutside: false,
       suggestions: [],
       overlayStyle: {},
-      pickerShown: false
+      pickerShown: false,
     }
   },
   components: {
     Popover,
     EmojiPicker,
     UnicodeDomainIndicator,
-    ScreenReaderNotice
+    ScreenReaderNotice,
   },
   computed: {
-    padEmoji () {
-      return this.$store.getters.mergedConfig.padEmoji
+    padEmoji() {
+      return useMergedConfigStore().mergedConfig.padEmoji
     },
-    defaultCandidateIndex () {
-      return this.$store.getters.mergedConfig.autocompleteSelect ? 0 : -1
+    defaultCandidateIndex() {
+      return useMergedConfigStore().mergedConfig.autocompleteSelect ? 0 : -1
     },
-    preText () {
+    preText() {
       return this.modelValue.slice(0, this.caret)
     },
-    postText () {
+    postText() {
       return this.modelValue.slice(this.caret)
     },
-    showSuggestions () {
-      return this.focused &&
+    showSuggestions() {
+      return (
+        this.focused &&
         this.suggestions &&
         this.suggestions.length > 0 &&
         !this.pickerShown &&
         !this.temporarilyHideSuggestions
+      )
     },
-    textAtCaret () {
+    textAtCaret() {
       return this.wordAtCaret?.word
     },
-    wordAtCaret () {
+    wordAtCaret() {
       if (this.modelValue && this.caret) {
-        const word = Completion.wordAtPosition(this.modelValue, this.caret - 1) || {}
+        const word =
+          Completion.wordAtPosition(this.modelValue, this.caret - 1) || {}
         return word
       }
     },
-    languages () {
-      return ensureFinalFallback(this.$store.getters.mergedConfig.interfaceLanguage)
+    languages() {
+      return ensureFinalFallback(
+        useMergedConfigStore().mergedConfig.interfaceLanguage,
+      )
     },
-    maybeLocalizedEmojiNamesAndKeywords () {
-      return emoji => {
+    maybeLocalizedEmojiNamesAndKeywords() {
+      return (emoji) => {
         const names = [emoji.displayText]
         const keywords = []
 
         if (emoji.displayTextI18n) {
-          names.push(this.$t(emoji.displayTextI18n.key, emoji.displayTextI18n.args))
+          names.push(
+            this.$t(emoji.displayTextI18n.key, emoji.displayTextI18n.args),
+          )
         }
 
         if (emoji.annotations) {
-          this.languages.forEach(lang => {
+          this.languages.forEach((lang) => {
             names.push(emoji.annotations[lang]?.name)
 
             keywords.push(...(emoji.annotations[lang]?.keywords || []))
@@ -181,13 +188,13 @@ const EmojiInput = {
         }
 
         return {
-          names: names.filter(k => k),
-          keywords: keywords.filter(k => k)
+          names: names.filter((k) => k),
+          keywords: keywords.filter((k) => k),
         }
       }
     },
-    maybeLocalizedEmojiName () {
-      return emoji => {
+    maybeLocalizedEmojiName() {
+      return (emoji) => {
         if (!emoji.annotations) {
           return emoji.displayText
         }
@@ -205,22 +212,18 @@ const EmojiInput = {
         return emoji.displayText
       }
     },
-    onInputScroll () {
-      this.$refs.hiddenOverlay.scrollTo({
-        top: this.input.scrollTop,
-        left: this.input.scrollLeft
-      })
-    },
-    suggestionListId () {
+    suggestionListId() {
       return `suggestions-${this.randomSeed}`
     },
-    suggestionItemId () {
+    suggestionItemId() {
       return (index) => `suggestion-item-${index}-${this.randomSeed}`
-    }
+    },
   },
-  mounted () {
+  mounted() {
     const { root, hiddenOverlayCaret, suggestorPopover } = this.$refs
-    const input = root.querySelector('.emoji-input > input') || root.querySelector('.emoji-input > textarea')
+    const input =
+      root.querySelector('.emoji-input > input') ||
+      root.querySelector('.emoji-input > textarea')
     if (!input) return
     this.input = input
     this.caretEl = hiddenOverlayCaret
@@ -239,7 +242,6 @@ const EmojiInput = {
     this.overlayStyle.fontSize = style.fontSize
     this.overlayStyle.wordWrap = style.wordWrap
     this.overlayStyle.whiteSpace = style.whiteSpace
-    this.resize()
     input.addEventListener('blur', this.onBlur)
     input.addEventListener('focus', this.onFocus)
     input.addEventListener('paste', this.onPaste)
@@ -250,7 +252,7 @@ const EmojiInput = {
     input.addEventListener('input', this.onInput)
     input.addEventListener('scroll', this.onInputScroll)
   },
-  unmounted () {
+  unmounted() {
     const { input } = this
     if (input) {
       input.removeEventListener('blur', this.onBlur)
@@ -280,29 +282,40 @@ const EmojiInput = {
         this.suggestions = []
         return
       }
-      const matchedSuggestions = await this.suggest(newWord, this.maybeLocalizedEmojiNamesAndKeywords)
+      const matchedSuggestions = await this.suggest(
+        newWord,
+        this.maybeLocalizedEmojiNamesAndKeywords,
+      )
       // Async: cancel if textAtCaret has changed during wait
       if (this.textAtCaret !== newWord || matchedSuggestions.length <= 0) {
         this.suggestions = []
         return
       }
-      this.suggestions = take(matchedSuggestions, 5)
-        .map(({ imageUrl, ...rest }) => ({
+      this.suggestions = take(matchedSuggestions, 5).map(
+        ({ imageUrl, ...rest }) => ({
           ...rest,
-          img: imageUrl || ''
-        }))
+          img: imageUrl || '',
+        }),
+      )
       this.highlighted = this.defaultCandidateIndex
       this.$refs.screenReaderNotice.announce(
         this.$t(
           'tool_tip.autocomplete_available',
           { number: this.suggestions.length },
-          this.suggestions.length
-        )
+          this.suggestions.length,
+        ),
       )
-    }
+    },
   },
   methods: {
-    triggerShowPicker () {
+    onInputScroll(e) {
+      this.$refs.hiddenOverlay.scrollTo({
+        top: this.input.scrollTop,
+        left: this.input.scrollLeft,
+      })
+      this.setCaret(e)
+    },
+    triggerShowPicker() {
       this.$nextTick(() => {
         this.$refs.picker.showPicker()
         this.scrollIntoView()
@@ -315,7 +328,7 @@ const EmojiInput = {
         this.disableClickOutside = false
       }, 0)
     },
-    togglePicker () {
+    togglePicker() {
       this.input.focus()
       if (!this.pickerShown) {
         this.scrollIntoView()
@@ -325,12 +338,16 @@ const EmojiInput = {
         this.$refs.picker.hidePicker()
       }
     },
-    replace (replacement) {
-      const newValue = Completion.replaceWord(this.modelValue, this.wordAtCaret, replacement)
+    replace(replacement) {
+      const newValue = Completion.replaceWord(
+        this.modelValue,
+        this.wordAtCaret,
+        replacement,
+      )
       this.$emit('update:modelValue', newValue)
       this.caret = 0
     },
-    insert ({ insertion, keepOpen, surroundingSpace = true }) {
+    insert({ insertion, keepOpen, surroundingSpace = true }) {
       const before = this.modelValue.substring(0, this.caret) || ''
       const after = this.modelValue.substring(this.caret) || ''
 
@@ -349,18 +366,24 @@ const EmojiInput = {
        * them, masto seem to be rendering :emoji::emoji: correctly now so why not
        */
       const isSpaceRegex = /\s/
-      const spaceBefore = (surroundingSpace && !isSpaceRegex.exec(before.slice(-1)) && before.length && this.padEmoji > 0) ? ' ' : ''
-      const spaceAfter = (surroundingSpace && !isSpaceRegex.exec(after[0]) && this.padEmoji) ? ' ' : ''
+      const spaceBefore =
+        surroundingSpace &&
+        !isSpaceRegex.exec(before.slice(-1)) &&
+        before.length &&
+        this.padEmoji > 0
+          ? ' '
+          : ''
+      const spaceAfter =
+        surroundingSpace && !isSpaceRegex.exec(after[0]) && this.padEmoji
+          ? ' '
+          : ''
 
-      const newValue = [
-        before,
-        spaceBefore,
-        insertion,
-        spaceAfter,
-        after
-      ].join('')
+      const newValue = [before, spaceBefore, insertion, spaceAfter, after].join(
+        '',
+      )
       this.$emit('update:modelValue', newValue)
-      const position = this.caret + (insertion + spaceAfter + spaceBefore).length
+      const position =
+        this.caret + (insertion + spaceAfter + spaceBefore).length
       if (!keepOpen) {
         this.input.focus()
       }
@@ -372,13 +395,20 @@ const EmojiInput = {
         this.caret = position
       })
     },
-    replaceText (e, suggestion) {
+    replaceText(e, suggestion) {
       const len = this.suggestions.length || 0
-      if (this.textAtCaret.length === 1) { return }
+      if (this.textAtCaret.length === 1) {
+        return
+      }
       if (len > 0 || suggestion) {
-        const chosenSuggestion = suggestion || this.suggestions[this.highlighted]
+        const chosenSuggestion =
+          suggestion || this.suggestions[this.highlighted]
         const replacement = chosenSuggestion.replacement
-        const newValue = Completion.replaceWord(this.modelValue, this.wordAtCaret, replacement)
+        const newValue = Completion.replaceWord(
+          this.modelValue,
+          this.wordAtCaret,
+          replacement,
+        )
         this.$emit('update:modelValue', newValue)
         this.highlighted = 0
         const position = this.wordAtCaret.start + replacement.length
@@ -393,7 +423,7 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    cycleBackward (e) {
+    cycleBackward(e) {
       const len = this.suggestions.length || 0
 
       this.highlighted -= 1
@@ -406,7 +436,7 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    cycleForward (e) {
+    cycleForward(e) {
       const len = this.suggestions.length || 0
 
       this.highlighted += 1
@@ -418,26 +448,28 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    scrollIntoView () {
+    scrollIntoView() {
       const rootRef = this.$refs.picker.$el
       /* Scroller is either `window` (replies in TL), sidebar (main post form,
        * replies in notifs) or mobile post form. Note that getting and setting
        * scroll is different for `Window` and `Element`s
        */
-      const scrollerRef = this.$el.closest('.sidebar-scroller') ||
-            this.$el.closest('.post-form-modal-view') ||
-            window
-      const currentScroll = scrollerRef === window
-        ? scrollerRef.scrollY
-        : scrollerRef.scrollTop
-      const scrollerHeight = scrollerRef === window
-        ? scrollerRef.innerHeight
-        : scrollerRef.offsetHeight
+      const scrollerRef =
+        this.$el.closest('.sidebar-scroller') ||
+        this.$el.closest('.post-form-modal-view') ||
+        window
+      const currentScroll =
+        scrollerRef === window ? scrollerRef.scrollY : scrollerRef.scrollTop
+      const scrollerHeight =
+        scrollerRef === window
+          ? scrollerRef.innerHeight
+          : scrollerRef.offsetHeight
 
       const scrollerBottomBorder = currentScroll + scrollerHeight
       // We check where the bottom border of root element is, this uses findOffset
       // to find offset relative to scrollable container (scroller)
-      const rootBottomBorder = rootRef.offsetHeight + findOffset(rootRef, scrollerRef).top
+      const rootBottomBorder =
+        rootRef.offsetHeight + findOffset(rootRef, scrollerRef).top
 
       const bottomDelta = Math.max(0, rootBottomBorder - scrollerBottomBorder)
       // could also check top delta but there's no case for it
@@ -459,13 +491,13 @@ const EmojiInput = {
         }
       })
     },
-    onPickerShown () {
+    onPickerShown() {
       this.pickerShown = true
     },
-    onPickerClosed () {
+    onPickerClosed() {
       this.pickerShown = false
     },
-    onBlur (e) {
+    onBlur(e) {
       // Clicking on any suggestion removes focus from autocomplete,
       // preventing click handler ever executing.
       this.blurTimeout = setTimeout(() => {
@@ -473,10 +505,10 @@ const EmojiInput = {
         this.setCaret(e)
       }, 200)
     },
-    onClick (e, suggestion) {
+    onClick(e, suggestion) {
       this.replaceText(e, suggestion)
     },
-    onFocus (e) {
+    onFocus(e) {
       if (this.blurTimeout) {
         clearTimeout(this.blurTimeout)
         this.blurTimeout = null
@@ -486,7 +518,7 @@ const EmojiInput = {
       this.setCaret(e)
       this.temporarilyHideSuggestions = false
     },
-    onKeyUp (e) {
+    onKeyUp(e) {
       const { key } = e
       this.setCaret(e)
 
@@ -498,10 +530,10 @@ const EmojiInput = {
         this.temporarilyHideSuggestions = false
       }
     },
-    onPaste (e) {
+    onPaste(e) {
       this.setCaret(e)
     },
-    onKeyDown (e) {
+    onKeyDown(e) {
       const { ctrlKey, shiftKey, key } = e
       if (this.newlineOnCtrlEnter && ctrlKey && key === 'Enter') {
         this.insert({ insertion: '\n', surroundingSpace: false })
@@ -545,32 +577,30 @@ const EmojiInput = {
         }
       }
     },
-    onInput (e) {
+    onInput(e) {
       this.setCaret(e)
       this.$emit('update:modelValue', e.target.value)
     },
-    onStickerUploaded (e) {
+    onStickerUploaded(e) {
       this.$emit('sticker-uploaded', e)
     },
-    onStickerUploadFailed (e) {
+    onStickerUploadFailed(e) {
       this.$emit('sticker-upload-Failed', e)
     },
-    setCaret ({ target: { selectionStart } }) {
+    setCaret({ target: { selectionStart } }) {
       this.caret = selectionStart
       this.$nextTick(() => {
         this.$refs.suggestorPopover.updateStyles()
       })
     },
-    resize () {
-    },
-    autoCompleteItemLabel (suggestion) {
+    autoCompleteItemLabel(suggestion) {
       if (suggestion.user) {
         return suggestion.displayText + ' ' + suggestion.detailText
       } else {
         return this.maybeLocalizedEmojiName(suggestion)
       }
-    }
-  }
+    },
+  },
 }
 
 export default EmojiInput
diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index f9788d874..a1cba33bc 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -123,7 +123,7 @@
     margin: 0.2em 0.25em;
     font-size: 1.3em;
     cursor: pointer;
-    line-height: 24px;
+    line-height: 1.2em;
 
     &:hover i {
       color: var(--text);
@@ -133,7 +133,7 @@
   .emoji-picker-panel {
     position: absolute;
     z-index: 20;
-    margin-top: 2px;
+    margin-top: 0.2em;
 
     &.hide {
       display: none;
@@ -152,7 +152,7 @@
   }
 
   &.with-picker input {
-    padding-right: 30px;
+    padding-right: 2em;
   }
 
   .hidden-overlay {
@@ -215,8 +215,8 @@
       }
 
       .detailText {
-        font-size: 9px;
-        line-height: 9px;
+        font-size: 0.6em;
+        line-height: 0.6em;
       }
     }
   }
diff --git a/src/components/emoji_input/suggestor.js b/src/components/emoji_input/suggestor.js
index f2daf2f46..c0d8f7ca1 100644
--- a/src/components/emoji_input/suggestor.js
+++ b/src/components/emoji_input/suggestor.js
@@ -1,8 +1,10 @@
+import { useEmojiStore } from 'src/stores/emoji.js'
+
 /**
  * suggest - generates a suggestor function to be used by emoji-input
  * data: object providing source information for specific types of suggestions:
  * data.emoji - optional, an array of all emoji available i.e.
- *   (getters.standardEmojiList + state.instance.customEmoji)
+ *   (useEmojiStore().standardEmojiList + state.instance.customEmoji)
  * data.users - optional, an array of all known users
  * updateUsersList - optional, a function to search and append to users
  *
@@ -10,7 +12,7 @@
  * doesn't support user linking you can just provide only emoji.
  */
 
-export default data => {
+export default (data) => {
   const emojiCurry = suggestEmoji(data.emoji)
   const usersCurry = data.store && suggestUsers(data.store)
   return (input, nameKeywordLocalizer) => {
@@ -25,22 +27,35 @@ export default data => {
   }
 }
 
-export const suggestEmoji = emojis => (input, nameKeywordLocalizer) => {
+export const suggestEmoji = (emojis) => (input, nameKeywordLocalizer) => {
   const noPrefix = input.toLowerCase().substr(1)
   return emojis
-    .map(emoji => ({ ...emoji, ...nameKeywordLocalizer(emoji) }))
-    .filter((emoji) => (emoji.names.concat(emoji.keywords)).filter(kw => kw.toLowerCase().match(noPrefix)).length)
-    .map(k => {
+    .map((emoji) => ({ ...emoji, ...nameKeywordLocalizer(emoji) }))
+    .filter(
+      (emoji) =>
+        emoji.names
+          .concat(emoji.keywords)
+          .filter((kw) => kw.toLowerCase().match(noPrefix)).length,
+    )
+    .map((k) => {
       let score = 0
 
       // An exact match always wins
-      score += Math.max(...k.names.map(name => name.toLowerCase() === noPrefix ? 200 : 0), 0)
+      score += Math.max(
+        ...k.names.map((name) => (name.toLowerCase() === noPrefix ? 200 : 0)),
+        0,
+      )
 
       // Prioritize custom emoji a lot
       score += k.imageUrl ? 100 : 0
 
       // Prioritize prefix matches somewhat
-      score += Math.max(...k.names.map(kw => kw.toLowerCase().startsWith(noPrefix) ? 10 : 0), 0)
+      score += Math.max(
+        ...k.names.map((kw) =>
+          kw.toLowerCase().startsWith(noPrefix) ? 10 : 0,
+        ),
+        0,
+      )
 
       // Sort by length
       score -= k.displayText.length
@@ -78,7 +93,7 @@ export const suggestUsers = ({ dispatch, state }) => {
     })
   }
 
-  return async input => {
+  return async (input) => {
     const noPrefix = input.toLowerCase().substr(1)
     if (previousQuery === noPrefix) return suggestions
 
@@ -92,37 +107,42 @@ export const suggestUsers = ({ dispatch, state }) => {
       await debounceUserSearch(noPrefix)
     }
 
-    const newSuggestions = state.users.users.filter(
-      user =>
-        user.screen_name && user.name && (
-          user.screen_name.toLowerCase().startsWith(noPrefix) ||
-            user.name.toLowerCase().startsWith(noPrefix))
-    ).slice(0, 20).sort((a, b) => {
-      let aScore = 0
-      let bScore = 0
+    const newSuggestions = state.users.users
+      .filter(
+        (user) =>
+          user.screen_name &&
+          user.name &&
+          (user.screen_name.toLowerCase().startsWith(noPrefix) ||
+            user.name.toLowerCase().startsWith(noPrefix)),
+      )
+      .slice(0, 20)
+      .sort((a, b) => {
+        let aScore = 0
+        let bScore = 0
 
-      // Matches on screen name (i.e. user@instance) makes a priority
-      aScore += a.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
-      bScore += b.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
+        // Matches on screen name (i.e. user@instance) makes a priority
+        aScore += a.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
+        bScore += b.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
 
-      // Matches on name takes second priority
-      aScore += a.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
-      bScore += b.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
+        // Matches on name takes second priority
+        aScore += a.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
+        bScore += b.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
 
-      const diff = (bScore - aScore) * 10
+        const diff = (bScore - aScore) * 10
 
-      // Then sort alphabetically
-      const nameAlphabetically = a.name > b.name ? 1 : -1
-      const screenNameAlphabetically = a.screen_name > b.screen_name ? 1 : -1
+        // Then sort alphabetically
+        const nameAlphabetically = a.name > b.name ? 1 : -1
+        const screenNameAlphabetically = a.screen_name > b.screen_name ? 1 : -1
 
-      return diff + nameAlphabetically + screenNameAlphabetically
-    }).map((user) => ({
-      user,
-      displayText: user.screen_name_ui,
-      detailText: user.name,
-      imageUrl: user.profile_image_url_original,
-      replacement: '@' + user.screen_name + ' '
-    }))
+        return diff + nameAlphabetically + screenNameAlphabetically
+      })
+      .map((user) => ({
+        user,
+        displayText: user.screen_name_ui,
+        detailText: user.name,
+        imageUrl: user.profile_image_url_original,
+        replacement: '@' + user.screen_name + ' ',
+      }))
 
     suggestions = newSuggestions || []
     return suggestions
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 17a317a4d..1d19987ac 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,24 +1,30 @@
+import { chunk, debounce, trim } from 'lodash'
 import { defineAsyncComponent } from 'vue'
-import Checkbox from '../checkbox/checkbox.vue'
+
 import Popover from 'src/components/popover/popover.vue'
-import StillImage from '../still-image/still-image.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
+import Checkbox from '../checkbox/checkbox.vue'
+import StillImage from '../still-image/still-image.vue'
+
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faBoxOpen,
-  faStickyNote,
-  faSmileBeam,
-  faSmile,
-  faUser,
-  faPaw,
-  faIceCream,
-  faBus,
   faBasketballBall,
-  faLightbulb,
+  faBoxOpen,
+  faBus,
   faCode,
-  faFlag
+  faFlag,
+  faIceCream,
+  faLightbulb,
+  faPaw,
+  faSmile,
+  faSmileBeam,
+  faStickyNote,
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import { debounce, trim, chunk } from 'lodash'
 
 library.add(
   faBoxOpen,
@@ -32,7 +38,7 @@ library.add(
   faBasketballBall,
   faLightbulb,
   faCode,
-  faFlag
+  faFlag,
 )
 
 const UNICODE_EMOJI_GROUP_ICON = {
@@ -44,16 +50,16 @@ const UNICODE_EMOJI_GROUP_ICON = {
   activities: 'basketball-ball',
   objects: 'lightbulb',
   symbols: 'code',
-  flags: 'flag'
+  flags: 'flag',
 }
 
 const maybeLocalizedKeywords = (emoji, languages, nameLocalizer) => {
   const res = [emoji.displayText, nameLocalizer(emoji)]
   if (emoji.annotations) {
-    languages.forEach(lang => {
+    languages.forEach((lang) => {
       const keywords = emoji.annotations[lang]?.keywords || []
       const name = emoji.annotations[lang]?.name
-      res.push(...(keywords.concat([name]).filter(k => k)))
+      res.push(...keywords.concat([name]).filter((k) => k))
     })
   }
   return res
@@ -66,8 +72,8 @@ const filterByKeyword = (list, keyword = '', languages, nameLocalizer) => {
   const orderedEmojiList = []
   for (const emoji of list) {
     const indices = maybeLocalizedKeywords(emoji, languages, nameLocalizer)
-      .map(k => k.toLowerCase().indexOf(keywordLowercase))
-      .filter(k => k > -1)
+      .map((k) => k.toLowerCase().indexOf(keywordLowercase))
+      .filter((k) => k > -1)
 
     const indexOfKeyword = indices.length ? Math.min(...indices) : -1
 
@@ -84,11 +90,13 @@ const filterByKeyword = (list, keyword = '', languages, nameLocalizer) => {
 const getOffset = (elem) => {
   const style = elem.style.transform
   const res = /translateY\((\d+)px\)/.exec(style)
-  if (!res) { return 0 }
+  if (!res) {
+    return 0
+  }
   return res[1]
 }
 
-const toHeaderId = id => {
+const toHeaderId = (id) => {
   return id.replace(/^row-\d+-/, '')
 }
 
@@ -97,20 +105,20 @@ const EmojiPicker = {
     enableStickerPicker: {
       required: false,
       type: Boolean,
-      default: true
+      default: true,
     },
     hideCustomEmoji: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   inject: {
     popoversZLayer: {
-      default: ''
-    }
+      default: '',
+    },
   },
-  data () {
+  data() {
     return {
       keyword: '',
       activeGroup: 'custom',
@@ -125,28 +133,30 @@ const EmojiPicker = {
       emojiRefs: {},
       filteredEmojiGroups: [],
       emojiSize: 0,
-      width: 0
+      width: 0,
     }
   },
   components: {
-    StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')),
+    StickerPicker: defineAsyncComponent(
+      () => import('../sticker_picker/sticker_picker.vue'),
+    ),
     Checkbox,
     StillImage,
-    Popover
+    Popover,
   },
   methods: {
-    groupScroll (e) {
+    groupScroll(e) {
       e.currentTarget.scrollLeft += e.deltaY + e.deltaX
     },
-    updateEmojiSize () {
+    updateEmojiSize() {
       const css = window.getComputedStyle(this.$refs.popover.$el)
-      const fontSize = css.getPropertyValue('font-size') || '14px'
+      const fontSize = css.getPropertyValue('font-size') || '1rem'
       const emojiSize = css.getPropertyValue('--emojiSize') || '2.2rem'
 
-      const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '')
+      const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '').trim()
       const fontSizeValue = Number(fontSize.replace(/[^0-9,.]+/, ''))
 
-      const emojiSizeUnit = emojiSize.replace(/[0-9,.]+/, '')
+      const emojiSizeUnit = emojiSize.replace(/[0-9,.]+/, '').trim()
       const emojiSizeValue = Number(emojiSize.replace(/[^0-9,.]+/, ''))
 
       let fontSizeMultiplier
@@ -163,56 +173,68 @@ const EmojiPicker = {
         emojiSizeReal = emojiSizeValue
       }
 
-      const fullEmojiSize = emojiSizeReal + (2 * 0.2 * fontSizeMultiplier * 14)
+      const fullEmojiSize = emojiSizeReal + 2 * 0.2 * fontSizeMultiplier * 14
       this.emojiSize = fullEmojiSize
     },
-    showPicker () {
+    showPicker() {
       this.$refs.popover.showPopover()
       this.$nextTick(() => {
         this.onShowing()
       })
     },
-    hidePicker () {
+    hidePicker() {
       this.$refs.popover.hidePopover()
     },
-    setAnchorEl (el) {
+    setAnchorEl(el) {
       this.$refs.popover.setAnchorEl(el)
     },
-    setGroupRef (name) {
-      return el => { this.groupRefs[name] = el }
+    setGroupRef(name) {
+      return (el) => {
+        this.groupRefs[name] = el
+      }
     },
-    onPopoverShown () {
+    onPopoverShown() {
       this.$emit('show')
     },
-    onPopoverClosed () {
+    onPopoverClosed() {
       this.$emit('close')
     },
-    onStickerUploaded (e) {
+    onStickerUploaded(e) {
       this.$emit('sticker-uploaded', e)
     },
-    onStickerUploadFailed (e) {
+    onStickerUploadFailed(e) {
       this.$emit('sticker-upload-failed', e)
     },
-    onEmoji (emoji) {
-      const value = emoji.imageUrl ? `:${emoji.displayText}:` : emoji.replacement
+    onEmoji(emoji) {
+      const value = emoji.imageUrl
+        ? `:${emoji.displayText}:`
+        : emoji.replacement
       if (!this.keepOpen) {
         this.$refs.popover.hidePopover()
       }
-      this.$emit('emoji', { insertion: value, insertionUrl: emoji.imageUrl, keepOpen: this.keepOpen })
+      this.$emit('emoji', {
+        insertion: value,
+        insertionUrl: emoji.imageUrl,
+        keepOpen: this.keepOpen,
+      })
     },
-    onScroll (startIndex, endIndex, visibleStartIndex, visibleEndIndex) {
+    onScroll(startIndex, endIndex, visibleStartIndex, visibleEndIndex) {
       const target = this.$refs['emoji-groups'].$el
       this.scrolledGroup(target, visibleStartIndex, visibleEndIndex)
     },
-    scrolledGroup (target, start, end) {
+    scrolledGroup(target, start, end) {
       const top = target.scrollTop + 5
       this.$nextTick(() => {
-        this.emojiItems.slice(start, end + 1).forEach(group => {
+        this.emojiItems.slice(start, end + 1).forEach((group) => {
           const headerId = toHeaderId(group.id)
           const ref = this.groupRefs['group-' + group.id]
-          if (!ref) { return }
+          if (!ref) {
+            return
+          }
           const elem = ref.$el.parentElement
-          if (!elem) { return }
+          if (!elem) {
+            return
+          }
           if (elem && getOffset(elem) <= top) {
             this.activeGroup = headerId
           }
@@ -220,7 +242,7 @@ const EmojiPicker = {
         this.scrollHeader()
       })
     },
-    scrollHeader () {
+    scrollHeader() {
       // Scroll the active tab's header into view
       const headerRef = this.groupRefs['group-header-' + this.activeGroup]
       const left = headerRef.offsetLeft
@@ -228,7 +250,9 @@ const EmojiPicker = {
       const headerCont = this.$refs.header
       const currentScroll = headerCont.scrollLeft
       const currentScrollRight = currentScroll + headerCont.clientWidth
-      const setScroll = s => { headerCont.scrollLeft = s }
+      const setScroll = (s) => {
+        headerCont.scrollLeft = s
+      }
 
       const margin = 7 // .emoji-tabs-item: padding
       if (left - margin < currentScroll) {
@@ -237,12 +261,12 @@ const EmojiPicker = {
         setScroll(right + margin - headerCont.clientWidth)
       }
     },
-    highlight (groupId) {
+    highlight(groupId) {
       this.setShowStickers(false)
-      const indexInList = this.emojiItems.findIndex(k => k.id === groupId)
+      const indexInList = this.emojiItems.findIndex((k) => k.id === groupId)
       this.$refs['emoji-groups'].scrollToItem(indexInList)
     },
-    updateScrolledClass (target) {
+    updateScrolledClass(target) {
       if (target.scrollTop <= 5) {
         this.groupsScrolledClass = 'scrolled-top'
       } else if (target.scrollTop >= target.scrollTopMax - 5) {
@@ -251,16 +275,21 @@ const EmojiPicker = {
         this.groupsScrolledClass = 'scrolled-middle'
       }
     },
-    toggleStickers () {
+    toggleStickers() {
       this.showingStickers = !this.showingStickers
     },
-    setShowStickers (value) {
+    setShowStickers(value) {
       this.showingStickers = value
     },
-    filterByKeyword (list, keyword) {
-      return filterByKeyword(list, keyword, this.languages, this.maybeLocalizedEmojiName)
+    filterByKeyword(list, keyword) {
+      return filterByKeyword(
+        list,
+        keyword,
+        this.languages,
+        this.maybeLocalizedEmojiName,
+      )
     },
-    onShowing () {
+    onShowing() {
       const oldContentLoaded = this.contentLoaded
       this.updateEmojiSize()
       this.recalculateItemPerRow()
@@ -277,108 +306,111 @@ const EmojiPicker = {
         })
       }
     },
-    getFilteredEmojiGroups () {
+    getFilteredEmojiGroups() {
       return this.allEmojiGroups
-        .map(group => ({
+        .map((group) => ({
           ...group,
-          emojis: this.filterByKeyword(group.emojis, trim(this.keyword))
+          emojis: this.filterByKeyword(group.emojis, trim(this.keyword)),
         }))
-        .filter(group => group.emojis.length > 0)
+        .filter((group) => group.emojis.length > 0)
     },
-    recalculateItemPerRow () {
+    recalculateItemPerRow() {
       this.$nextTick(() => {
         if (!this.$refs['emoji-groups']) {
           return
         }
         this.width = this.$refs['emoji-groups'].$el.clientWidth
       })
-    }
+    },
   },
   watch: {
-    keyword () {
+    keyword() {
       this.onScroll()
       this.debouncedHandleKeywordChange()
     },
-    allCustomGroups () {
+    allCustomGroups() {
       this.filteredEmojiGroups = this.getFilteredEmojiGroups()
-    }
+    },
   },
   computed: {
-    minItemSize () {
+    minItemSize() {
       return this.emojiSize
     },
     // used to watch it
-    fontSize () {
+    fontSize() {
       this.$nextTick(() => {
         this.updateEmojiSize()
       })
-      return this.$store.getters.mergedConfig.fontSize
+      return useMergedConfigStore().mergedConfig.fontSize
     },
-    emojiHeight () {
+    emojiHeight() {
       return this.emojiSize
     },
-    itemPerRow () {
+    itemPerRow() {
       return this.width ? Math.floor(this.width / this.emojiSize) : 6
     },
-    activeGroupView () {
+    activeGroupView() {
       return this.showingStickers ? '' : this.activeGroup
     },
-    stickersAvailable () {
-      if (this.$store.state.instance.stickers) {
-        return this.$store.state.instance.stickers.length > 0
+    stickersAvailable() {
+      if (useEmojiStore().stickers) {
+        return useEmojiStore().stickers.length > 0
       }
       return 0
     },
-    allCustomGroups () {
+    allCustomGroups() {
       if (this.hideCustomEmoji || this.hideCustomEmojiInPicker) {
         return {}
       }
-      const emojis = this.$store.getters.groupedCustomEmojis
+      const emojis = useEmojiStore().groupedCustomEmojis
       if (emojis.unpacked) {
         emojis.unpacked.text = this.$t('emoji.unpacked')
       }
       return emojis
     },
-    defaultGroup () {
+    defaultGroup() {
       return Object.keys(this.allCustomGroups)[0]
     },
-    unicodeEmojiGroups () {
-      return this.$store.getters.standardEmojiGroupList.map(group => ({
+    unicodeEmojiGroups() {
+      return useEmojiStore().standardEmojiGroupList.map((group) => ({
         id: `standard-${group.id}`,
         text: this.$t(`emoji.unicode_groups.${group.id}`),
         icon: UNICODE_EMOJI_GROUP_ICON[group.id],
-        emojis: group.emojis
+        emojis: group.emojis,
       }))
     },
-    allEmojiGroups () {
+    allEmojiGroups() {
       return Object.entries(this.allCustomGroups)
         .map(([, v]) => v)
         .concat(this.unicodeEmojiGroups)
     },
-    stickerPickerEnabled () {
-      return (this.$store.state.instance.stickers || []).length !== 0
+    stickerPickerEnabled() {
+      return (useEmojiStore().stickers || []).length !== 0
     },
-    debouncedHandleKeywordChange () {
+    debouncedHandleKeywordChange() {
       return debounce(() => {
         this.filteredEmojiGroups = this.getFilteredEmojiGroups()
       }, 500)
     },
-    emojiItems () {
-      return this.filteredEmojiGroups.map(group =>
-        chunk(group.emojis, this.itemPerRow)
-          .map((items, index) => ({
+    emojiItems() {
+      return this.filteredEmojiGroups
+        .map((group) =>
+          chunk(group.emojis, this.itemPerRow).map((items, index) => ({
             ...group,
             id: index === 0 ? group.id : `row-${index}-${group.id}`,
             emojis: items,
-            isFirstRow: index === 0
-          })))
+            isFirstRow: index === 0,
+          })),
+        )
         .reduce((a, c) => a.concat(c), [])
     },
-    languages () {
-      return ensureFinalFallback(this.$store.getters.mergedConfig.interfaceLanguage)
+    languages() {
+      return ensureFinalFallback(
+        useMergedConfigStore().mergedConfig.interfaceLanguage,
+      )
     },
-    maybeLocalizedEmojiName () {
-      return emoji => {
+    maybeLocalizedEmojiName() {
+      return (emoji) => {
         if (!emoji.annotations) {
           return emoji.displayText
         }
@@ -396,10 +428,10 @@ const EmojiPicker = {
         return emoji.displayText
       }
     },
-    isInModal () {
+    isInModal() {
       return this.popoversZLayer === 'modals'
-    }
-  }
+    },
+  },
 }
 
 export default EmojiPicker
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss
index 05600c790..e318cdb40 100644
--- a/src/components/emoji_picker/emoji_picker.scss
+++ b/src/components/emoji_picker/emoji_picker.scss
@@ -154,10 +154,12 @@
       // Autoprefixed seem to ignore this one, and also syntax is different
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
       /* stylelint-enable declaration-property-value-no-unknown */
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
 
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index f5e1b68f6..e1a28a8f1 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,18 +1,13 @@
+import StillImage from 'src/components/still-image/still-image.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import StillImage from 'src/components/still-image/still-image.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPlus,
-  faMinus,
-  faCheck
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faPlus,
-  faMinus,
-  faCheck
-)
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faPlus, faMinus, faCheck)
 
 const EMOJI_REACTION_COUNT_CUTOFF = 12
 
@@ -21,57 +16,62 @@ const EmojiReactions = {
   components: {
     UserAvatar,
     UserListPopover,
-    StillImage
+    StillImage,
   },
   props: ['status'],
   data: () => ({
-    showAll: false
+    showAll: false,
   }),
   computed: {
-    tooManyReactions () {
+    tooManyReactions() {
       return this.status.emoji_reactions.length > EMOJI_REACTION_COUNT_CUTOFF
     },
-    emojiReactions () {
+    emojiReactions() {
       return this.showAll
         ? this.status.emoji_reactions
         : this.status.emoji_reactions.slice(0, EMOJI_REACTION_COUNT_CUTOFF)
     },
-    showMoreString () {
+    showMoreString() {
       return `+${this.status.emoji_reactions.length - EMOJI_REACTION_COUNT_CUTOFF}`
     },
-    accountsForEmoji () {
+    accountsForEmoji() {
       return this.status.emoji_reactions.reduce((acc, reaction) => {
         acc[reaction.name] = reaction.accounts || []
         return acc
       }, {})
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    remoteInteractionLink () {
-      return this.$store.getters.remoteInteractionLink({ statusId: this.status.id })
-    }
+    remoteInteractionLink() {
+      return useInstanceStore().getRemoteInteractionLink({
+        statusId: this.status.id,
+      })
+    },
   },
   methods: {
-    toggleShowAll () {
+    toggleShowAll() {
       this.showAll = !this.showAll
     },
-    reactedWith (emoji) {
-      return this.status.emoji_reactions.find(r => r.name === emoji).me
+    reactedWith(emoji) {
+      return this.status.emoji_reactions.find((r) => r.name === emoji).me
     },
-    async fetchEmojiReactionsByIfMissing () {
-      const hasNoAccounts = this.status.emoji_reactions.find(r => !r.accounts)
+    async fetchEmojiReactionsByIfMissing() {
+      const hasNoAccounts = this.status.emoji_reactions.find((r) => !r.accounts)
       if (hasNoAccounts) {
-        return await this.$store.dispatch('fetchEmojiReactionsBy', this.status.id)
+        return await this.$store.dispatch(
+          'fetchEmojiReactionsBy',
+          this.status.id,
+        )
       }
     },
-    reactWith (emoji) {
+    reactWith(emoji) {
       this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
     },
-    unreact (emoji) {
+    unreact(emoji) {
       this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
     },
-    async emojiOnClick (emoji) {
+    async emojiOnClick(emoji) {
       if (!this.loggedIn) return
 
       await this.fetchEmojiReactionsByIfMissing()
@@ -81,19 +81,23 @@ const EmojiReactions = {
         this.reactWith(emoji)
       }
     },
-    counterTriggerAttrs (reaction) {
+    counterTriggerAttrs(reaction) {
       return {
         class: [
           'emoji-reaction-count-button',
           {
             '-picked-reaction': this.reactedWith(reaction.name),
-            toggled: this.reactedWith(reaction.name)
-          }
+            toggled: this.reactedWith(reaction.name),
+          },
         ],
-        'aria-label': this.$t('status.reaction_count_label', { num: reaction.count }, reaction.count)
+        'aria-label': this.$t(
+          'status.reaction_count_label',
+          { num: reaction.count },
+          reaction.count,
+        ),
       }
-    }
-  }
+    },
+  },
 }
 
 export default EmojiReactions
diff --git a/src/components/exporter/exporter.js b/src/components/exporter/exporter.js
index fc75372e3..12213d9e3 100644
--- a/src/components/exporter/exporter.js
+++ b/src/components/exporter/exporter.js
@@ -1,45 +1,47 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const Exporter = {
   props: {
     getContent: {
       type: Function,
-      required: true
+      required: true,
     },
     filename: {
       type: String,
-      default: 'export.csv'
+      default: 'export.csv',
     },
     exportButtonLabel: { type: String },
-    processingMessage: { type: String }
+    processingMessage: { type: String },
   },
-  data () {
+  data() {
     return {
-      processing: false
+      processing: false,
     }
   },
   methods: {
-    process () {
+    process() {
       this.processing = true
-      this.getContent()
-        .then((content) => {
-          const fileToDownload = document.createElement('a')
-          fileToDownload.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(content))
-          fileToDownload.setAttribute('download', this.filename)
-          fileToDownload.style.display = 'none'
-          document.body.appendChild(fileToDownload)
-          fileToDownload.click()
-          document.body.removeChild(fileToDownload)
-          // Add delay before hiding processing state since browser takes some time to handle file download
-          setTimeout(() => { this.processing = false }, 2000)
-        })
-    }
-  }
+      this.getContent().then((content) => {
+        const fileToDownload = document.createElement('a')
+        fileToDownload.setAttribute(
+          'href',
+          'data:text/plain;charset=utf-8,' + encodeURIComponent(content),
+        )
+        fileToDownload.setAttribute('download', this.filename)
+        fileToDownload.style.display = 'none'
+        document.body.appendChild(fileToDownload)
+        fileToDownload.click()
+        document.body.removeChild(fileToDownload)
+        // Add delay before hiding processing state since browser takes some time to handle file download
+        setTimeout(() => {
+          this.processing = false
+        }, 2000)
+      })
+    },
+  },
 }
 
 export default Exporter
diff --git a/src/components/exporter/exporter.vue b/src/components/exporter/exporter.vue
index 79defdf6f..e36d9dd62 100644
--- a/src/components/exporter/exporter.vue
+++ b/src/components/exporter/exporter.vue
@@ -23,6 +23,9 @@
 
 <style lang="scss">
 .exporter {
+  display: flex;
+  flex-direction: column;
+
   &-processing {
     margin: 0.25em;
   }
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index 673b28662..31ca57aaa 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,55 +1,75 @@
-import { mapGetters } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
+import { mapGetters } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUserPlus,
+  faBullhorn,
   faComments,
-  faBullhorn
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
 
-import { useInterfaceStore } from 'src/stores/interface'
-
-library.add(
-  faUserPlus,
-  faComments,
-  faBullhorn
-)
+library.add(faUserPlus, faComments, faBullhorn)
 
 const ExtraNotifications = {
   computed: {
-    shouldShowChats () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showChatsInExtraNotifications && this.unreadChatCount
+    shouldShowChats() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showChatsInExtraNotifications &&
+        this.unreadChatCount
+      )
     },
-    shouldShowAnnouncements () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showAnnouncementsInExtraNotifications && this.unreadAnnouncementCount
+    shouldShowAnnouncements() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showAnnouncementsInExtraNotifications &&
+        this.unreadAnnouncementCount
+      )
     },
-    shouldShowFollowRequests () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showFollowRequestsInExtraNotifications && this.followRequestCount
+    shouldShowFollowRequests() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showFollowRequestsInExtraNotifications &&
+        this.followRequestCount
+      )
     },
-    hasAnythingToShow () {
-      return this.shouldShowChats || this.shouldShowAnnouncements || this.shouldShowFollowRequests
+    hasAnythingToShow() {
+      return (
+        this.shouldShowChats ||
+        this.shouldShowAnnouncements ||
+        this.shouldShowFollowRequests
+      )
     },
-    shouldShowCustomizationTip () {
-      return this.mergedConfig.showExtraNotificationsTip && this.hasAnythingToShow
+    shouldShowCustomizationTip() {
+      return (
+        this.mergedConfig.showExtraNotificationsTip && this.hasAnythingToShow
+      )
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    ...mapGetters(['unreadChatCount', 'followRequestCount', 'mergedConfig']),
+    ...mapGetters(['unreadChatCount', 'followRequestCount']),
     ...mapPiniaState(useAnnouncementsStore, {
-      unreadAnnouncementCount: 'unreadAnnouncementCount'
-    })
+      unreadAnnouncementCount: 'unreadAnnouncementCount',
+    }),
+    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
   },
   methods: {
-    openNotificationSettings () {
+    openNotificationSettings() {
       return useInterfaceStore().openSettingsModalTab('notifications')
     },
-    dismissConfigurationTip () {
-      return this.$store.dispatch('setOption', { name: 'showExtraNotificationsTip', value: false })
-    }
-  }
+    dismissConfigurationTip() {
+      return useSyncConfigStore().setSimplePrefAndSave({
+        path: 'showExtraNotificationsTip',
+        value: false,
+      })
+    },
+  },
 }
 
 export default ExtraNotifications
diff --git a/src/components/features_panel/features_panel.js b/src/components/features_panel/features_panel.js
index d177efebe..10deda250 100644
--- a/src/components/features_panel/features_panel.js
+++ b/src/components/features_panel/features_panel.js
@@ -1,16 +1,25 @@
+import { mapState } from 'pinia'
+
 import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
 const FeaturesPanel = {
   computed: {
-    shout: function () { return this.$store.state.instance.shoutAvailable },
-    pleromaChatMessages: function () { return this.$store.state.instance.pleromaChatMessagesAvailable },
-    gopher: function () { return this.$store.state.instance.gopherAvailable },
-    whoToFollow: function () { return this.$store.state.instance.suggestionsEnabled },
-    mediaProxy: function () { return this.$store.state.instance.mediaProxyAvailable },
-    minimalScopesMode: function () { return this.$store.state.instance.minimalScopesMode },
-    textlimit: function () { return this.$store.state.instance.textlimit },
-    uploadlimit: function () { return fileSizeFormatService.fileSizeFormat(this.$store.state.instance.uploadlimit) }
-  }
+    ...mapState(useInstanceCapabilitiesStore, [
+      'shoutAvailable',
+      'pleromaChatMessagesAvailable',
+      'gopherAvailable',
+      'suggestionsEnabled',
+      'mediaProxyAvailable',
+    ]),
+    ...mapState(useInstanceStore, {
+      textLimit: (store) => store.limits.textLimit,
+      uploadlimit: (store) =>
+        fileSizeFormatService.fileSizeFormat(store.limits.uploadlimit),
+    }),
+  },
 }
 
 export default FeaturesPanel
diff --git a/src/components/features_panel/features_panel.vue b/src/components/features_panel/features_panel.vue
index d91ef1eff..f15ad0edb 100644
--- a/src/components/features_panel/features_panel.vue
+++ b/src/components/features_panel/features_panel.vue
@@ -8,23 +8,23 @@
       </div>
       <div class="panel-body">
         <ul>
-          <li v-if="shout">
+          <li v-if="shoutAvailable">
             {{ $t('features_panel.shout') }}
           </li>
-          <li v-if="pleromaChatMessages">
+          <li v-if="pleromaChatMessagesAvailable">
             {{ $t('features_panel.pleroma_chat_messages') }}
           </li>
-          <li v-if="gopher">
+          <li v-if="gopherAvailable">
             {{ $t('features_panel.gopher') }}
           </li>
-          <li v-if="whoToFollow">
+          <li v-if="suggestionsEnabled">
             {{ $t('features_panel.who_to_follow') }}
           </li>
-          <li v-if="mediaProxy">
+          <li v-if="mediaProxyAvailable">
             {{ $t('features_panel.media_proxy') }}
           </li>
           <li>{{ $t('features_panel.scope_options') }}</li>
-          <li>{{ $t('features_panel.text_limit') }} = {{ textlimit }}</li>
+          <li>{{ $t('features_panel.text_limit') }} = {{ textLimit }}</li>
           <li>{{ $t('features_panel.upload_limit') }} = {{ uploadlimit.num }} {{ $t('upload.file_size_units.' + uploadlimit.unit) }}</li>
         </ul>
       </div>
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index 87c1d650c..3c25abea1 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -1,53 +1,54 @@
 import RuffleService from '../../services/ruffle_service/ruffle_service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faExclamationTriangle,
   faStop,
-  faExclamationTriangle
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faStop,
-  faExclamationTriangle
-)
+library.add(faStop, faExclamationTriangle)
 
 const Flash = {
   props: ['src'],
-  data () {
+  data() {
     return {
       player: false, // can be true, "hidden", false. hidden = element exists
       loaded: false,
-      ruffleInstance: null
+      ruffleInstance: null,
     }
   },
   methods: {
-    openPlayer () {
+    openPlayer() {
       if (this.player) return // prevent double-loading, or re-loading on failure
       this.player = 'hidden'
       RuffleService.getRuffle().then((ruffle) => {
         const player = ruffle.newest().createPlayer()
         player.config = {
-          letterbox: 'on'
+          letterbox: 'on',
         }
         const container = this.$refs.container
         container.appendChild(player)
         player.style.width = '100%'
         player.style.height = '100%'
-        player.load(this.src).then(() => {
-          this.player = true
-        }).catch((e) => {
-          console.error('Error loading ruffle', e)
-          this.player = 'error'
-        })
+        player
+          .load(this.src)
+          .then(() => {
+            this.player = true
+          })
+          .catch((e) => {
+            console.error('Error loading ruffle', e)
+            this.player = 'error'
+          })
         this.ruffleInstance = player
         this.$emit('playerOpened')
       })
     },
-    closePlayer () {
+    closePlayer() {
       this.ruffleInstance && this.ruffleInstance.remove()
       this.player = false
       this.$emit('playerClosed')
-    }
-  }
+    },
+  },
 }
 
 export default Flash
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 443aa9bcc..644f95f85 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -1,24 +1,29 @@
+import {
+  requestFollow,
+  requestUnfollow,
+} from '../../services/follow_manipulate/follow_manipulate'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { requestFollow, requestUnfollow } from '../../services/follow_manipulate/follow_manipulate'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 export default {
   props: ['relationship', 'user', 'labelFollowing', 'buttonClass'],
   components: {
-    ConfirmModal
+    ConfirmModal,
   },
-  data () {
+  data() {
     return {
       inProgress: false,
-      showingConfirmUnfollow: false
+      showingConfirmUnfollow: false,
     }
   },
   computed: {
-    shouldConfirmUnfollow () {
-      return this.$store.getters.mergedConfig.modalOnUnfollow
+    shouldConfirmUnfollow() {
+      return useMergedConfigStore().mergedConfig.modalOnUnfollow
     },
-    isPressed () {
+    isPressed() {
       return this.inProgress || this.relationship.following
     },
-    title () {
+    title() {
       if (this.inProgress || this.relationship.following) {
         return this.$t('user_card.follow_unfollow')
       } else if (this.relationship.requested) {
@@ -27,7 +32,7 @@ export default {
         return this.$t('user_card.follow')
       }
     },
-    label () {
+    label() {
       if (this.inProgress) {
         return this.$t('user_card.follow_progress')
       } else if (this.relationship.following) {
@@ -38,42 +43,47 @@ export default {
         return this.$t('user_card.follow')
       }
     },
-    disabled () {
+    disabled() {
       return this.inProgress || this.user.deactivated
-    }
+    },
   },
   methods: {
-    showConfirmUnfollow () {
+    showConfirmUnfollow() {
       this.showingConfirmUnfollow = true
     },
-    hideConfirmUnfollow () {
+    hideConfirmUnfollow() {
       this.showingConfirmUnfollow = false
     },
-    onClick () {
-      this.relationship.following || this.relationship.requested ? this.unfollow() : this.follow()
+    onClick() {
+      this.relationship.following || this.relationship.requested
+        ? this.unfollow()
+        : this.follow()
     },
-    follow () {
+    follow() {
       this.inProgress = true
       requestFollow(this.relationship.id, this.$store).then(() => {
         this.inProgress = false
       })
     },
-    unfollow () {
+    unfollow() {
       if (this.shouldConfirmUnfollow) {
         this.showConfirmUnfollow()
       } else {
         this.doUnfollow()
       }
     },
-    doUnfollow () {
+    doUnfollow() {
       const store = this.$store
       this.inProgress = true
       requestUnfollow(this.relationship.id, store).then(() => {
         this.inProgress = false
-        store.commit('removeStatus', { timeline: 'friends', userId: this.relationship.id })
+        store.commit('removeStatus', {
+          timeline: 'friends',
+          userId: this.relationship.id,
+        })
       })
 
       this.hideConfirmUnfollow()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index b26b27a74..e4c84dcdd 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -1,30 +1,27 @@
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
 import FollowButton from '../follow_button/follow_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
 import RemoveFollowerButton from '../remove_follower_button/remove_follower_button.vue'
 
 const FollowCard = {
-  props: [
-    'user',
-    'noFollowsYou'
-  ],
+  props: ['user', 'noFollowsYou'],
   components: {
     BasicUserCard,
     RemoteFollow,
     FollowButton,
-    RemoveFollowerButton
+    RemoveFollowerButton,
   },
   computed: {
-    isMe () {
+    isMe() {
       return this.$store.state.users.currentUser.id === this.user.id
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.user.id)
-    }
-  }
+    },
+  },
 }
 
 export default FollowCard
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index b0873bb10..a6ffcd28b 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -1,46 +1,50 @@
+import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const FollowRequestCard = {
   props: ['user'],
   components: {
     BasicUserCard,
-    ConfirmModal
+    ConfirmModal,
   },
-  data () {
+  data() {
     return {
       showingApproveConfirmDialog: false,
-      showingDenyConfirmDialog: false
+      showingDenyConfirmDialog: false,
     }
   },
   methods: {
-    findFollowRequestNotificationId () {
+    findFollowRequestNotificationId() {
       const notif = notificationsFromStore(this.$store).find(
-        (notif) => notif.from_profile.id === this.user.id && notif.type === 'follow_request'
+        (notif) =>
+          notif.from_profile.id === this.user.id &&
+          notif.type === 'follow_request',
       )
       return notif && notif.id
     },
-    showApproveConfirmDialog () {
+    showApproveConfirmDialog() {
       this.showingApproveConfirmDialog = true
     },
-    hideApproveConfirmDialog () {
+    hideApproveConfirmDialog() {
       this.showingApproveConfirmDialog = false
     },
-    showDenyConfirmDialog () {
+    showDenyConfirmDialog() {
       this.showingDenyConfirmDialog = true
     },
-    hideDenyConfirmDialog () {
+    hideDenyConfirmDialog() {
       this.showingDenyConfirmDialog = false
     },
-    approveUser () {
+    approveUser() {
       if (this.shouldConfirmApprove) {
         this.showApproveConfirmDialog()
       } else {
         this.doApprove()
       }
     },
-    doApprove () {
+    doApprove() {
       this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
       this.$store.dispatch('removeFollowRequest', this.user)
 
@@ -48,40 +52,41 @@ const FollowRequestCard = {
       this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
       this.$store.dispatch('updateNotification', {
         id: notifId,
-        updater: notification => {
+        updater: (notification) => {
           notification.type = 'follow'
-        }
+        },
       })
       this.hideApproveConfirmDialog()
     },
-    denyUser () {
+    denyUser() {
       if (this.shouldConfirmDeny) {
         this.showDenyConfirmDialog()
       } else {
         this.doDeny()
       }
     },
-    doDeny () {
+    doDeny() {
       const notifId = this.findFollowRequestNotificationId()
-      this.$store.state.api.backendInteractor.denyUser({ id: this.user.id })
+      this.$store.state.api.backendInteractor
+        .denyUser({ id: this.user.id })
         .then(() => {
           this.$store.dispatch('dismissNotificationLocal', { id: notifId })
           this.$store.dispatch('removeFollowRequest', this.user)
         })
       this.hideDenyConfirmDialog()
-    }
+    },
   },
   computed: {
-    mergedConfig () {
-      return this.$store.getters.mergedConfig
+    mergedConfig() {
+      return useMergedConfigStore().mergedConfig
     },
-    shouldConfirmApprove () {
+    shouldConfirmApprove() {
       return this.mergedConfig.modalOnApproveFollow
     },
-    shouldConfirmDeny () {
+    shouldConfirmDeny() {
       return this.mergedConfig.modalOnDenyFollow
-    }
-  }
+    },
+  },
 }
 
 export default FollowRequestCard
diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 704a76c66..7dbecee53 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -2,13 +2,13 @@ import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
 
 const FollowRequests = {
   components: {
-    FollowRequestCard
+    FollowRequestCard,
   },
   computed: {
-    requests () {
+    requests() {
       return this.$store.state.api.followRequests
-    }
-  }
+    },
+  },
 }
 
 export default FollowRequests
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index ffc866788..a66e1b88c 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,35 +1,33 @@
-import Select from '../select/select.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
+import LocalSettingIndicator from 'src/components/settings_modal/helpers/local_setting_indicator.vue'
+import Select from '../select/select.vue'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
+  faFont,
   faKeyboard,
-  faFont
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faExclamationTriangle,
-  faKeyboard,
-  faFont
-)
+library.add(faExclamationTriangle, faKeyboard, faFont)
 
 export default {
   components: {
     Select,
     Checkbox,
-    Popover
+    Popover,
+    LocalSettingIndicator,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'options', 'no-inherit'
-  ],
-  mounted () {
+  props: ['name', 'label', 'modelValue', 'fallback', 'options', 'no-inherit'],
+  mounted() {
     useInterfaceStore().queryLocalFonts()
   },
   emits: ['update:modelValue'],
-  data () {
+  data() {
+    console.log(this.fallback)
     return {
       manualEntry: false,
       availableOptions: [
@@ -37,24 +35,24 @@ export default {
         'serif',
         'sans-serif',
         'monospace',
-        ...(this.options || [])
-      ].filter(_ => _)
+        ...(this.options || []),
+      ].filter((_) => _),
     }
   },
   methods: {
-    toggleManualEntry () {
+    toggleManualEntry() {
       this.manualEntry = !this.manualEntry
-    }
+    },
   },
   computed: {
-    present () {
-      return typeof this.modelValue !== 'undefined'
+    present() {
+      return this.modelValue != null
     },
-    localFontsList () {
+    localFontsList() {
       return useInterfaceStore().localFonts
     },
-    localFontsSize () {
+    localFontsSize() {
       return useInterfaceStore().localFonts?.length
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index 5f4ed105c..62f8d052d 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,25 +1,30 @@
 <template>
   <div class="font-control">
-    <label
-      :id="name + '-label'"
-      :for="manualEntry ? name : name + '-font-switcher'"
-      class="label"
-    >
-      {{ $t('settings.style.themes3.font.label', { label }) }}
-    </label>
+    <div class="setting-item">
+      <Checkbox
+        v-if="typeof fallback !== 'undefined'"
+        :id="name + '-o'"
+        class="font-checkbox setting-control setting-label"
+        :model-value="present"
+        @change="$emit('update:modelValue', modelValue == null ? fallback : null)"
+      >
+        <LocalSettingIndicator />
+        {{ ' ' }}
+        <i18n-t
+          scope="global"
+          keypath="settings.style.fonts.override"
+          tag="span"
+        >
+          <span>
+            {{ label }}
+          </span>
+        </i18n-t>
+      </Checkbox>
+    </div>
     {{ ' ' }}
-    <Checkbox
-      v-if="typeof fallback !== 'undefined'"
-      :id="name + '-o'"
-      class="font-checkbox"
-      :model-value="present"
-      @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
-    >
-      {{ $t('settings.style.themes3.define') }}
-    </Checkbox>
     <div
       v-if="modelValue?.family"
-      class="font-input"
+      class="font-input setting-item"
     >
       <label
         v-if="manualEntry"
@@ -70,7 +75,7 @@
       </span>
       <span
         v-else
-        class="btn-group"
+        class="font-selector btn-group"
       >
         <button
           class="btn button-default"
@@ -133,22 +138,6 @@
 <script src="./font_control.js"></script>
 
 <style lang="scss">
-.font-control {
-  .custom-font {
-    min-width: 20em;
-    max-width: 20em;
-  }
-
-  .font-input {
-    margin-left: 2em;
-    margin-top: 0.5em;
-  }
-
-  .font-checkbox {
-    margin-left: 1em;
-  }
-}
-
 .invalid-tooltip {
   margin: 0.5em 1em;
   min-width: 10em;
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
index 948b23a49..c0c032a8f 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,11 +1,14 @@
 import Timeline from '../timeline/timeline.vue'
+
 const FriendsTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.friends }
-  }
+    timeline() {
+      return this.$store.state.statuses.timelines.friends
+    },
+  },
 }
 
 export default FriendsTimeline
diff --git a/src/components/fun_text.style.js b/src/components/fun_text.style.js
index 2d3ac1549..eff88feb7 100644
--- a/src/components/fun_text.style.js
+++ b/src/components/fun_text.style.js
@@ -4,37 +4,37 @@ export default {
   virtual: true,
   variants: {
     greentext: '.greentext',
-    cyantext: '.cyantext'
+    cyantext: '.cyantext',
   },
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       directives: {
         textColor: '--text',
-        textAuto: 'preserve'
-      }
+        textAuto: 'preserve',
+      },
     },
     {
       state: ['faint'],
       directives: {
-        textOpacity: 0.5
-      }
+        textOpacity: 0.5,
+      },
     },
     {
       variant: 'greentext',
       directives: {
         textColor: '--cGreen',
-        textAuto: 'preserve'
-      }
+        textAuto: 'preserve',
+      },
     },
     {
       variant: 'cyantext',
       directives: {
         textColor: '--cBlue',
-        textAuto: 'preserve'
-      }
-    }
-  ]
+        textAuto: 'preserve',
+      },
+    },
+  ],
 }
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 676c830b0..fafb66dbd 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,6 +1,10 @@
-import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { set, sumBy } from 'lodash'
+
 import Attachment from '../attachment/attachment.vue'
-import { sumBy, set } from 'lodash'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+
+const displayTypes = new Set(['image', 'video', 'flash'])
 
 const Gallery = {
   props: [
@@ -17,52 +21,65 @@ const Gallery = {
     'shiftUpAttachment',
     'shiftDnAttachment',
     'editAttachment',
-    'grid'
+    'grid',
   ],
-  data () {
+  data() {
     return {
       sizes: {},
-      hidingLong: true
+      hidingLong: true,
     }
   },
   components: { Attachment },
   computed: {
-    rows () {
+    rows() {
       if (!this.attachments) {
         return []
       }
-      const attachments = this.limit > 0
-        ? this.attachments.slice(0, this.limit)
-        : this.attachments
+      const attachments =
+        this.limit > 0
+          ? this.attachments.slice(0, this.limit)
+          : this.attachments
       if (this.size === 'hide') {
-        return attachments.map(item => ({ minimal: true, items: [item] }))
+        return attachments.map((item) => ({ minimal: true, items: [item] }))
       }
       const rows = this.grid
         ? [{ grid: true, items: attachments }]
-        : attachments.reduce((acc, attachment, i) => {
-          if (attachment.mimetype.includes('audio')) {
-            return [...acc, { audio: true, items: [attachment] }, { items: [] }]
-          }
-          if (!(
-            attachment.mimetype.includes('image') ||
-              attachment.mimetype.includes('video') ||
-              attachment.mimetype.includes('flash')
-          )) {
-            return [...acc, { minimal: true, items: [attachment] }, { items: [] }]
-          }
-          const maxPerRow = 3
-          const attachmentsRemaining = this.attachments.length - i + 1
-          const currentRow = acc[acc.length - 1].items
-          currentRow.push(attachment)
-          if (currentRow.length >= maxPerRow && attachmentsRemaining > maxPerRow) {
-            return [...acc, { items: [] }]
-          } else {
-            return acc
-          }
-        }, [{ items: [] }]).filter(_ => _.items.length > 0)
+        : attachments
+            .reduce(
+              (acc, attachment, i) => {
+                if (attachment.type === 'audio') {
+                  return [
+                    ...acc,
+                    { audio: true, items: [attachment] },
+                    { items: [] },
+                  ]
+                }
+                if (!displayTypes.has(attachment.type)) {
+                  return [
+                    ...acc,
+                    { minimal: true, items: [attachment] },
+                    { items: [] },
+                  ]
+                }
+                const maxPerRow = 3
+                const attachmentsRemaining = this.attachments.length - i + 1
+                const currentRow = acc[acc.length - 1].items
+                currentRow.push(attachment)
+                if (
+                  currentRow.length >= maxPerRow &&
+                  attachmentsRemaining > maxPerRow
+                ) {
+                  return [...acc, { items: [] }]
+                } else {
+                  return acc
+                }
+              },
+              [{ items: [] }],
+            )
+            .filter((_) => _.items.length > 0)
       return rows
     },
-    attachmentsDimensionalScore () {
+    attachmentsDimensionalScore() {
       return this.rows.reduce((acc, row) => {
         let size = 0
         if (row.minimal) {
@@ -75,7 +92,7 @@ const Gallery = {
         return acc + size
       }, 0)
     },
-    tooManyAttachments () {
+    tooManyAttachments() {
       if (this.editable || this.size === 'small') {
         return false
       } else if (this.size === 'hide') {
@@ -83,38 +100,38 @@ const Gallery = {
       } else {
         return this.attachmentsDimensionalScore > 1
       }
-    }
+    },
   },
   methods: {
-    onNaturalSizeLoad ({ id, width, height }) {
+    onNaturalSizeLoad({ id, width, height }) {
       set(this.sizes, id, { width, height })
     },
-    rowStyle (row) {
+    rowStyle(row) {
       if (row.audio) {
         return { 'padding-bottom': '25%' } // fixed reduced height for audio
       } else if (!row.minimal && !row.grid) {
-        return { 'padding-bottom': `${(100 / (row.items.length + 0.6))}%` }
+        return { 'padding-bottom': `${100 / (row.items.length + 0.6)}%` }
       }
     },
-    itemStyle (id, row) {
-      const total = sumBy(row, item => this.getAspectRatio(item.id))
+    itemStyle(id, row) {
+      const total = sumBy(row, (item) => this.getAspectRatio(item.id))
       return { flex: `${this.getAspectRatio(id) / total} 1 0%` }
     },
-    getAspectRatio (id) {
+    getAspectRatio(id) {
       const size = this.sizes[id]
       return size ? size.width / size.height : 1
     },
-    toggleHidingLong (event) {
+    toggleHidingLong(event) {
       this.hidingLong = event
     },
-    openGallery () {
+    openGallery() {
       useMediaViewerStore().setMedia(this.attachments)
       useMediaViewerStore().setCurrentMedia(this.attachments[0])
     },
-    onMedia () {
+    onMedia() {
       useMediaViewerStore().setMedia(this.attachments)
-    }
-  }
+    },
+  },
 }
 
 export default Gallery
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 6043e64e9..eb1054df6 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -129,7 +129,7 @@
 
         .gallery-item {
           margin: 0;
-          height: 200px;
+          height: 15em;
         }
       }
     }
@@ -159,9 +159,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/global_notice_list/global_notice_list.js b/src/components/global_notice_list/global_notice_list.js
index cf14d1a07..f3a7eee42 100644
--- a/src/components/global_notice_list/global_notice_list.js
+++ b/src/components/global_notice_list/global_notice_list.js
@@ -1,24 +1,21 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
-library.add(
-  faTimes
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes)
 
 const GlobalNoticeList = {
   computed: {
-    notices () {
+    notices() {
       return useInterfaceStore().globalNotices
-    }
+    },
   },
   methods: {
-    closeNotice (notice) {
+    closeNotice(notice) {
       useInterfaceStore().removeGlobalNotice(notice)
-    }
-  }
+    },
+  },
 }
 
 export default GlobalNoticeList
diff --git a/src/components/hashtag_link/hashtag_link.js b/src/components/hashtag_link/hashtag_link.js
index a2433c2ab..09cfaf199 100644
--- a/src/components/hashtag_link/hashtag_link.js
+++ b/src/components/hashtag_link/hashtag_link.js
@@ -5,20 +5,20 @@ const HashtagLink = {
   props: {
     url: {
       required: true,
-      type: String
+      type: String,
     },
     content: {
       required: true,
-      type: String
+      type: String,
     },
     tag: {
       required: false,
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   methods: {
-    onClick () {
+    onClick() {
       const tag = this.tag || extractTagFromUrl(this.url)
       if (tag) {
         const link = this.generateTagLink(tag)
@@ -27,10 +27,10 @@ const HashtagLink = {
         window.open(this.url, '_blank')
       }
     },
-    generateTagLink (tag) {
+    generateTagLink(tag) {
       return `/tag/${tag}`
-    }
-  }
+    },
+  },
 }
 
 export default HashtagLink
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
index 4d30f389b..b13485c1b 100644
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@@ -7,8 +7,8 @@ export default {
       component: 'Icon',
       directives: {
         textColor: '$blend(--stack 0.5 --parent--text)',
-        textAuto: 'no-auto'
-      }
-    }
-  ]
+        textAuto: 'no-auto',
+      },
+    },
+  ],
 }
diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 3cb4f6fd1..c8529c8e6 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -1,85 +1,54 @@
 import 'cropperjs' // This adds all of the cropperjs's components into DOM
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch)
 
 const ImageCropper = {
   props: {
-    trigger: {
-      type: [String, window.Element],
-      required: true
-    },
-    submitHandler: {
-      type: Function,
-      required: true
-    },
+    // Mime-types to accept, i.e. which filetypes to accept (.gif, .png, etc.)
     mimes: {
       type: String,
-      default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'
+      default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon',
     },
-    saveButtonLabel: {
-      type: String
+    // Fixed aspect-ratio for selection box
+    aspectRatio: {
+      type: Number,
     },
-    saveWithoutCroppingButtonlabel: {
-      type: String
-    },
-    cancelButtonLabel: {
-      type: String
-    }
   },
-  data () {
+  data() {
     return {
       dataUrl: undefined,
       filename: undefined,
-      submitting: false
-    }
-  },
-  computed: {
-    saveText () {
-      return this.saveButtonLabel || this.$t('image_cropper.save')
-    },
-    saveWithoutCroppingText () {
-      return this.saveWithoutCroppingButtonlabel || this.$t('image_cropper.save_without_cropping')
-    },
-    cancelText () {
-      return this.cancelButtonLabel || this.$t('image_cropper.cancel')
     }
   },
+  emits: [
+    'submit', // cropping complete or uncropped image returned
+    'close', // cropper is closed
+  ],
   methods: {
-    destroy () {
+    destroy() {
       this.$refs.input.value = ''
       this.dataUrl = undefined
       this.$emit('close')
     },
-    submit (cropping = true) {
-      this.submitting = true
-
+    submit(cropping = true) {
       let cropperPromise
       if (cropping) {
         cropperPromise = this.$refs.cropperSelection.$toCanvas()
       } else {
         cropperPromise = Promise.resolve()
       }
-      cropperPromise.then(canvas => {
-        this.submitHandler(canvas, this.file)
-            .then(() => this.destroy())
-            .finally(() => {
-              this.submitting = false
-            })
+
+      cropperPromise.then((canvas) => {
+        this.$emit('submit', { canvas, file: this.file })
       })
     },
-    pickImage () {
+    pickImage() {
       this.$refs.input.click()
     },
-    getTriggerDOM () {
-      return typeof this.trigger === 'object' ? this.trigger : document.querySelector(this.trigger)
-    },
-    readFile () {
+    readFile() {
       const fileInput = this.$refs.input
       if (fileInput.files != null && fileInput.files[0] != null) {
         this.file = fileInput.files[0]
@@ -94,10 +63,10 @@ const ImageCropper = {
     },
     inSelection(selection, maxSelection) {
       return (
-        selection.x >= maxSelection.x
-        && selection.y >= maxSelection.y
-        && (selection.x + selection.width) <= (maxSelection.x + maxSelection.width)
-        && (selection.y + selection.height) <= (maxSelection.y + maxSelection.height)
+        selection.x >= maxSelection.x &&
+        selection.y >= maxSelection.y &&
+        selection.x + selection.width <= maxSelection.x + maxSelection.width &&
+        selection.y + selection.height <= maxSelection.y + maxSelection.height
       )
     },
     onCropperSelectionChange(event) {
@@ -112,31 +81,19 @@ const ImageCropper = {
       }
 
       if (!this.inSelection(selection, maxSelection)) {
-        event.preventDefault();
+        event.preventDefault()
       }
-    }
+    },
   },
-  mounted () {
-    // listen for click event on trigger
-    const trigger = this.getTriggerDOM()
-    if (!trigger) {
-      this.$emit('error', 'No image make trigger found.', 'user')
-    } else {
-      trigger.addEventListener('click', this.pickImage)
-    }
+  mounted() {
     // listen for input file changes
     const fileInput = this.$refs.input
     fileInput.addEventListener('change', this.readFile)
   },
   beforeUnmount: function () {
-    // remove the event listeners
-    const trigger = this.getTriggerDOM()
-    if (trigger) {
-      trigger.removeEventListener('click', this.pickImage)
-    }
     const fileInput = this.$refs.input
     fileInput.removeEventListener('change', this.readFile)
-  }
+  },
 }
 
 export default ImageCropper
diff --git a/src/components/image_cropper/image_cropper.vue b/src/components/image_cropper/image_cropper.vue
index 0122d1216..ee487b09c 100644
--- a/src/components/image_cropper/image_cropper.vue
+++ b/src/components/image_cropper/image_cropper.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="image-cropper">
-    <div v-if="dataUrl">
+    <div class="image">
       <cropper-canvas
         ref="cropperCanvas"
         background
         class="image-cropper-canvas"
-        height="25em"
+        height="100%"
       >
         <cropper-image
+          v-if="dataUrl"
           ref="cropperImage"
           :src="dataUrl"
           alt="Picture"
@@ -22,8 +23,8 @@
         />
         <cropper-selection
           ref="cropperSelection"
-          initial-coverage="1"
-          aspect-ratio="1"
+          initial-coverage="0.9"
+          :aspect-ratio="aspectRatio"
           movable
           resizable
           @change="onCropperSelectionChange"
@@ -47,34 +48,6 @@
           <cropper-handle action="sw-resize" />
         </cropper-selection>
       </cropper-canvas>
-      <div class="image-cropper-buttons-wrapper">
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="submit()"
-          v-text="saveText"
-        />
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="destroy"
-          v-text="cancelText"
-        />
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="submit(false)"
-          v-text="saveWithoutCroppingText"
-        />
-        <FAIcon
-          v-if="submitting"
-          spin
-          icon="circle-notch"
-        />
-      </div>
     </div>
     <input
       ref="input"
@@ -89,13 +62,15 @@
 
 <style lang="scss">
 .image-cropper {
-  &-img-input {
-    display: none;
+  display: flex;
+  flex-direction: column;
+
+  &-canvas, .image {
+    height: 100%;
   }
 
-  &-canvas {
-    height: 25em;
-    width: 25em;
+  & &-img-input {
+    display: none;
   }
 
   &-buttons-wrapper {
diff --git a/src/components/importer/importer.js b/src/components/importer/importer.js
index da86a223c..0403cc944 100644
--- a/src/components/importer/importer.js
+++ b/src/components/importer/importer.js
@@ -1,49 +1,49 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch,
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch,
-  faTimes
-)
+library.add(faCircleNotch, faTimes)
 
 const Importer = {
   props: {
     submitHandler: {
       type: Function,
-      required: true
+      required: true,
     },
     submitButtonLabel: { type: String },
     successMessage: { type: String },
-    errorMessage: { type: String }
+    errorMessage: { type: String },
   },
-  data () {
+  data() {
     return {
       file: null,
       error: false,
       success: false,
-      submitting: false
+      submitting: false,
     }
   },
   methods: {
-    change () {
+    change() {
       this.file = this.$refs.input.files[0]
     },
-    submit () {
+    submit() {
       this.dismiss()
       this.submitting = true
       this.submitHandler(this.file)
-        .then(() => { this.success = true })
-        .catch(() => { this.error = true })
-        .finally(() => { this.submitting = false })
+        .then(() => {
+          this.success = true
+        })
+        .catch(() => {
+          this.error = true
+        })
+        .finally(() => {
+          this.submitting = false
+        })
     },
-    dismiss () {
+    dismiss() {
       this.success = false
       this.error = false
-    }
-  }
+    },
+  },
 }
 
 export default Importer
diff --git a/src/components/importer/importer.vue b/src/components/importer/importer.vue
index 12779b457..0259ca70e 100644
--- a/src/components/importer/importer.vue
+++ b/src/components/importer/importer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="importer">
+  <div class="importer btn-group">
     <form>
       <input
         ref="input"
@@ -19,7 +19,7 @@
       class="btn button-default"
       @click="submit"
     >
-      {{ submitButtonLabel || $t('importer.submit') }}
+      {{ submitButtonLabel || $t('importer.import') }}
     </button>
     <div v-if="success">
       <button
diff --git a/src/components/input.style.js b/src/components/input.style.js
index 00f51cbf6..2663392fb 100644
--- a/src/components/input.style.js
+++ b/src/components/input.style.js
@@ -4,91 +4,96 @@ export default {
   states: {
     hover: ':is(:hover, :focus-visible):not(.disabled)',
     focused: ':focus-within',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
   variants: {
     checkbox: '.-checkbox',
-    radio: '.-radio'
+    radio: '.-radio',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   defaultRules: [
     {
       component: 'Root',
       directives: {
-        '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15, 1 0 1 1 --text / 0.15, -1 0 1 1 --text / 0.15',
+        '--defaultInputBevel':
+          'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15, 1 0 1 1 --text / 0.15, -1 0 1 1 --text / 0.15',
         '--defaultInputHoverGlow': 'shadow | 0 0 4 --text / 0.5',
-        '--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5'
-      }
+        '--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5',
+      },
     },
     {
       variant: 'checkbox',
       directives: {
-        roundness: 1
-      }
+        roundness: 1,
+      },
     },
     {
       directives: {
         '--font': 'generic | inherit',
         background: '--fg, -5',
         roundness: 3,
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 2,
-          spread: 0,
-          color: '#000000',
-          alpha: 1
-        }, '--defaultInputBevel']
-      }
+        shadow: [
+          {
+            x: 0,
+            y: 0,
+            blur: 2,
+            spread: 0,
+            color: '#000000',
+            alpha: 1,
+          },
+          '--defaultInputBevel',
+        ],
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--defaultInputHoverGlow', '--defaultInputBevel']
-      }
+        shadow: ['--defaultInputHoverGlow', '--defaultInputBevel'],
+      },
     },
     {
       state: ['focused'],
       directives: {
-        shadow: ['--defaultInputFocusGlow', '--defaultInputBevel']
-      }
+        shadow: ['--defaultInputFocusGlow', '--defaultInputBevel'],
+      },
     },
     {
       state: ['focused', 'hover'],
       directives: {
-        shadow: ['--defaultInputFocusGlow', '--defaultInputHoverGlow', '--defaultInputBevel']
-      }
+        shadow: [
+          '--defaultInputFocusGlow',
+          '--defaultInputHoverGlow',
+          '--defaultInputBevel',
+        ],
+      },
     },
     {
       state: ['disabled'],
       directives: {
-        background: '--parent'
-      }
+        background: '--parent',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Input',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Input',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/instance_specific_panel/instance_specific_panel.js b/src/components/instance_specific_panel/instance_specific_panel.js
index 09e3d0557..1ab0eec61 100644
--- a/src/components/instance_specific_panel/instance_specific_panel.js
+++ b/src/components/instance_specific_panel/instance_specific_panel.js
@@ -1,9 +1,11 @@
+import { useInstanceStore } from 'src/stores/instance.js'
+
 const InstanceSpecificPanel = {
   computed: {
-    instanceSpecificPanelContent () {
-      return this.$store.state.instance.instanceSpecificPanelContent
-    }
-  }
+    instanceSpecificPanelContent() {
+      return useInstanceStore().instanceIdentity.instanceSpecificPanelContent
+    },
+  },
 }
 
 export default InstanceSpecificPanel
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index fc441b908..87e9e1b87 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
-import Notifications from '../notifications/notifications.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Notifications from '../notifications/notifications.vue'
 
 const tabModeDict = {
   mentions: ['mention'],
@@ -8,26 +8,29 @@ const tabModeDict = {
   follows: ['follow'],
   reactions: ['pleroma:emoji_reaction'],
   reports: ['pleroma:report'],
-  moves: ['move']
+  moves: ['move'],
 }
 
 const Interactions = {
-  data () {
+  data() {
     return {
-      allowFollowingMove: this.$store.state.users.currentUser.allow_following_move,
+      allowFollowingMove:
+        this.$store.state.users.currentUser.allow_following_move,
       filterMode: tabModeDict.mentions,
-      canSeeReports: this.$store.state.users.currentUser.privileges.includes('reports_manage_reports')
+      canSeeReports: this.$store.state.users.currentUser.privileges.includes(
+        'reports_manage_reports',
+      ),
     }
   },
   methods: {
-    onModeSwitch (key) {
+    onModeSwitch(key) {
       this.filterMode = tabModeDict[key]
-    }
+    },
   },
   components: {
     Notifications,
-    TabSwitcher
-  }
+    TabSwitcher,
+  },
 }
 
 export default Interactions
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
new file mode 100644
index 000000000..becf5677f
--- /dev/null
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -0,0 +1,61 @@
+import { v4 as uuidv4 } from 'uuid'
+
+import localeService from '../../services/locale/locale.service.js'
+import Select from '../select/select.vue'
+
+export default {
+  components: {
+    Select,
+  },
+  props: {
+    // List of languages (or just one language)
+    modelValue: {
+      type: [Array, String],
+      required: true,
+    },
+    // Is this setting stored in user profile (true) or elsewhere (false)
+    // Doesn't affect storage, just shows an icon if true
+    profile: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    languages() {
+      return localeService.languages
+    },
+    uniqueId() {
+      return uuidv4()
+    },
+    controlledLanguage: {
+      get: function () {
+        return Array.isArray(this.modelValue)
+          ? this.modelValue
+          : [this.modelValue]
+      },
+      set: function (val) {
+        this.$emit('update:modelValue', val)
+      },
+    },
+  },
+
+  methods: {
+    getLanguageName(code) {
+      return localeService.getLanguageName(code)
+    },
+    addLanguage() {
+      this.controlledLanguage = [...this.controlledLanguage, '']
+    },
+    setLanguageAt(index, val) {
+      const lang = [...this.controlledLanguage]
+      lang[index] = val
+      this.controlledLanguage = lang
+    },
+    removeLanguageAt(index) {
+      const lang = [...this.controlledLanguage]
+      lang.splice(index, 1)
+      this.controlledLanguage = lang
+    },
+  },
+}
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index ad11589b0..a547b98a5 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -1,29 +1,32 @@
 <template>
-  <div class="interface-language-switcher">
-    <label>
-      {{ promptText }}
-    </label>
-    <ul class="setting-list">
-      <li
-        v-for="index of controlledLanguage.keys()"
-        :key="index"
+  <ul class="interface-language-switcher setting-list">
+    <li
+      v-for="index of controlledLanguage.keys()"
+      :key="index"
+      class="setting-item"
+    >
+      <label
+        class="setting-label"
+        :for="uniqueId+index"
       >
-        <label>
-          {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
-          <Select
-            class="language-select"
-            :model-value="controlledLanguage[index]"
-            @update:model-value="val => setLanguageAt(index, val)"
+        {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
+      </label>
+      <span class="setting-control btn-group">
+        <Select
+          :id="uniqueId+index"
+          :name="uniqueId+index"
+          class="language-select"
+          :model-value="controlledLanguage[index]"
+          @update:model-value="val => setLanguageAt(index, val)"
+        >
+          <option
+            v-for="lang in languages"
+            :key="lang.code"
+            :value="lang.code"
           >
-            <option
-              v-for="lang in languages"
-              :key="lang.code"
-              :value="lang.code"
-            >
-              {{ lang.name }}
-            </option>
-          </Select>
-        </label>
+            {{ lang.name }}
+          </option>
+        </Select>
         <button
           v-if="controlledLanguage.length > 1 && index !== 0"
           class="button-default btn"
@@ -31,82 +34,53 @@
         >
           {{ $t('settings.remove_language') }}
         </button>
-      </li>
-      <li>
-        <button
-          class="button-default btn"
-          @click="addLanguage"
-        >
-          {{ $t('settings.add_language') }}
-        </button>
-      </li>
-    </ul>
-  </div>
+      </span>
+    </li>
+    <li class="add-button">
+      <button
+        class="button-default btn"
+        @click="addLanguage"
+      >
+        {{ $t('settings.add_language') }}
+      </button>
+    </li>
+  </ul>
 </template>
 
-<script>
-import localeService from '../../services/locale/locale.service.js'
-import Select from '../select/select.vue'
-
-export default {
-  components: {
-    // eslint-disable-next-line vue/no-reserved-component-names
-    Select
-  },
-  props: {
-    promptText: {
-      type: String,
-      required: true
-    },
-    language: {
-      type: [Array, String],
-      required: true
-    },
-    setLanguage: {
-      type: Function,
-      required: true
-    }
-  },
-  computed: {
-    languages () {
-      return localeService.languages
-    },
-
-    controlledLanguage: {
-      get: function () {
-        return Array.isArray(this.language) ? this.language : [this.language]
-      },
-      set: function (val) {
-        this.setLanguage(val)
-      }
-    }
-  },
-
-  methods: {
-    getLanguageName (code) {
-      return localeService.getLanguageName(code)
-    },
-    addLanguage () {
-      this.controlledLanguage = [...this.controlledLanguage, '']
-    },
-    setLanguageAt (index, val) {
-      const lang = [...this.controlledLanguage]
-      lang[index] = val
-      this.controlledLanguage = lang
-    },
-    removeLanguageAt (index) {
-      const lang = [...this.controlledLanguage]
-      lang.splice(index, 1)
-      this.controlledLanguage = lang
-    }
-  }
-}
-</script>
+<script src="./interface_language_switcher.js"></script>
 
 <style lang="scss">
 .interface-language-switcher {
-  .language-select {
-    margin-right: 1em;
+  .setting-list {
+    .setting-item {
+      display: grid;
+      grid-template-columns: subgrid;
+    }
+  }
+
+  .add-button {
+    display: block;
+    text-align: center;
+    padding-bottom: 1em;
+
+    .default-button {
+      display: block;
+      width: auto;
+    }
+  }
+
+  .-mobile & {
+    li.setting-item {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5em;
+      align-items: stretch;
+      border-bottom: none;
+    }
+
+    .add-button {
+      border-bottom: 1px solid var(--border);
+    }
   }
 }
 </style>
diff --git a/src/components/link-preview/link-preview.js b/src/components/link-preview/link-preview.js
index add7c5631..808030fbb 100644
--- a/src/components/link-preview/link-preview.js
+++ b/src/components/link-preview/link-preview.js
@@ -1,38 +1,34 @@
-import { mapGetters } from 'vuex'
+import { mapState } from 'pinia'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const LinkPreview = {
   name: 'LinkPreview',
-  props: [
-    'card',
-    'size',
-    'nsfw'
-  ],
-  data () {
+  props: ['card', 'size', 'nsfw'],
+  data() {
     return {
-      imageLoaded: false
+      imageLoaded: false,
     }
   },
   computed: {
-    useImage () {
+    useImage() {
       // Currently BE shoudn't give cards if tagged NSFW, this is a bit paranoid
       // as it makes sure to hide the image if somehow NSFW tagged preview can
       // exist.
       return this.card.image && !this.censored && this.size !== 'hide'
     },
-    censored () {
+    censored() {
       return this.nsfw && this.hideNsfwConfig
     },
-    useDescription () {
+    useDescription() {
       return this.card.description && /\S/.test(this.card.description)
     },
-    hideNsfwConfig () {
+    hideNsfwConfig() {
       return this.mergedConfig.hideNsfw
     },
-    ...mapGetters([
-      'mergedConfig'
-    ])
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
-  created () {
+  created() {
     if (this.useImage) {
       const newImg = new Image()
       newImg.onload = () => {
@@ -40,7 +36,7 @@ const LinkPreview = {
       }
       newImg.src = this.card.image
     }
-  }
+  },
 }
 
 export default LinkPreview
diff --git a/src/components/link.style.js b/src/components/link.style.js
index d13cef338..141a1f023 100644
--- a/src/components/link.style.js
+++ b/src/components/link.style.js
@@ -3,22 +3,22 @@ export default {
   selector: 'a',
   virtual: true,
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       component: 'Link',
       directives: {
-        textColor: '--link'
-      }
+        textColor: '--link',
+      },
     },
     {
       component: 'Link',
       state: ['faint'],
       directives: {
         textOpacity: 0.5,
-        textOpacityMode: 'fake'
-      }
-    }
-  ]
+        textOpacityMode: 'fake',
+      },
+    },
+  ],
 }
diff --git a/src/components/list/list.vue b/src/components/list/list.vue
index 5d2c49b3c..f34a5f073 100644
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@@ -29,20 +29,20 @@ export default {
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     getKey: {
       type: Function,
-      default: item => item.id
+      default: (item) => item.id,
     },
     getClass: {
       type: Function,
-      default: () => ''
+      default: () => '',
     },
     nonInteractive: {
       type: Boolean,
-      default: false
-    }
-  }
+      default: false,
+    },
+  },
 }
 </script>
diff --git a/src/components/list/list_item.style.js b/src/components/list/list_item.style.js
deleted file mode 100644
index 49b2b035f..000000000
--- a/src/components/list/list_item.style.js
+++ /dev/null
@@ -1,48 +0,0 @@
-export default {
-  name: 'ListItem',
-  selector: '.list-item',
-  states: {
-    active: '.-active',
-    hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.-non-interactive)'
-  },
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'Button',
-    'ButtonUnstyled',
-    'RichContent',
-    'Input',
-    'Avatar'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        background: '--bg',
-        opacity: 0
-      }
-    },
-    {
-      state: ['active'],
-      directives: {
-        background: '--inheritedBackground, 10',
-        opacity: 1
-      }
-    },
-    {
-      state: ['hover'],
-      directives: {
-        background: '--inheritedBackground, 10',
-        opacity: 1
-      }
-    },
-    {
-      state: ['hover', 'active'],
-      directives: {
-        background: '--inheritedBackground, 20',
-        opacity: 1
-      }
-    }
-  ]
-}
diff --git a/src/components/lists/lists.js b/src/components/lists/lists.js
index 8dcb48b52..ae58960f5 100644
--- a/src/components/lists/lists.js
+++ b/src/components/lists/lists.js
@@ -1,28 +1,29 @@
-import { useListsStore } from 'src/stores/lists'
 import ListsCard from '../lists_card/lists_card.vue'
 
+import { useListsStore } from 'src/stores/lists.js'
+
 const Lists = {
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
   components: {
-    ListsCard
+    ListsCard,
   },
   computed: {
-    lists () {
+    lists() {
       return useListsStore().allLists
-    }
+    },
   },
   methods: {
-    cancelNewList () {
+    cancelNewList() {
       this.isNew = false
     },
-    newList () {
+    newList() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default Lists
diff --git a/src/components/lists_card/lists_card.js b/src/components/lists_card/lists_card.js
index b503caec4..81b811534 100644
--- a/src/components/lists_card/lists_card.js
+++ b/src/components/lists_card/lists_card.js
@@ -1,16 +1,10 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEllipsisH
-)
+library.add(faEllipsisH)
 
 const ListsCard = {
-  props: [
-    'list'
-  ]
+  props: ['list'],
 }
 
 export default ListsCard
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index ca36ab886..483a9c02a 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,22 +1,19 @@
-import { mapState, mapGetters } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useListsStore } from 'src/stores/lists'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useListsStore } from 'src/stores/lists.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faSearch, faChevronLeft)
 
 const ListsNew = {
   components: {
@@ -24,9 +21,9 @@ const ListsNew = {
     UserAvatar,
     ListsUserSearch,
     TabSwitcher,
-    PanelLoading
+    PanelLoading,
   },
-  data () {
+  data() {
     return {
       title: '',
       titleDraft: '',
@@ -35,46 +32,51 @@ const ListsNew = {
       searchUserIds: [],
       addedUserIds: new Set([]), // users we added from search, to undo
       searchLoading: false,
-      reallyDelete: false
+      reallyDelete: false,
     }
   },
-  created () {
+  created() {
     if (!this.id) return
-    useListsStore().fetchList({ listId: this.id })
+    useListsStore()
+      .fetchList({ listId: this.id })
       .then(() => {
         this.title = this.findListTitle(this.id)
         this.titleDraft = this.title
       })
-    useListsStore().fetchListAccounts({ listId: this.id })
+    useListsStore()
+      .fetchListAccounts({ listId: this.id })
       .then(() => {
         this.membersUserIds = this.findListAccounts(this.id)
-        this.membersUserIds.forEach(userId => {
+        this.membersUserIds.forEach((userId) => {
           this.$store.dispatch('fetchUserIfMissing', userId)
         })
       })
   },
   computed: {
-    id () {
+    id() {
       return this.$route.params.id
     },
-    membersUsers () {
+    membersUsers() {
       return [...this.membersUserIds, ...this.addedUserIds]
-        .map(userId => this.findUser(userId)).filter(user => user)
+        .map((userId) => this.findUser(userId))
+        .filter((user) => user)
     },
-    searchUsers () {
-      return this.searchUserIds.map(userId => this.findUser(userId)).filter(user => user)
+    searchUsers() {
+      return this.searchUserIds
+        .map((userId) => this.findUser(userId))
+        .filter((user) => user)
     },
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
     ...mapPiniaState(useListsStore, ['findListTitle', 'findListAccounts']),
-    ...mapGetters(['findUser'])
+    ...mapGetters(['findUser']),
   },
   methods: {
-    onInput () {
+    onInput() {
       this.search(this.query)
     },
-    toggleRemoveMember (user) {
+    toggleRemoveMember(user) {
       if (this.removedUserIds.has(user.id)) {
         this.id && this.addUser(user)
         this.removedUserIds.delete(user.id)
@@ -83,7 +85,7 @@ const ListsNew = {
         this.removedUserIds.add(user.id)
       }
     },
-    toggleAddFromSearch (user) {
+    toggleAddFromSearch(user) {
       if (this.addedUserIds.has(user.id)) {
         this.id && this.removeUser(user.id)
         this.addedUserIds.delete(user.id)
@@ -92,40 +94,41 @@ const ListsNew = {
         this.addedUserIds.add(user.id)
       }
     },
-    isRemoved (user) {
+    isRemoved(user) {
       return this.removedUserIds.has(user.id)
     },
-    isAdded (user) {
+    isAdded(user) {
       return this.addedUserIds.has(user.id)
     },
-    addUser (user) {
+    addUser(user) {
       useListsStore().addListAccount({ accountId: user.id, listId: this.id })
     },
-    removeUser (userId) {
+    removeUser(userId) {
       useListsStore().removeListAccount({ accountId: userId, listId: this.id })
     },
-    onSearchLoading () {
+    onSearchLoading() {
       this.searchLoading = true
     },
-    onSearchLoadingDone () {
+    onSearchLoadingDone() {
       this.searchLoading = false
     },
-    onSearchResults (results) {
+    onSearchResults(results) {
       this.searchLoading = false
       this.searchUserIds = results
     },
-    updateListTitle () {
+    updateListTitle() {
       useListsStore().setList({ listId: this.id, title: this.titleDraft })
-        .then(() => {
-          this.title = this.findListTitle(this.id)
-        })
+      this.title = this.findListTitle(this.id)
     },
-    createList () {
-      useListsStore().createList({ title: this.titleDraft })
+    createList() {
+      useListsStore()
+        .createList({ title: this.titleDraft })
         .then((list) => {
-          return useListsStore()
-            .setListAccounts({ listId: list.id, accountIds: [...this.addedUserIds] })
-            .then(() => list.id)
+          useListsStore().setListAccounts({
+            listId: list.id,
+            accountIds: [...this.addedUserIds],
+          })
+          return list.id
         })
         .then((listId) => {
           this.$router.push({ name: 'lists-timeline', params: { id: listId } })
@@ -134,15 +137,15 @@ const ListsNew = {
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'lists.error',
             messageArgs: [e.message],
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    deleteList () {
+    deleteList() {
       useListsStore().deleteList({ listId: this.id })
       this.$router.push({ name: 'lists' })
-    }
-  }
+    },
+  },
 }
 
 export default ListsNew
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 726fd5fc4..d96f14599 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,26 +1,25 @@
-import { mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import { mapState } from 'vuex'
+
 import { getListEntries } from 'src/components/navigation/filter.js'
-import { useListsStore } from 'src/stores/lists'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useListsStore } from 'src/stores/lists.js'
 
 export const ListsMenuContent = {
-  props: [
-    'showPin'
-  ],
+  props: ['showPin'],
   components: {
-    NavigationEntry
+    NavigationEntry,
   },
   computed: {
     ...mapPiniaState(useListsStore, {
-      lists: getListEntries
+      lists: getListEntries,
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+    }),
+  },
 }
 
 export default ListsMenuContent
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index eae82a867..3d2cafa73 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,16 +1,20 @@
-import { useListsStore } from 'src/stores/lists'
 import Timeline from '../timeline/timeline.vue'
+
+import { useListsStore } from 'src/stores/lists.js'
+
 const ListsTimeline = {
-  data () {
+  data() {
     return {
-      listId: null
+      listId: null,
     }
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.list }
+    timeline() {
+      return this.$store.state.statuses.timelines.list
+    },
   },
   watch: {
     $route: function (route) {
@@ -19,19 +23,25 @@ const ListsTimeline = {
         this.$store.dispatch('stopFetchingTimeline', 'list')
         this.$store.commit('clearTimeline', { timeline: 'list' })
         useListsStore().fetchList({ listId: this.listId })
-        this.$store.dispatch('startFetchingTimeline', { timeline: 'list', listId: this.listId })
+        this.$store.dispatch('startFetchingTimeline', {
+          timeline: 'list',
+          listId: this.listId,
+        })
       }
-    }
+    },
   },
-  created () {
+  created() {
     this.listId = this.$route.params.id
     useListsStore().fetchList({ listId: this.listId })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'list', listId: this.listId })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'list',
+      listId: this.listId,
+    })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'list')
     this.$store.commit('clearTimeline', { timeline: 'list' })
-  }
+  },
 }
 
 export default ListsTimeline
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index c92ec0eee..699e6c156 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,33 +1,29 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
 import { debounce } from 'lodash'
+
 import Checkbox from '../checkbox/checkbox.vue'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faSearch, faChevronLeft)
 
 const ListsUserSearch = {
   components: {
-    Checkbox
+    Checkbox,
   },
   emits: ['loading', 'loadingDone', 'results'],
-  data () {
+  data() {
     return {
       loading: false,
       query: '',
-      followingOnly: true
+      followingOnly: true,
     }
   },
   methods: {
     onInput: debounce(function () {
       this.search(this.query)
     }, 2000),
-    search (query) {
+    search(query) {
       if (!query) {
         this.loading = false
         return
@@ -36,16 +32,25 @@ const ListsUserSearch = {
       this.loading = true
       this.$emit('loading')
       this.userIds = []
-      this.$store.dispatch('search', { q: query, resolve: true, type: 'accounts', following: this.followingOnly })
-        .then(data => {
-          this.$emit('results', data.accounts.map(a => a.id))
+      this.$store
+        .dispatch('search', {
+          q: query,
+          resolve: true,
+          type: 'accounts',
+          following: this.followingOnly,
+        })
+        .then((data) => {
+          this.$emit(
+            'results',
+            data.accounts.map((a) => a.id),
+          )
         })
         .finally(() => {
           this.loading = false
           this.$emit('loadingDone')
         })
-    }
-  }
+    },
+  },
 }
 
 export default ListsUserSearch
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 9566aa903..b16fb8d2f 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -1,98 +1,103 @@
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
 import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import oauthApi from '../../services/new_api/oauth.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+import oauthApi from '../../services/new_api/oauth.js'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes)
 
 const LoginForm = {
   data: () => ({
     user: {},
-    error: false
+    error: false,
   }),
   computed: {
-    isPasswordAuth () { return this.requiredPassword },
-    isTokenAuth () { return this.requiredToken },
-    ...mapStores(useOAuthStore),
     ...mapState({
-      registrationOpen: state => state.instance.registrationOpen,
-      instance: state => state.instance,
-      loggingIn: state => state.users.loggingIn,
+      loggingIn: (state) => state.users.loggingIn,
+    }),
+    ...mapPiniaState(useOAuthStore, ['clientId', 'clientSecret']),
+    ...mapPiniaState(useInstanceStore, ['server', 'registrationOpen']),
+    ...mapPiniaState(useAuthFlowStore, {
+      isTokenAuth: (store) => store.requiredToken,
+      isPasswordAuth: (store) => !store.requiredToken,
     }),
-    ...mapPiniaState(useAuthFlowStore, ['requiredPassword', 'requiredToken', 'requiredMFA'])
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireMFA', 'login']),
-    submit () {
+    ...mapActions(useOAuthStore, ['ensureAppToken']),
+    submit() {
       this.isTokenAuth ? this.submitToken() : this.submitPassword()
     },
-    submitToken () {
+    submitToken() {
       const data = {
-        instance: this.instance.server,
-        commit: this.$store.commit
+        instance: this.server,
+        commit: this.$store.commit,
       }
 
       // NOTE: we do not really need the app token, but obtaining a token and
       // calling verify_credentials is the only way to ensure the app still works.
-      this.oauthStore.ensureAppToken()
-        .then(() => {
-          const app = {
-            clientId: this.oauthStore.clientId,
-            clientSecret: this.oauthStore.clientSecret,
-          }
-          oauthApi.login({ ...app, ...data })
-        })
+      this.ensureAppToken().then(() => {
+        const app = {
+          clientId: this.clientId,
+          clientSecret: this.clientSecret,
+        }
+        oauthApi.login({ ...app, ...data })
+      })
     },
-    submitPassword () {
+    submitPassword() {
       this.error = false
 
       // NOTE: we do not really need the app token, but obtaining a token and
       // calling verify_credentials is the only way to ensure the app still works.
-      this.oauthStore.ensureAppToken().then(() => {
+      this.ensureAppToken().then(() => {
         const app = {
-          clientId: this.oauthStore.clientId,
-          clientSecret: this.oauthStore.clientSecret,
+          clientId: this.clientId,
+          clientSecret: this.clientSecret,
         }
 
-        oauthApi.getTokenWithCredentials(
-          {
+        oauthApi
+          .getTokenWithCredentials({
             ...app,
-            instance: this.instance.server,
+            instance: this.server,
             username: this.user.username,
-            password: this.user.password
-          }
-        ).then((result) => {
-          if (result.error) {
-            if (result.error === 'mfa_required') {
-              this.requireMFA({ settings: result })
-            } else if (result.identifier === 'password_reset_required') {
-              this.$router.push({ name: 'password-reset', params: { passwordResetRequested: true } })
-            } else {
-              this.error = result.error
-              this.focusOnPasswordInput()
-            }
-            return
-          }
-          this.login(result).then(() => {
-            this.$router.push({ name: 'friends' })
+            password: this.user.password,
+          })
+          .then((result) => {
+            if (result.error) {
+              if (result.error === 'mfa_required') {
+                this.requireMFA({ settings: result })
+              } else if (result.identifier === 'password_reset_required') {
+                this.$router.push({
+                  name: 'password-reset',
+                  params: { passwordResetRequested: true },
+                })
+              } else {
+                this.error = result.error
+                this.focusOnPasswordInput()
+              }
+              return
+            }
+            this.login(result).then(() => {
+              this.$router.push({ name: 'friends' })
+            })
           })
-        })
       })
     },
-    clearError () { this.error = false },
-    focusOnPasswordInput () {
+    clearError() {
+      this.error = false
+    },
+    focusOnPasswordInput() {
       const passwordInput = this.$refs.passwordInput
       passwordInput.focus()
       passwordInput.setSelectionRange(0, passwordInput.value.length)
-    }
-  }
+    },
+  },
 }
 
 export default LoginForm
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index 9a57f8250..0808b8cd6 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,26 +1,22 @@
-import StillImage from '../still-image/still-image.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
+import Flash from 'src/components/flash/flash.vue'
+import GestureService from '../../services/gesture_service/gesture_service'
 import Modal from '../modal/modal.vue'
 import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
+import StillImage from '../still-image/still-image.vue'
 import SwipeClick from '../swipe_click/swipe_click.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import Flash from 'src/components/flash/flash.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faChevronLeft,
   faChevronRight,
   faCircleNotch,
-  faTimes
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
 
-library.add(
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faTimes
-)
+library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
@@ -29,9 +25,9 @@ const MediaModal = {
     PinchZoom,
     SwipeClick,
     Modal,
-    Flash
+    Flash,
   },
-  data () {
+  data() {
     return {
       loading: false,
       swipeDirection: GestureService.DIRECTION_LEFT,
@@ -40,42 +36,36 @@ const MediaModal = {
         return window.innerWidth * considerableMoveRatio
       },
       pinchZoomMinScale: 1,
-      pinchZoomScaleResetLimit: 1.2
+      pinchZoomScaleResetLimit: 1.2,
     }
   },
   computed: {
-    showing () {
+    showing() {
       return useMediaViewerStore().activated
     },
-    media () {
+    media() {
       return useMediaViewerStore().media
     },
-    description () {
+    description() {
       return this.currentMedia.description
     },
-    currentIndex () {
+    currentIndex() {
       return useMediaViewerStore().currentIndex
     },
-    currentMedia () {
+    currentMedia() {
       return this.media[this.currentIndex]
     },
-    canNavigate () {
+    canNavigate() {
       return this.media.length > 1
     },
-    type () {
-      return this.currentMedia ? this.getType(this.currentMedia) : null
-    },
-    swipeDisableClickThreshold () {
+    swipeDisableClickThreshold() {
       // If there is only one media, allow more mouse movements to close the modal
       // because there is less chance that the user wants to switch to another image
-      return () => this.canNavigate ? 1 : 30
-    }
+      return () => (this.canNavigate ? 1 : 30)
+    },
   },
   methods: {
-    getType (media) {
-      return fileTypeService.fileType(media.mimetype)
-    },
-    hide () {
+    hide() {
       // HACK: Closing immediately via a touch will cause the click
       // to be processed on the content below the overlay
       const transitionTime = 100 // ms
@@ -83,7 +73,7 @@ const MediaModal = {
         useMediaViewerStore().closeMediaViewer()
       }, transitionTime)
     },
-    hideIfNotSwiped (event) {
+    hideIfNotSwiped(event) {
       // If we have swiped over SwipeClick, do not trigger hide
       const comp = this.$refs.swipeClick
       if (!comp) {
@@ -92,33 +82,39 @@ const MediaModal = {
         comp.$gesture.click(event)
       }
     },
-    goPrev () {
+    goPrev() {
       if (this.canNavigate) {
-        const prevIndex = this.currentIndex === 0 ? this.media.length - 1 : (this.currentIndex - 1)
+        const prevIndex =
+          this.currentIndex === 0
+            ? this.media.length - 1
+            : this.currentIndex - 1
         const newMedia = this.media[prevIndex]
-        if (this.getType(newMedia) === 'image') {
+        if (newMedia.type === 'image') {
           this.loading = true
         }
         useMediaViewerStore().setCurrentMedia(newMedia)
       }
     },
-    goNext () {
+    goNext() {
       if (this.canNavigate) {
-        const nextIndex = this.currentIndex === this.media.length - 1 ? 0 : (this.currentIndex + 1)
+        const nextIndex =
+          this.currentIndex === this.media.length - 1
+            ? 0
+            : this.currentIndex + 1
         const newMedia = this.media[nextIndex]
-        if (this.getType(newMedia) === 'image') {
+        if (newMedia.type === 'image') {
           this.loading = true
         }
         useMediaViewerStore().setCurrentMedia(newMedia)
       }
     },
-    onImageLoaded () {
+    onImageLoaded() {
       this.loading = false
     },
-    handleSwipePreview (offsets) {
+    handleSwipePreview(offsets) {
       this.$refs.pinchZoom.setTransform({ scale: 1, x: offsets[0], y: 0 })
     },
-    handleSwipeEnd (sign) {
+    handleSwipeEnd(sign) {
       this.$refs.pinchZoom.setTransform({ scale: 1, x: 0, y: 0 })
       if (sign > 0) {
         this.goNext()
@@ -126,33 +122,36 @@ const MediaModal = {
         this.goPrev()
       }
     },
-    handleKeyupEvent (e) {
-      if (this.showing && e.keyCode === 27) { // escape
+    handleKeyupEvent(e) {
+      if (this.showing && e.keyCode === 27) {
+        // escape
         this.hide()
       }
     },
-    handleKeydownEvent (e) {
+    handleKeydownEvent(e) {
       if (!this.showing) {
         return
       }
 
-      if (e.keyCode === 39) { // arrow right
+      if (e.keyCode === 39) {
+        // arrow right
         this.goNext()
-      } else if (e.keyCode === 37) { // arrow left
+      } else if (e.keyCode === 37) {
+        // arrow left
         this.goPrev()
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     window.addEventListener('popstate', this.hide)
     document.addEventListener('keyup', this.handleKeyupEvent)
     document.addEventListener('keydown', this.handleKeydownEvent)
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('popstate', this.hide)
     document.removeEventListener('keyup', this.handleKeyupEvent)
     document.removeEventListener('keydown', this.handleKeydownEvent)
-  }
+  },
 }
 
 export default MediaModal
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index 5cc8c50a3..93587210f 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -5,7 +5,7 @@
     @backdrop-clicked="hideIfNotSwiped"
   >
     <SwipeClick
-      v-if="type === 'image'"
+      v-if="currentMedia.type === 'image'"
       ref="swipeClick"
       class="modal-image-container"
       :direction="swipeDirection"
@@ -36,13 +36,13 @@
       </PinchZoom>
     </SwipeClick>
     <VideoAttachment
-      v-if="type === 'video'"
+      v-if="currentMedia.type === 'video'"
       class="modal-image"
       :attachment="currentMedia"
       :controls="true"
     />
     <audio
-      v-if="type === 'audio'"
+      v-if="currentMedia.type === 'audio'"
       class="modal-image"
       :src="currentMedia.url"
       :alt="currentMedia.description"
@@ -50,7 +50,7 @@
       controls
     />
     <Flash
-      v-if="type === 'flash'"
+      v-if="currentMedia.type === 'flash'"
       class="modal-image"
       :src="currentMedia.url"
       :alt="currentMedia.description"
@@ -168,7 +168,7 @@ $modal-view-button-icon-margin: 0.5em;
     flex: 0 0 auto;
     overflow-y: auto;
     min-height: 1em;
-    max-width: 500px;
+    max-width: 35.8em;
     max-height: 9.5em;
     overflow-wrap: break-word;
     text-wrap: pretty;
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index f2cbfc405..2cb6a96e6 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -1,41 +1,40 @@
-/* eslint-env browser */
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
 import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faUpload, faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faUpload } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faUpload,
-  faCircleNotch
-)
+library.add(faUpload, faCircleNotch)
 
 const mediaUpload = {
-  data () {
+  data() {
     return {
       uploadCount: 0,
-      uploadReady: true
+      uploadReady: true,
     }
   },
   computed: {
-    uploading () {
+    uploading() {
       return this.uploadCount > 0
-    }
+    },
   },
   methods: {
-    onClick () {
+    onClick() {
       if (this.uploadReady) {
         this.$refs.input.click()
       }
     },
-    async resizeImage (file) {
+    async resizeImage(file) {
       // Skip if not an image or if it's a GIF
       if (!file.type.startsWith('image/') || file.type === 'image/gif') {
         return file
       }
 
       // Skip if image compression is disabled
-      if (!this.$store.getters.mergedConfig.imageCompression) {
+      if (!useMergedConfigStore().mergedConfig.imageCompression) {
         return file
       }
 
@@ -74,46 +73,67 @@ const mediaUpload = {
 
           // Check WebP support by trying to create a WebP canvas
           const testCanvas = document.createElement('canvas')
-          const supportsWebP = testCanvas.toDataURL('image/webp').startsWith('data:image/webp')
+          const supportsWebP = testCanvas
+            .toDataURL('image/webp')
+            .startsWith('data:image/webp')
 
           // Convert to WebP if supported and alwaysUseJpeg is false, otherwise JPEG
-          const type = (!this.$store.getters.mergedConfig.alwaysUseJpeg && supportsWebP) ? 'image/webp' : 'image/jpeg'
+          const type =
+            !useMergedConfigStore().mergedConfig.alwaysUseJpeg && supportsWebP
+              ? 'image/webp'
+              : 'image/jpeg'
           const extension = type === 'image/webp' ? '.webp' : '.jpg'
 
           // Remove the original extension and add new one
           const newFileName = file.name.replace(/\.[^/.]+$/, '') + extension
 
-          canvas.toBlob((blob) => {
-            resolve(new File([blob], newFileName, {
-              type,
-              lastModified: Date.now()
-            }))
-          }, type, 0.85)
+          canvas.toBlob(
+            (blob) => {
+              resolve(
+                new File([blob], newFileName, {
+                  type,
+                  lastModified: Date.now(),
+                }),
+              )
+            },
+            type,
+            0.85,
+          )
         }
         img.src = URL.createObjectURL(file)
       })
     },
-    async isAnimatedPng (file) {
+    async isAnimatedPng(file) {
       const buffer = await file.arrayBuffer()
       const view = new Uint8Array(buffer)
       // Look for animated PNG chunks (acTL)
       for (let i = 0; i < view.length - 8; i++) {
-        if (view[i] === 0x61 && // a
-            view[i + 1] === 0x63 && // c
-            view[i + 2] === 0x54 && // T
-            view[i + 3] === 0x4C) { // L
+        if (
+          view[i] === 0x61 && // a
+          view[i + 1] === 0x63 && // c
+          view[i + 2] === 0x54 && // T
+          view[i + 3] === 0x4c
+        ) {
+          // L
           return true
         }
       }
       return false
     },
-    async uploadFile (file) {
+    async uploadFile(file) {
       const self = this
       const store = this.$store
-      if (file.size > store.state.instance.uploadlimit) {
+      if (file.size > useInstanceStore().uploadlimit) {
         const filesize = fileSizeFormatService.fileSizeFormat(file.size)
-        const allowedsize = fileSizeFormatService.fileSizeFormat(store.state.instance.uploadlimit)
-        self.$emit('upload-failed', 'file_too_big', { filesize: filesize.num, filesizeunit: filesize.unit, allowedsize: allowedsize.num, allowedsizeunit: allowedsize.unit })
+        const allowedsize = fileSizeFormatService.fileSizeFormat(
+          useInstanceStore().uploadlimit,
+        )
+        self.$emit('upload-failed', 'file_too_big', {
+          filesize: filesize.num,
+          filesizeunit: filesize.unit,
+          allowedsize: allowedsize.num,
+          allowedsizeunit: allowedsize.unit,
+        })
         return
       }
 
@@ -125,36 +145,38 @@ const mediaUpload = {
       self.$emit('uploading')
       self.uploadCount++
 
-      statusPosterService.uploadMedia({ store, formData })
-        .then((fileData) => {
+      statusPosterService.uploadMedia({ store, formData }).then(
+        (fileData) => {
           self.$emit('uploaded', fileData)
           self.decreaseUploadCount()
-        }, (error) => {
+        },
+        (error) => {
           console.error('Error uploading file', error)
           self.$emit('upload-failed', 'default')
           self.decreaseUploadCount()
-        })
+        },
+      )
     },
-    decreaseUploadCount () {
+    decreaseUploadCount() {
       this.uploadCount--
       if (this.uploadCount === 0) {
         this.$emit('all-uploaded')
       }
     },
-    clearFile () {
+    clearFile() {
       this.uploadReady = false
       this.$nextTick(() => {
         this.uploadReady = true
       })
     },
-    multiUpload (files) {
+    multiUpload(files) {
       for (const file of files) {
         this.uploadFile(file)
       }
     },
-    change ({ target }) {
+    change({ target }) {
       this.multiUpload(target.files)
-    }
+    },
   },
   props: {
     dropFiles: Object,
@@ -162,16 +184,16 @@ const mediaUpload = {
     normalButton: Boolean,
     acceptTypes: {
       type: String,
-      default: '*/*'
-    }
+      default: '*/*',
+    },
   },
   watch: {
     dropFiles: function (fileInfos) {
       if (!this.uploading) {
         this.multiUpload(fileInfos)
       }
-    }
-  }
+    },
+  },
 }
 
 export default mediaUpload
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index ca5c24618..5edc89516 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,155 +1,171 @@
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapGetters, mapState } from 'vuex'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+import { mapState as mapPiniaState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faAt
-} from '@fortawesome/free-solid-svg-icons'
+import { mapGetters, mapState } from 'vuex'
 
-library.add(
-  faAt
-)
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faAt)
 
 const MentionLink = {
   name: 'MentionLink',
   components: {
     UserAvatar,
     UnicodeDomainIndicator,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
   props: {
     url: {
       required: true,
-      type: String
+      type: String,
     },
     content: {
       required: true,
-      type: String
+      type: String,
     },
     userId: {
       required: false,
-      type: String
+      type: String,
     },
     userScreenName: {
       required: false,
-      type: String
-    }
+      type: String,
+    },
   },
-  data () {
+  data() {
     return {
-      hasSelection: false
+      hasSelection: false,
     }
   },
   methods: {
-    onClick () {
+    onClick() {
       if (this.shouldShowTooltip) return
       const link = generateProfileLink(
         this.userId || this.user.id,
-        this.userScreenName || this.user.screen_name
+        this.userScreenName || this.user.screen_name,
       )
       this.$router.push(link)
     },
-    handleSelection () {
+    handleSelection() {
       if (this.$refs.full) {
-        this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
+        this.hasSelection = document
+          .getSelection()
+          .containsNode(this.$refs.full, true)
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     document.addEventListener('selectionchange', this.handleSelection)
   },
-  unmounted () {
+  unmounted() {
     document.removeEventListener('selectionchange', this.handleSelection)
   },
   computed: {
-    user () {
-      return this.url && this.$store && this.$store.getters.findUserByUrl(this.url)
+    user() {
+      return (
+        this.url && this.$store && this.$store.getters.findUserByUrl(this.url)
+      )
     },
-    isYou () {
+    isYou() {
       // FIXME why user !== currentUser???
       return this.user && this.user.id === this.currentUser.id
     },
-    userName () {
+    userName() {
       return this.user && this.userNameFullUi.split('@')[0]
     },
-    serverName () {
+    serverName() {
       // XXX assumed that domain does not contain @
-      return this.user && (this.userNameFullUi.split('@')[1] || this.$store.getters.instanceDomain)
+      return (
+        this.user &&
+        (this.userNameFullUi.split('@')[1] ||
+          this.$store.getters.instanceDomain)
+      )
     },
-    userNameFull () {
+    userNameFull() {
       return this.user && this.user.screen_name
     },
-    userNameFullUi () {
+    userNameFullUi() {
       return this.user && this.user.screen_name_ui
     },
-    highlight () {
-      return this.user && this.mergedConfig.highlight[this.user.screen_name]
+    highlightData() {
+      return this.highlight[this.user?.screen_name]
     },
-    highlightType () {
-      return this.highlight && ('-' + this.highlight.type)
+    highlightType() {
+      return this.highlightData && '-' + this.highlightData.type
     },
-    highlightClass () {
-      if (this.highlight) return highlightClass(this.user)
+    highlightClass() {
+      return this.highlightData && highlightClass(this.user)
     },
-    style () {
-      if (this.highlight) {
-        /* eslint-disable no-unused-vars */
+    style() {
+      if (this.highlightData) {
         const {
           backgroundColor,
           backgroundPosition,
           backgroundImage,
           ...rest
-        } = highlightStyle(this.highlight)
-        /* eslint-enable no-unused-vars */
+        } = highlightStyle(this.highlightData)
         return rest
       }
     },
-    classnames () {
+    classnames() {
       return [
         {
           '-you': this.isYou && this.shouldBoldenYou,
-          '-highlighted': this.highlight,
-          '-has-selection': this.hasSelection
+          '-highlighted': !!this.highlightData,
+          '-has-selection': this.hasSelection,
         },
-        this.highlightType
+        this.highlightType,
       ]
     },
-    isRemote () {
+    isRemote() {
       return this.userName !== this.userNameFull
     },
-    shouldShowFullUserName () {
+    shouldShowFullUserName() {
       const conf = this.mergedConfig.mentionLinkDisplay
       if (conf === 'short') {
         return false
       } else if (conf === 'full') {
         return true
-      } else { // full_for_remote
+      } else {
+        // full_for_remote
         return this.isRemote
       }
     },
-    shouldShowTooltip () {
+    shouldShowTooltip() {
       return this.mergedConfig.mentionLinkShowTooltip
     },
-    shouldShowAvatar () {
+    shouldShowAvatar() {
       return this.mergedConfig.mentionLinkShowAvatar
     },
-    shouldShowYous () {
+    shouldShowYous() {
       return this.mergedConfig.mentionLinkShowYous
     },
-    shouldBoldenYou () {
+    shouldBoldenYou() {
       return this.mergedConfig.mentionLinkBoldenYou
     },
-    shouldFadeDomain () {
+    shouldFadeDomain() {
       return this.mergedConfig.mentionLinkFadeDomain
     },
-    ...mapGetters(['mergedConfig']),
+    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
+    ...mapPiniaState(useUserHighlightStore, ['highlight']),
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+    }),
+  },
 }
 
 export default MentionLink
diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss
index c3261e17d..3aa7816be 100644
--- a/src/components/mention_link/mention_link.scss
+++ b/src/components/mention_link/mention_link.scss
@@ -7,7 +7,6 @@
   & .new,
   & .original {
     display: inline;
-    border-radius: 2px;
   }
 
   .mention-avatar {
diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
index 841d5aa48..10167ac77 100644
--- a/src/components/mentions/mentions.js
+++ b/src/components/mentions/mentions.js
@@ -2,13 +2,13 @@ import Timeline from '../timeline/timeline.vue'
 
 const Mentions = {
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.mentions
-    }
+    },
   },
   components: {
-    Timeline
-  }
+    Timeline,
+  },
 }
 
 export default Mentions
diff --git a/src/components/mentions_line/mentions_line.js b/src/components/mentions_line/mentions_line.js
index a4a0c7246..88d2b3257 100644
--- a/src/components/mentions_line/mentions_line.js
+++ b/src/components/mentions_line/mentions_line.js
@@ -1,5 +1,8 @@
+import { mapState } from 'pinia'
+
 import MentionLink from 'src/components/mention_link/mention_link.vue'
-import { mapGetters } from 'vuex'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 export const MENTIONS_LIMIT = 5
 
@@ -8,30 +11,30 @@ const MentionsLine = {
   props: {
     mentions: {
       required: true,
-      type: Array
-    }
+      type: Array,
+    },
   },
   data: () => ({ expanded: false }),
   components: {
-    MentionLink
+    MentionLink,
   },
   computed: {
-    mentionsComputed () {
+    mentionsComputed() {
       return this.mentions.slice(0, MENTIONS_LIMIT)
     },
-    extraMentions () {
+    extraMentions() {
       return this.mentions.slice(MENTIONS_LIMIT)
     },
-    manyMentions () {
+    manyMentions() {
       return this.extraMentions.length > 0
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   methods: {
-    toggleShowMore () {
+    toggleShowMore() {
       this.expanded = !this.expanded
-    }
-  }
+    },
+  },
 }
 
 export default MentionsLine
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 883355efa..a5567b49b 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -1,113 +1,105 @@
 export default {
   name: 'MenuItem',
   selector: '.menu-item',
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Input',
-    'Border',
-    'ButtonUnstyled',
-    'Badge',
-    'Avatar'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Border'],
   states: {
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
     active: '.-active',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        opacity: 0
-      }
+        opacity: 0,
+      },
     },
     {
       state: ['hover'],
       directives: {
         background: '$mod(--bg 5)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       state: ['active'],
       directives: {
         background: '$mod(--bg 10)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       state: ['active', 'hover'],
       directives: {
         background: '$mod(--bg 15)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 84479b1ec..f4ddcadd0 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -1,50 +1,46 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState, mapStores } from 'pinia'
 
-library.add(
-  faTimes
-)
+import mfaApi from '../../services/new_api/mfa.js'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes)
 
 export default {
   data: () => ({
     code: null,
-    error: false
+    error: false,
   }),
   computed: {
-    ...mapPiniaState(useAuthFlowStore, {
-      authSettings: store => store.settings
-    }),
     ...mapStores(useOAuthStore),
-    ...mapState({
-      instance: 'instance',
-    })
+    ...mapState(useOAuthStore, ['clientId', 'clientSecret']),
+    ...mapState(useAuthFlowStore, ['settings']),
+    ...mapState(useInstanceStore, ['server']),
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireTOTP', 'abortMFA', 'login']),
-    clearError () { this.error = false },
+    clearError() {
+      this.error = false
+    },
 
-    focusOnCodeInput () {
+    focusOnCodeInput() {
       const codeInput = this.$refs.codeInput
       codeInput.focus()
       codeInput.setSelectionRange(0, codeInput.value.length)
     },
 
-    submit () {
-      const { clientId, clientSecret } = this.oauthStore
-
+    submit() {
       const data = {
-        clientId,
-        clientSecret,
-        instance: this.instance.server,
-        mfaToken: this.authSettings.mfa_token,
-        code: this.code
+        clientId: this.clientId,
+        clientSecret: this.clientSecret,
+        instance: this.server,
+        mfaToken: this.settings.mfa_token,
+        code: this.code,
       }
 
       mfaApi.verifyRecoveryCode(data).then((result) => {
@@ -59,6 +55,6 @@ export default {
           this.$router.push({ name: 'friends' })
         })
       })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index e369d8a5d..6d51cba94 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -1,50 +1,49 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState, mapStores } from 'pinia'
 
-library.add(
-  faTimes
-)
+import mfaApi from '../../services/new_api/mfa.js'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes)
 
 export default {
   data: () => ({
     code: null,
-    error: false
+    error: false,
   }),
   computed: {
-    ...mapPiniaState(useAuthFlowStore, {
-      authSettings: store => store.settings
+    ...mapState(useAuthFlowStore, {
+      authSettings: (store) => store.settings,
     }),
+    ...mapState(useInstanceStore, ['server']),
     ...mapStores(useOAuthStore),
-    ...mapState({
-      instance: 'instance',
-    })
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireRecovery', 'abortMFA', 'login']),
-    clearError () { this.error = false },
+    clearError() {
+      this.error = false
+    },
 
-    focusOnCodeInput () {
+    focusOnCodeInput() {
       const codeInput = this.$refs.codeInput
       codeInput.focus()
       codeInput.setSelectionRange(0, codeInput.value.length)
     },
 
-    submit () {
+    submit() {
       const { clientId, clientSecret } = this.oauthStore
 
       const data = {
         clientId,
         clientSecret,
-        instance: this.instance.server,
+        instance: this.server,
         mfaToken: this.authSettings.mfa_token,
-        code: this.code
+        code: this.code,
       }
 
       mfaApi.verifyOTPCode(data).then((result) => {
@@ -59,6 +58,6 @@ export default {
           this.$router.push({ name: 'friends' })
         })
       })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js
index 398bc186e..306bd5c17 100644
--- a/src/components/mobile_drawer.style.js
+++ b/src/components/mobile_drawer.style.js
@@ -1,41 +1,13 @@
 export default {
   name: 'MobileDrawer',
   selector: '.mobile-drawer',
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
-    'PanelHeader',
-    'MenuItem',
-    'Notification',
-    'Alert',
-    'UserCard'
-  ],
+  validInnerComponents: ['MenuItem'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        backgroundNoCssColor: 'yes'
-      }
+        backgroundNoCssColor: 'yes',
+      },
     },
-    {
-      component: 'PanelHeader',
-      parent: { component: 'MobileDrawer' },
-      directives: {
-        background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }]
-      }
-    }
-  ]
+  ],
 }
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 2085d24e3..f47cef893 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -1,99 +1,108 @@
-import SideDrawer from '../side_drawer/side_drawer.vue'
-import Notifications from '../notifications/notifications.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-
-import {
-  unseenNotificationsFromStore,
-  countExtraNotifications
-} from '../../services/notification_utils/notification_utils'
-
-import { mapGetters } from 'vuex'
 import { mapState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapGetters } from 'vuex'
+
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import GestureService from '../../services/gesture_service/gesture_service'
+import {
+  countExtraNotifications,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Notifications from '../notifications/notifications.vue'
+import SideDrawer from '../side_drawer/side_drawer.vue'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faBell,
-  faBars,
   faArrowUp,
+  faBars,
+  faBell,
+  faCheckDouble,
   faMinus,
-  faCheckDouble
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faBell,
-  faBars,
-  faArrowUp,
-  faMinus,
-  faCheckDouble
-)
+library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
 const MobileNav = {
   components: {
     SideDrawer,
     Notifications,
     NavigationPins,
-    ConfirmModal
+    ConfirmModal,
   },
   data: () => ({
     notificationsCloseGesture: undefined,
     notificationsOpen: false,
     notificationsAtTop: true,
-    showingConfirmLogout: false
+    showingConfirmLogout: false,
   }),
-  created () {
+  created() {
     this.notificationsCloseGesture = GestureService.swipeGesture(
       GestureService.DIRECTION_RIGHT,
       () => this.closeMobileNotifications(true),
-      50
+      50,
     )
   },
   computed: {
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    unseenNotifications () {
-      return unseenNotificationsFromStore(this.$store)
+    unseenNotifications() {
+      return unseenNotificationsFromStore(
+        this.$store,
+        useMergedConfigStore().mergedConfig.notificationVisibility,
+        useMergedConfigStore().mergedConfig.ignoreInactionableSeen,
+      )
     },
-    unseenNotificationsCount () {
-      return this.unseenNotifications.length + countExtraNotifications(this.$store)
+    unseenNotificationsCount() {
+      return (
+        this.unseenNotifications.length +
+        countExtraNotifications(
+          this.$store,
+          useMergedConfigStore().mergedConfig,
+        )
+      )
     },
-    unseenCount () {
+    unseenCount() {
       return this.unseenNotifications.length
     },
-    unseenCountBadgeText () {
+    unseenCountBadgeText() {
       return `${this.unseenCount ? this.unseenCount : ''}`
     },
-    hideSitename () { return this.$store.state.instance.hideSitename },
-    sitename () { return this.$store.state.instance.name },
-    isChat () {
+    hideSitename() {
+      return useInstanceStore().hideSitename
+    },
+    sitename() {
+      return useInstanceStore().name
+    },
+    isChat() {
       return this.$route.name === 'chat'
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
-    ...mapState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems).has('chats')
+    ...mapState(useMergedConfigStore, {
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems).has('chats'),
     }),
-    shouldConfirmLogout () {
-      return this.$store.getters.mergedConfig.modalOnLogout
+    shouldConfirmLogout() {
+      return useMergedConfigStore().mergedConfig.modalOnLogout
     },
-    closingDrawerMarksAsSeen () {
-      return this.$store.getters.mergedConfig.closingDrawerMarksAsSeen
+    closingDrawerMarksAsSeen() {
+      return useMergedConfigStore().mergedConfig.closingDrawerMarksAsSeen
     },
-    ...mapGetters(['unreadChatCount'])
+    ...mapGetters(['unreadChatCount']),
   },
   methods: {
-    toggleMobileSidebar () {
+    toggleMobileSidebar() {
       this.$refs.sideDrawer.toggleDrawer()
     },
-    openMobileNotifications () {
+    openMobileNotifications() {
       this.notificationsOpen = true
     },
-    closeMobileNotifications (markRead) {
+    closeMobileNotifications(markRead) {
       if (this.notificationsOpen) {
         // make sure to mark notifs seen only when the notifs were open and not
         // from close-calls.
@@ -103,53 +112,53 @@ const MobileNav = {
         }
       }
     },
-    notificationsTouchStart (e) {
+    notificationsTouchStart(e) {
       GestureService.beginSwipe(e, this.notificationsCloseGesture)
     },
-    notificationsTouchMove (e) {
+    notificationsTouchMove(e) {
       GestureService.updateSwipe(e, this.notificationsCloseGesture)
     },
-    scrollToTop () {
+    scrollToTop() {
       window.scrollTo(0, 0)
     },
-    scrollMobileNotificationsToTop () {
+    scrollMobileNotificationsToTop() {
       this.$refs.mobileNotifications.scrollTo(0, 0)
     },
-    showConfirmLogout () {
+    showConfirmLogout() {
       this.showingConfirmLogout = true
     },
-    hideConfirmLogout () {
+    hideConfirmLogout() {
       this.showingConfirmLogout = false
     },
-    logout () {
+    logout() {
       if (!this.shouldConfirmLogout) {
         this.doLogout()
       } else {
         this.showConfirmLogout()
       }
     },
-    doLogout () {
+    doLogout() {
       this.$router.replace('/main/public')
       this.$store.dispatch('logout')
       this.hideConfirmLogout()
     },
-    markNotificationsAsSeen () {
+    markNotificationsAsSeen() {
       this.$store.dispatch('markNotificationsAsSeen')
     },
-    onScroll ({ target: { scrollTop, clientHeight, scrollHeight } }) {
+    onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {
       this.notificationsAtTop = scrollTop > 0
       if (scrollTop + clientHeight >= scrollHeight) {
         this.$refs.notifications.fetchOlderNotifications()
       }
-    }
+    },
   },
   watch: {
-    $route () {
+    $route() {
       // handles closing notificaitons when you press any router-link on the
       // notifications.
       this.closeMobileNotifications()
-    }
-  }
+    },
+  },
 }
 
 export default MobileNav
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 031013559..4969352f6 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,57 +1,56 @@
 import { debounce } from 'lodash'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { usePostStatusStore } from 'src/stores/post_status.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPen
-} from '@fortawesome/free-solid-svg-icons'
-import { usePostStatusStore } from 'src/stores/post_status'
+import { faPen } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faPen
-)
+library.add(faPen)
 
-const HIDDEN_FOR_PAGES = new Set([
-  'chats',
-  'chat',
-  'lists-edit'
-])
+const HIDDEN_FOR_PAGES = new Set(['chats', 'chat', 'lists-edit'])
 
 const MobilePostStatusButton = {
-  data () {
+  data() {
     return {
       hidden: false,
       scrollingDown: false,
       inputActive: false,
       oldScrollPos: 0,
-      amountScrolled: 0
+      amountScrolled: 0,
     }
   },
-  created () {
+  created() {
     if (this.autohideFloatingPostButton) {
       this.activateFloatingPostButtonAutohide()
     }
     window.addEventListener('resize', this.handleOSK)
   },
-  unmounted () {
+  unmounted() {
     if (this.autohideFloatingPostButton) {
       this.deactivateFloatingPostButtonAutohide()
     }
     window.removeEventListener('resize', this.handleOSK)
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    isHidden () {
-      if (HIDDEN_FOR_PAGES.has(this.$route.name)) { return true }
+    isHidden() {
+      if (HIDDEN_FOR_PAGES.has(this.$route.name)) {
+        return true
+      }
 
-      return this.autohideFloatingPostButton && (this.hidden || this.inputActive)
+      return (
+        this.autohideFloatingPostButton && (this.hidden || this.inputActive)
+      )
     },
-    isPersistent () {
-      return !!this.$store.getters.mergedConfig.alwaysShowNewPostButton
+    isPersistent() {
+      return !!useMergedConfigStore().mergedConfig.alwaysShowNewPostButton
+    },
+    autohideFloatingPostButton() {
+      return !!useMergedConfigStore().mergedConfig.autohideFloatingPostButton
     },
-    autohideFloatingPostButton () {
-      return !!this.$store.getters.mergedConfig.autohideFloatingPostButton
-    }
   },
   watch: {
     autohideFloatingPostButton: function (isEnabled) {
@@ -60,21 +59,21 @@ const MobilePostStatusButton = {
       } else {
         this.deactivateFloatingPostButtonAutohide()
       }
-    }
+    },
   },
   methods: {
-    activateFloatingPostButtonAutohide () {
+    activateFloatingPostButtonAutohide() {
       window.addEventListener('scroll', this.handleScrollStart)
       window.addEventListener('scroll', this.handleScrollEnd)
     },
-    deactivateFloatingPostButtonAutohide () {
+    deactivateFloatingPostButtonAutohide() {
       window.removeEventListener('scroll', this.handleScrollStart)
       window.removeEventListener('scroll', this.handleScrollEnd)
     },
-    openPostForm () {
+    openPostForm() {
       usePostStatusStore().openPostStatusModal()
     },
-    handleOSK () {
+    handleOSK() {
       // This is a big hack: we're guessing from changed window sizes if the
       // on-screen keyboard is active or not. This is only really important
       // for phones in portrait mode and it's more important to show the button
@@ -94,20 +93,28 @@ const MobilePostStatusButton = {
         this.inputActive = false
       }
     },
-    handleScrollStart: debounce(function () {
-      if (window.scrollY > this.oldScrollPos) {
-        this.hidden = true
-      } else {
-        this.hidden = false
-      }
-      this.oldScrollPos = window.scrollY
-    }, 100, { leading: true, trailing: false }),
+    handleScrollStart: debounce(
+      function () {
+        if (window.scrollY > this.oldScrollPos) {
+          this.hidden = true
+        } else {
+          this.hidden = false
+        }
+        this.oldScrollPos = window.scrollY
+      },
+      100,
+      { leading: true, trailing: false },
+    ),
 
-    handleScrollEnd: debounce(function () {
-      this.hidden = false
-      this.oldScrollPos = window.scrollY
-    }, 100, { leading: false, trailing: true })
-  }
+    handleScrollEnd: debounce(
+      function () {
+        this.hidden = false
+        this.oldScrollPos = window.scrollY
+      },
+      100,
+      { leading: false, trailing: true },
+    ),
+  },
 }
 
 export default MobilePostStatusButton
diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
index 032e7dbeb..a022f7427 100644
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@@ -13,27 +13,27 @@
 <script>
 export default {
   provide: {
-    popoversZLayer: 'modals'
+    popoversZLayer: 'modals',
   },
   props: {
     isOpen: {
       type: Boolean,
-      default: true
+      default: true,
     },
     noBackground: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   emits: ['backdropClicked'],
   computed: {
-    classes () {
+    classes() {
       return {
         'modal-background': !this.noBackground,
-        open: this.isOpen
+        open: this.isOpen,
       }
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/components/modal/modals.style.js b/src/components/modal/modals.style.js
index 1cb4a34a7..9c8c279f7 100644
--- a/src/components/modal/modals.style.js
+++ b/src/components/modal/modals.style.js
@@ -3,8 +3,6 @@ export default {
   selector: ['.modal-view', '#modal', '.shout-panel'],
   lazy: true,
   notEditable: true,
-  validInnerComponents: [
-    'Panel'
-  ],
-  defaultRules: []
+  validInnerComponents: ['Panel'],
+  defaultRules: [],
 }
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index bd57a353a..4149fd6d0 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -1,9 +1,12 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
-
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown)
 
 const FORCE_NSFW = 'mrf_tag:media-force-nsfw'
@@ -15,10 +18,8 @@ const SANDBOX = 'mrf_tag:sandbox'
 const QUARANTINE = 'mrf_tag:quarantine'
 
 const ModerationTools = {
-  props: [
-    'user'
-  ],
-  data () {
+  props: ['user'],
+  data() {
     return {
       tags: {
         FORCE_NSFW,
@@ -27,92 +28,124 @@ const ModerationTools = {
         DISABLE_REMOTE_SUBSCRIPTION,
         DISABLE_ANY_SUBSCRIPTION,
         SANDBOX,
-        QUARANTINE
+        QUARANTINE,
       },
       showDeleteUserDialog: false,
-      toggled: false
+      toggled: false,
     }
   },
   components: {
     DialogModal,
-    Popover
+    Popover,
   },
   computed: {
-    tagsSet () {
+    tagsSet() {
       return new Set(this.user.tags)
     },
-    canGrantRole () {
-      return this.user.is_local && !this.user.deactivated && this.$store.state.users.currentUser.role === 'admin'
+    canGrantRole() {
+      return (
+        this.user.is_local &&
+        !this.user.deactivated &&
+        this.$store.state.users.currentUser.role === 'admin'
+      )
     },
-    canChangeActivationState () {
+    canChangeActivationState() {
       return this.privileged('users_manage_activation_state')
     },
-    canDeleteAccount () {
+    canDeleteAccount() {
       return this.privileged('users_delete')
     },
-    canUseTagPolicy () {
-      return this.$store.state.instance.tagPolicyAvailable && this.privileged('users_manage_tags')
-    }
+    canUseTagPolicy() {
+      return (
+        useInstanceCapabilitiesStore().tagPolicyAvailable &&
+        this.privileged('users_manage_tags')
+      )
+    },
   },
   methods: {
-    hasTag (tagName) {
+    hasTag(tagName) {
       return this.tagsSet.has(tagName)
     },
-    privileged (privilege) {
+    privileged(privilege) {
       return this.$store.state.users.currentUser.privileges.includes(privilege)
     },
-    toggleTag (tag) {
+    toggleTag(tag) {
       const store = this.$store
       if (this.tagsSet.has(tag)) {
-        store.state.api.backendInteractor.untagUser({ user: this.user, tag }).then(response => {
-          if (!response.ok) { return }
-          store.commit('untagUser', { user: this.user, tag })
-        })
+        store.state.api.backendInteractor
+          .untagUser({ user: this.user, tag })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('untagUser', { user: this.user, tag })
+          })
       } else {
-        store.state.api.backendInteractor.tagUser({ user: this.user, tag }).then(response => {
-          if (!response.ok) { return }
-          store.commit('tagUser', { user: this.user, tag })
-        })
+        store.state.api.backendInteractor
+          .tagUser({ user: this.user, tag })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('tagUser', { user: this.user, tag })
+          })
       }
     },
-    toggleRight (right) {
+    toggleRight(right) {
       const store = this.$store
       if (this.user.rights[right]) {
-        store.state.api.backendInteractor.deleteRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: false })
-        })
+        store.state.api.backendInteractor
+          .deleteRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', {
+              user: this.user,
+              right,
+              value: false,
+            })
+          })
       } else {
-        store.state.api.backendInteractor.addRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: true })
-        })
+        store.state.api.backendInteractor
+          .addRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', { user: this.user, right, value: true })
+          })
       }
     },
-    toggleActivationStatus () {
+    toggleActivationStatus() {
       this.$store.dispatch('toggleActivationStatus', { user: this.user })
     },
-    deleteUserDialog (show) {
+    deleteUserDialog(show) {
       this.showDeleteUserDialog = show
     },
-    deleteUser () {
+    deleteUser() {
       const store = this.$store
       const user = this.user
       const { id, name } = user
-      store.state.api.backendInteractor.deleteUser({ user })
-        .then(() => {
-          this.$store.dispatch('markStatusesAsDeleted', status => user.id === status.user.id)
-          const isProfile = this.$route.name === 'external-user-profile' || this.$route.name === 'user-profile'
-          const isTargetUser = this.$route.params.name === name || this.$route.params.id === id
-          if (isProfile && isTargetUser) {
-            window.history.back()
-          }
-        })
+      store.state.api.backendInteractor.deleteUser({ user }).then(() => {
+        this.$store.dispatch(
+          'markStatusesAsDeleted',
+          (status) => user.id === status.user.id,
+        )
+        const isProfile =
+          this.$route.name === 'external-user-profile' ||
+          this.$route.name === 'user-profile'
+        const isTargetUser =
+          this.$route.params.name === name || this.$route.params.id === id
+        if (isProfile && isTargetUser) {
+          window.history.back()
+        }
+      })
     },
-    setToggled (value) {
+    setToggled(value) {
       this.toggled = value
-    }
-  }
+    },
+  },
 }
 
 export default ModerationTools
diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index 9c8894bff..da33b89dc 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -208,6 +208,8 @@
 }
 
 .moderation-tools-button {
+  white-space: nowrap;
+
   svg,
   i {
     font-size: 0.8em;
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.js b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
index 13cfb52ee..2bd82f486 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.js
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
@@ -1,5 +1,5 @@
-import { mapState } from 'vuex'
 import { get } from 'lodash'
+import { mapState } from 'vuex'
 
 /**
  * This is for backwards compatibility. We originally didn't recieve
@@ -8,7 +8,7 @@ import { get } from 'lodash'
  * to add an extra "info" key.
  */
 const toInstanceReasonObject = (instances, info, key) => {
-  return instances.map(instance => {
+  return instances.map((instance) => {
     if (info[key] && info[key][instance] && info[key][instance].reason) {
       return { instance, reason: info[key][instance].reason }
     }
@@ -19,56 +19,82 @@ const toInstanceReasonObject = (instances, info, key) => {
 const MRFTransparencyPanel = {
   computed: {
     ...mapState({
-      federationPolicy: state => get(state, 'instance.federationPolicy'),
-      mrfPolicies: state => get(state, 'instance.federationPolicy.mrf_policies', []),
-      quarantineInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.quarantined_instances', []),
-        get(state, 'instance.federationPolicy.quarantined_instances_info', []),
-        'quarantined_instances'
-      ),
-      acceptInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.accept', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'accept'
-      ),
-      rejectInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.reject', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'reject'
-      ),
-      ftlRemovalInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.federated_timeline_removal', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'federated_timeline_removal'
-      ),
-      mediaNsfwInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.media_nsfw', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'media_nsfw'
-      ),
-      mediaRemovalInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.media_removal', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'media_removal'
-      ),
-      keywordsFtlRemoval: state => get(state, 'instance.federationPolicy.mrf_keyword.federated_timeline_removal', []),
-      keywordsReject: state => get(state, 'instance.federationPolicy.mrf_keyword.reject', []),
-      keywordsReplace: state => get(state, 'instance.federationPolicy.mrf_keyword.replace', [])
+      federationPolicy: (state) => get(state, 'instance.federationPolicy'),
+      mrfPolicies: (state) =>
+        get(state, 'instance.federationPolicy.mrf_policies', []),
+      quarantineInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.quarantined_instances', []),
+          get(
+            state,
+            'instance.federationPolicy.quarantined_instances_info',
+            [],
+          ),
+          'quarantined_instances',
+        ),
+      acceptInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.accept', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'accept',
+        ),
+      rejectInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.reject', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'reject',
+        ),
+      ftlRemovalInstances: (state) =>
+        toInstanceReasonObject(
+          get(
+            state,
+            'instance.federationPolicy.mrf_simple.federated_timeline_removal',
+            [],
+          ),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'federated_timeline_removal',
+        ),
+      mediaNsfwInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.media_nsfw', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'media_nsfw',
+        ),
+      mediaRemovalInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.media_removal', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'media_removal',
+        ),
+      keywordsFtlRemoval: (state) =>
+        get(
+          state,
+          'instance.federationPolicy.mrf_keyword.federated_timeline_removal',
+          [],
+        ),
+      keywordsReject: (state) =>
+        get(state, 'instance.federationPolicy.mrf_keyword.reject', []),
+      keywordsReplace: (state) =>
+        get(state, 'instance.federationPolicy.mrf_keyword.replace', []),
     }),
-    hasInstanceSpecificPolicies () {
-      return this.quarantineInstances.length ||
+    hasInstanceSpecificPolicies() {
+      return (
+        this.quarantineInstances.length ||
         this.acceptInstances.length ||
         this.rejectInstances.length ||
         this.ftlRemovalInstances.length ||
         this.mediaNsfwInstances.length ||
         this.mediaRemovalInstances.length
+      )
     },
-    hasKeywordPolicies () {
-      return this.keywordsFtlRemoval.length ||
+    hasKeywordPolicies() {
+      return (
+        this.keywordsFtlRemoval.length ||
         this.keywordsReject.length ||
         this.keywordsReplace.length
-    }
-  }
+      )
+    },
+  },
 }
 
 export default MRFTransparencyPanel
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
index a262ed1c5..8e2fa553a 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
@@ -4,13 +4,13 @@
   table {
     width: 100%;
     text-align: left;
-    padding-left: 10px;
-    padding-bottom: 20px;
+    padding-left: 0.5em;
+    padding-bottom: 1.1em;
 
     th,
     td {
-      width: 180px;
-      max-width: 360px;
+      width: 11em;
+      max-width: 25em;
       overflow: hidden;
       vertical-align: text-top;
     }
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index cbec0e9bb..d5226ef06 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,40 +1,41 @@
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const MuteCard = {
   props: ['userId'],
-  data () {
-    return {
-      progress: false
-    }
-  },
   computed: {
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.userId)
     },
-    muted () {
+    muted() {
       return this.relationship.muting
-    }
+    },
+    muteExpiryAvailable() {
+      return Object.hasOwn(this.user, 'mute_expires_at')
+    },
+    muteExpiry() {
+      return this.user.mute_expires_at === false
+        ? this.$t('user_card.mute_expires_forever')
+        : this.$t('user_card.mute_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
+    },
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
+    UserTimedFilterModal,
   },
   methods: {
-    unmuteUser () {
-      this.progress = true
-      this.$store.dispatch('unmuteUser', this.userId).then(() => {
-        this.progress = false
-      })
+    unmuteUser() {
+      this.$store.dispatch('unmuteUser', this.userId)
     },
-    muteUser () {
-      this.progress = true
-      this.$store.dispatch('muteUser', this.userId).then(() => {
-        this.progress = false
-      })
-    }
-  }
+    muteUser() {
+      this.$refs.timedMuteDialog.optionallyPrompt()
+    },
+  },
 }
 
 export default MuteCard
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue
index 97e91cbca..83520dc22 100644
--- a/src/components/mute_card/mute_card.vue
+++ b/src/components/mute_card/mute_card.vue
@@ -1,33 +1,35 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
+      <span
+        v-if="muted && muteExpiryAvailable"
+        class="alert neutral"
+      >
+        {{ muteExpiry }}
+      </span>
+      {{ ' ' }}
       <button
         v-if="muted"
         class="btn button-default"
-        :disabled="progress"
         @click="unmuteUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.unmute_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.unmute') }}
-        </template>
+        {{ $t('user_card.unmute') }}
       </button>
       <button
         v-else
         class="btn button-default"
-        :disabled="progress"
         @click="muteUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.mute_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.mute') }}
-        </template>
+        {{ $t('user_card.mute') }}
       </button>
     </div>
+    <teleport to="#modal">
+      <UserTimedFilterModal
+        ref="timedMuteDialog"
+        :user="user"
+        :is-mute="true"
+      />
+    </teleport>
   </basic-user-card>
 </template>
 
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index a155abe0c..ae6264217 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -1,32 +1,35 @@
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
-import { mapState, mapGetters } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import { TIMELINES, ROOT_ITEMS } from 'src/components/navigation/navigation.js'
+import { mapGetters, mapState } from 'vuex'
+
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
 import { filterNavigation } from 'src/components/navigation/filter.js'
+import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
+  faBell,
   faBookmark,
-  faEnvelope,
+  faBullhorn,
   faChevronDown,
   faChevronUp,
+  faCity,
   faComments,
-  faBell,
+  faEnvelope,
+  faFilePen,
+  faGlobe,
   faInfoCircle,
-  faStream,
   faList,
-  faBullhorn,
-  faFilePen
+  faStream,
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -43,80 +46,94 @@ library.add(
   faStream,
   faList,
   faBullhorn,
-  faFilePen
+  faFilePen,
 )
 const NavPanel = {
   props: ['forceExpand', 'forceEditMode'],
-  created () {
-  },
   components: {
     BookmarkFoldersMenuContent,
     ListsMenuContent,
     NavigationEntry,
     NavigationPins,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       editMode: false,
       showTimelines: false,
       showLists: false,
       showBookmarkFolders: false,
-      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
-      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k }))
+      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({
+        ...v,
+        name: k,
+      })),
+      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k })),
     }
   },
   methods: {
-    toggleTimelines () {
+    toggleTimelines() {
       this.showTimelines = !this.showTimelines
     },
-    toggleLists () {
+    toggleLists() {
       this.showLists = !this.showLists
     },
-    toggleBookmarkFolders () {
+    toggleBookmarkFolders() {
       this.showBookmarkFolders = !this.showBookmarkFolders
     },
-    toggleEditMode () {
+    toggleEditMode() {
       this.editMode = !this.editMode
     },
-    toggleCollapse () {
-      useServerSideStorageStore().setPreference({ path: 'simple.collapseNav', value: !this.collapsed })
-      useServerSideStorageStore().pushServerSideStorage()
+    toggleCollapse() {
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'collapseNav',
+        value: !this.collapsed,
+      })
+      useSyncConfigStore().pushSyncConfig()
     },
-    isPinned (item) {
+    isPinned(item) {
       return this.pinnedItems.has(item)
     },
-    togglePin (item) {
+    togglePin(item) {
       if (this.isPinned(item)) {
-        useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useSyncConfigStore().removeCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       } else {
-        useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useSyncConfigStore().addCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       }
-      useServerSideStorageStore().pushServerSideStorage()
-    }
+      useSyncConfigStore().pushSyncConfig()
+    },
   },
   computed: {
     ...mapPiniaState(useAnnouncementsStore, {
       unreadAnnouncementCount: 'unreadAnnouncementCount',
-      supportsAnnouncements: store => store.supportsAnnouncements
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
     }),
-    ...mapPiniaState(useServerSideStorageStore, {
-      collapsed: store => store.prefsStorage.simple.collapseNav,
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+    ...mapPiniaState(useInstanceCapabilitiesStore, [
+      'pleromaChatMessagesAvailable',
+      'pleromaBookmarkFoldersAvailable',
+      'localBubble',
+    ]),
+    ...mapPiniaState(useInstanceStore, ['federating']),
+    ...mapPiniaState(useInstanceStore, {
+      privateMode: (store) => store.private,
+    }),
+    ...mapPiniaState(useSyncConfigStore, {
+      collapsed: (store) => store.prefsStorage.simple.collapseNav,
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      followRequestCount: state => state.api.followRequests.length,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable,
-      bookmarkFolders: state => state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      followRequestCount: (state) => state.api.followRequests.length,
     }),
-    timelinesItems () {
+    timelinesItems() {
       return filterNavigation(
-        Object
-          .entries({ ...TIMELINES })
+        Object.entries({ ...TIMELINES })
           // do not show in timeliens list since it's in a better place now
           .filter(([key]) => key !== 'bookmarks')
           .map(([k, v]) => ({ ...v, name: k })),
@@ -126,29 +143,27 @@ const NavPanel = {
           isFederating: this.federating,
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
-          supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBubbleTimeline: this.localBubble,
+          supportsBookmarkFolders: this.pleromaBookmarkFoldersAvailable,
+        },
       )
     },
-    rootItems () {
+    rootItems() {
       return filterNavigation(
-        Object
-          .entries({ ...ROOT_ITEMS })
-          .map(([k, v]) => ({ ...v, name: k })),
+        Object.entries({ ...ROOT_ITEMS }).map(([k, v]) => ({ ...v, name: k })),
         {
           hasChats: this.pleromaChatMessagesAvailable,
           hasAnnouncements: this.supportsAnnouncements,
           isFederating: this.federating,
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
-          supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBubbleTimeline: this.localBubble,
+          supportsBookmarkFolders: this.pleromaBookmarkFoldersAvailable,
+        },
       )
     },
-    ...mapGetters(['unreadChatCount'])
-  }
+    ...mapGetters(['unreadChatCount']),
+  },
 }
 
 export default NavPanel
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index 10903bcae..ae5c6eae4 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -84,7 +84,7 @@
           />
         </div>
         <NavigationEntry
-          v-if="currentUser && bookmarkFolders"
+          v-if="currentUser && pleromaBookmarkFoldersAvailable"
           :show-pin="false"
           :item="{ icon: 'bookmark', label: 'nav.bookmarks' }"
           :aria-expanded="showBookmarkFolders ? 'true' : 'false'"
diff --git a/src/components/navigation/filter.js b/src/components/navigation/filter.js
index 54abb67b4..0255db6aa 100644
--- a/src/components/navigation/filter.js
+++ b/src/components/navigation/filter.js
@@ -1,39 +1,50 @@
-export const filterNavigation = (list = [], {
-  hasChats,
-  hasAnnouncements,
-  isFederating,
-  isPrivate,
-  currentUser,
-  supportsBookmarkFolders,
-  supportsBubbleTimeline
-}) => {
+export const filterNavigation = (
+  list = [],
+  {
+    hasChats,
+    hasAnnouncements,
+    isFederating,
+    isPrivate,
+    currentUser,
+    supportsBookmarkFolders,
+    supportsBubbleTimeline,
+  },
+) => {
   return list.filter(({ criteria, anon, anonRoute }) => {
     const set = new Set(criteria || [])
     if (!isFederating && set.has('federating')) return false
     if (!currentUser && isPrivate && set.has('!private')) return false
     if (!currentUser && !(anon || anonRoute)) return false
-    if ((!currentUser || !currentUser.locked) && set.has('lockedUser')) return false
+    if ((!currentUser || !currentUser.locked) && set.has('lockedUser'))
+      return false
     if (!hasChats && set.has('chats')) return false
     if (!hasAnnouncements && set.has('announcements')) return false
-    if (!supportsBubbleTimeline && set.has('supportsBubbleTimeline')) return false
-    if (!supportsBookmarkFolders && set.has('supportsBookmarkFolders')) return false
-    if (supportsBookmarkFolders && set.has('!supportsBookmarkFolders')) return false
+    if (!supportsBubbleTimeline && set.has('supportsBubbleTimeline'))
+      return false
+    if (!supportsBookmarkFolders && set.has('supportsBookmarkFolders'))
+      return false
+    if (supportsBookmarkFolders && set.has('!supportsBookmarkFolders'))
+      return false
     return true
   })
 }
 
-export const getListEntries = store => store.allLists.map(list => ({
-  name: 'list-' + list.id,
-  routeObject: { name: 'lists-timeline', params: { id: list.id } },
-  labelRaw: list.title,
-  iconLetter: list.title[0]
-}))
+export const getListEntries = (store) =>
+  store.allLists.map((list) => ({
+    name: 'list-' + list.id,
+    routeObject: { name: 'lists-timeline', params: { id: list.id } },
+    labelRaw: list.title,
+    iconLetter: list.title[0],
+  }))
 
-export const getBookmarkFolderEntries = store => store.allFolders ? store.allFolders.map(folder => ({
-  name: 'bookmark-folder-' + folder.id,
-  routeObject: { name: 'bookmark-folder', params: { id: folder.id } },
-  labelRaw: folder.name,
-  iconEmoji: folder.emoji,
-  iconEmojiUrl: folder.emoji_url,
-  iconLetter: folder.name[0]
-})) : []
+export const getBookmarkFolderEntries = (store) =>
+  store.allFolders
+    ? store.allFolders.map((folder) => ({
+        name: 'bookmark-folder-' + folder.id,
+        routeObject: { name: 'bookmark-folder', params: { id: folder.id } },
+        labelRaw: folder.name,
+        iconEmoji: folder.emoji,
+        iconEmojiUrl: folder.emoji_url,
+        iconLetter: folder.name[0],
+      }))
+    : []
diff --git a/src/components/navigation/navigation.js b/src/components/navigation/navigation.js
index d1c2b6763..66fb0d347 100644
--- a/src/components/navigation/navigation.js
+++ b/src/components/navigation/navigation.js
@@ -4,42 +4,39 @@ export const USERNAME_ROUTES = new Set([
   'interactions',
   'notifications',
   'chat',
-  'chats'
+  'chats',
 ])
 
 // routes that take :name property
-export const NAME_ROUTES = new Set([
-  'user-profile',
-  'legacy-user-profile'
-])
+export const NAME_ROUTES = new Set(['user-profile', 'legacy-user-profile'])
 
 export const TIMELINES = {
   home: {
     route: 'friends',
     icon: 'home',
     label: 'nav.home_timeline',
-    criteria: ['!private']
+    criteria: ['!private'],
   },
   public: {
     route: 'public-timeline',
     anon: true,
     icon: 'users',
     label: 'nav.public_tl',
-    criteria: ['!private']
+    criteria: ['!private'],
   },
   bubble: {
     route: 'bubble',
     anon: true,
     icon: 'city',
     label: 'nav.bubble',
-    criteria: ['!private', 'federating', 'supportsBubbleTimeline']
+    criteria: ['!private', 'federating', 'supportsBubbleTimeline'],
   },
   twkn: {
     route: 'public-external-timeline',
     anon: true,
     icon: 'globe',
     label: 'nav.twkn',
-    criteria: ['!private', 'federating']
+    criteria: ['!private', 'federating'],
   },
   // bookmarks are still technically a timeline so we should show it in the dropdown
   bookmarks: {
@@ -50,13 +47,13 @@ export const TIMELINES = {
   favorites: {
     routeObject: { name: 'user-profile', query: { tab: 'favorites' } },
     icon: 'star',
-    label: 'user_card.favorites'
+    label: 'user_card.favorites',
   },
   dms: {
     route: 'dms',
     icon: 'envelope',
-    label: 'nav.dms'
-  }
+    label: 'nav.dms',
+  },
 }
 
 export const ROOT_ITEMS = {
@@ -67,12 +64,12 @@ export const ROOT_ITEMS = {
     // shows bookmarks entry in a better suited location
     // hides it when bookmark folders are supported since
     // we show custom component instead of it
-    criteria: ['!supportsBookmarkFolders']
+    criteria: ['!supportsBookmarkFolders'],
   },
   interactions: {
     route: 'interactions',
     icon: 'bell',
-    label: 'nav.interactions'
+    label: 'nav.interactions',
   },
   chats: {
     route: 'chats',
@@ -80,7 +77,7 @@ export const ROOT_ITEMS = {
     label: 'nav.chats',
     badgeStyle: 'notification',
     badgeGetter: 'unreadChatCount',
-    criteria: ['chats']
+    criteria: ['chats'],
   },
   friendRequests: {
     route: 'friend-requests',
@@ -88,13 +85,13 @@ export const ROOT_ITEMS = {
     label: 'nav.friend_requests',
     badgeStyle: 'notification',
     criteria: ['lockedUser'],
-    badgeGetter: 'followRequestCount'
+    badgeGetter: 'followRequestCount',
   },
   about: {
     route: 'about',
     anon: true,
     icon: 'info-circle',
-    label: 'nav.about'
+    label: 'nav.about',
   },
   announcements: {
     route: 'announcements',
@@ -103,18 +100,18 @@ export const ROOT_ITEMS = {
     store: 'announcements',
     badgeStyle: 'notification',
     badgeGetter: 'unreadAnnouncementCount',
-    criteria: ['announcements']
+    criteria: ['announcements'],
   },
   drafts: {
     route: 'drafts',
     icon: 'file-pen',
     label: 'nav.drafts',
     badgeStyle: 'neutral',
-    badgeGetter: 'draftCount'
-  }
+    badgeGetter: 'draftCount',
+  },
 }
 
-export function routeTo (item, currentUser) {
+export function routeTo(item, currentUser) {
   if (!item.route && !item.routeObject) return null
 
   let route
@@ -122,7 +119,7 @@ export function routeTo (item, currentUser) {
   if (item.routeObject) {
     route = item.routeObject
   } else {
-    route = { name: (item.anon || currentUser) ? item.route : item.anonRoute }
+    route = { name: item.anon || currentUser ? item.route : item.anonRoute }
   }
 
   if (USERNAME_ROUTES.has(route.name)) {
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 11db1c9e3..7a43000ce 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,48 +1,57 @@
+import { mapState as mapPiniaState, mapStores } from 'pinia'
 import { mapState } from 'vuex'
+
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
-import { mapStores, mapState as mapPiniaState } from 'pinia'
-
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
 library.add(faThumbtack)
 
 const NavigationEntry = {
   props: ['item', 'showPin'],
   components: {
-    OptionalRouterLink
+    OptionalRouterLink,
   },
   methods: {
-    isPinned (value) {
+    isPinned(value) {
       return this.pinnedItems.has(value)
     },
-    togglePin (value) {
+    togglePin(value) {
       if (this.isPinned(value)) {
-        useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedNavItems', value })
+        useSyncConfigStore().removeCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value,
+        })
       } else {
-        useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedNavItems', value })
+        useSyncConfigStore().addCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value,
+        })
       }
-      useServerSideStorageStore().pushServerSideStorage()
-    }
+      useSyncConfigStore().pushSyncConfig()
+    },
   },
   computed: {
-    routeTo () {
+    routeTo() {
       return routeTo(this.item, this.currentUser)
     },
-    getters () {
+    getters() {
       return this.$store.getters
     },
     ...mapStores(useAnnouncementsStore),
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    ...mapPiniaState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+    ...mapPiniaState(useSyncConfigStore, {
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
-  }
+  },
 }
 
 export default NavigationEntry
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index f9a900fc6..85f6fafee 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,27 +1,38 @@
-import { mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import { TIMELINES, ROOT_ITEMS, routeTo } from 'src/components/navigation/navigation.js'
-import { getBookmarkFolderEntries, getListEntries, filterNavigation } from 'src/components/navigation/filter.js'
+import { mapState } from 'vuex'
 
+import {
+  filterNavigation,
+  getBookmarkFolderEntries,
+  getListEntries,
+} from 'src/components/navigation/filter.js'
+import {
+  ROOT_ITEMS,
+  routeTo,
+  TIMELINES,
+} from 'src/components/navigation/navigation.js'
 import StillImage from 'src/components/still-image/still-image.vue'
 
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useListsStore } from 'src/stores/lists'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
-  faBookmark,
-  faEnvelope,
-  faComments,
   faBell,
+  faBookmark,
+  faCity,
+  faComments,
+  faEnvelope,
+  faGlobe,
   faInfoCircle,
+  faList,
   faStream,
-  faList
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
-import { useListsStore } from 'src/stores/lists'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
 library.add(
   faUsers,
@@ -33,85 +44,87 @@ library.add(
   faBell,
   faInfoCircle,
   faStream,
-  faList
+  faList,
 )
 
 const NavPanel = {
   props: ['limit'],
   methods: {
-    getRouteTo (item) {
+    getRouteTo(item) {
       return routeTo(item, this.currentUser)
-    }
+    },
   },
   components: {
-    StillImage
+    StillImage,
   },
   computed: {
-    getters () {
+    getters() {
       return this.$store.getters
     },
     ...mapPiniaState(useListsStore, {
-      lists: getListEntries
+      lists: getListEntries,
     }),
     ...mapPiniaState(useAnnouncementsStore, {
-      supportsAnnouncements: store => store.supportsAnnouncements
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
     }),
     ...mapPiniaState(useBookmarkFoldersStore, {
       bookmarks: getBookmarkFolderEntries,
     }),
-    ...mapPiniaState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+    ...mapPiniaState(useSyncConfigStore, {
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
+    ...mapPiniaState(useInstanceStore, ['privateMode', 'federating']),
+    ...mapPiniaState(useInstanceCapabilitiesStore, [
+      'pleromaChatMessagesAvailable',
+      'localBubble',
+    ]),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      followRequestCount: state => state.api.followRequests.length,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      followRequestCount: (state) => state.api.followRequests.length,
     }),
-    pinnedList () {
+    pinnedList() {
       if (!this.currentUser) {
-        return filterNavigation([
-          { ...TIMELINES.public, name: 'public' },
-          { ...TIMELINES.twkn, name: 'twkn' },
-          { ...ROOT_ITEMS.about, name: 'about' }
-        ],
-        {
-          hasChats: this.pleromaChatMessagesAvailable,
-          hasAnnouncements: this.supportsAnnouncements,
-          isFederating: this.federating,
-          isPrivate: this.privateMode,
-          currentUser: this.currentUser,
-          supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarks
-        })
+        return filterNavigation(
+          [
+            { ...TIMELINES.public, name: 'public' },
+            { ...TIMELINES.twkn, name: 'twkn' },
+            { ...ROOT_ITEMS.about, name: 'about' },
+          ],
+          {
+            hasChats: this.pleromaChatMessagesAvailable,
+            hasAnnouncements: this.supportsAnnouncements,
+            isFederating: this.federating,
+            isPrivate: this.privateMode,
+            currentUser: this.currentUser,
+            supportsBubbleTimeline: this.localBubble,
+            supportsBookmarkFolders: this.bookmarks,
+          },
+        )
       }
       return filterNavigation(
         [
-          ...Object
-            .entries({ ...TIMELINES })
+          ...Object.entries({ ...TIMELINES })
             .filter(([k]) => this.pinnedItems.has(k))
             .map(([k, v]) => ({ ...v, name: k })),
           ...this.lists.filter((k) => this.pinnedItems.has(k.name)),
           ...this.bookmarks.filter((k) => this.pinnedItems.has(k.name)),
-          ...Object
-            .entries({ ...ROOT_ITEMS })
+          ...Object.entries({ ...ROOT_ITEMS })
             .filter(([k]) => this.pinnedItems.has(k))
-            .map(([k, v]) => ({ ...v, name: k }))
+            .map(([k, v]) => ({ ...v, name: k })),
         ],
         {
           hasChats: this.pleromaChatMessagesAvailable,
           hasAnnouncements: this.supportsAnnouncements,
-          supportsBubbleTimeline: this.bubbleTimeline,
+          supportsBubbleTimeline: this.localBubble,
           supportsBookmarkFolders: this.bookmarks,
           isFederating: this.federating,
           isPrivate: this.privateMode,
-          currentUser: this.currentUser
-        }
+          currentUser: this.currentUser,
+        },
       ).slice(0, this.limit)
-    }
-  }
+    },
+  },
 }
 
 export default NavPanel
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 043be1b1a..5f612cb9c 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,29 +1,39 @@
-import StatusContent from '../status_content/status_content.vue'
 import { mapState } from 'vuex'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Report from '../report/report.vue'
 import Status from '../status/status.vue'
+import StatusContent from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserCard from '../user_card/user_card.vue'
-import Timeago from '../timeago/timeago.vue'
-import Report from '../report/report.vue'
 import UserLink from '../user_link/user_link.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserPopover from '../user_popover/user_popover.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCheck,
-  faTimes,
-  faStar,
-  faRetweet,
-  faUserPlus,
-  faEyeSlash,
-  faUser,
-  faSuitcaseRolling,
+  faCompressAlt,
   faExpandAlt,
-  faCompressAlt
+  faEyeSlash,
+  faRetweet,
+  faStar,
+  faSuitcaseRolling,
+  faTimes,
+  faUser,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -36,16 +46,17 @@ library.add(
   faEyeSlash,
   faSuitcaseRolling,
   faExpandAlt,
-  faCompressAlt
+  faCompressAlt,
 )
 
 const Notification = {
-  data () {
+  data() {
     return {
+      selecting: false,
       statusExpanded: false,
       unmuted: false,
       showingApproveConfirmDialog: false,
-      showingDenyConfirmDialog: false
+      showingDenyConfirmDialog: false,
     }
   },
   props: ['notification'],
@@ -60,113 +71,157 @@ const Notification = {
     RichContent,
     UserPopover,
     UserLink,
-    ConfirmModal
+    ConfirmModal,
+  },
+  mounted() {
+    document.addEventListener('selectionchange', this.onContentSelect)
+  },
+  unmounted() {
+    document.removeEventListener('selectionchange', this.onContentSelect)
   },
   methods: {
-    toggleStatusExpanded () {
+    toggleStatusExpanded() {
+      if (!this.expandable) return
       this.statusExpanded = !this.statusExpanded
     },
-    generateUserProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
+    onContentSelect() {
+      const { isCollapsed, anchorNode, offsetNode } = document.getSelection()
+      if (isCollapsed) {
+        this.selecting = false
+        return
+      }
+      const within =
+        this.$refs.root.contains(anchorNode) ||
+        this.$refs.root.contains(offsetNode)
+      if (within) {
+        this.selecting = true
+      } else {
+        this.selecting = false
+      }
     },
-    getUser (notification) {
+    onContentClick(e) {
+      if (
+        !this.selecting &&
+        !e.target.closest('a') &&
+        !e.target.closest('button')
+      ) {
+        this.toggleStatusExpanded()
+      }
+    },
+    generateUserProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
+      )
+    },
+    getUser(notification) {
       return this.$store.state.users.usersObject[notification.from_profile.id]
     },
-    interacted () {
+    interacted() {
       this.$emit('interacted')
     },
-    toggleMute () {
+    toggleMute() {
       this.unmuted = !this.unmuted
     },
-    showApproveConfirmDialog () {
+    showApproveConfirmDialog() {
       this.showingApproveConfirmDialog = true
     },
-    hideApproveConfirmDialog () {
+    hideApproveConfirmDialog() {
       this.showingApproveConfirmDialog = false
     },
-    showDenyConfirmDialog () {
+    showDenyConfirmDialog() {
       this.showingDenyConfirmDialog = true
     },
-    hideDenyConfirmDialog () {
+    hideDenyConfirmDialog() {
       this.showingDenyConfirmDialog = false
     },
-    approveUser () {
+    approveUser() {
       if (this.shouldConfirmApprove) {
         this.showApproveConfirmDialog()
       } else {
         this.doApprove()
       }
     },
-    doApprove () {
+    doApprove() {
       this.$emit('interacted')
       this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
       this.$store.dispatch('removeFollowRequest', this.user)
-      this.$store.dispatch('markSingleNotificationAsSeen', { id: this.notification.id })
+      this.$store.dispatch('markSingleNotificationAsSeen', {
+        id: this.notification.id,
+      })
       this.$store.dispatch('updateNotification', {
         id: this.notification.id,
-        updater: notification => {
+        updater: (notification) => {
           notification.type = 'follow'
-        }
+        },
       })
       this.hideApproveConfirmDialog()
     },
-    denyUser () {
+    denyUser() {
       if (this.shouldConfirmDeny) {
         this.showDenyConfirmDialog()
       } else {
         this.doDeny()
       }
     },
-    doDeny () {
+    doDeny() {
       this.$emit('interacted')
-      this.$store.state.api.backendInteractor.denyUser({ id: this.user.id })
+      this.$store.state.api.backendInteractor
+        .denyUser({ id: this.user.id })
         .then(() => {
-          this.$store.dispatch('dismissNotificationLocal', { id: this.notification.id })
+          this.$store.dispatch('dismissNotificationLocal', {
+            id: this.notification.id,
+          })
           this.$store.dispatch('removeFollowRequest', this.user)
         })
       this.hideDenyConfirmDialog()
-    }
+    },
   },
   computed: {
-    userClass () {
+    userClass() {
       return highlightClass(this.notification.from_profile)
     },
-    userStyle () {
-      const highlight = this.$store.getters.mergedConfig.highlight
-      const user = this.notification.from_profile
-      return highlightStyle(highlight[user.screen_name])
+    userStyle() {
+      const user = this.notification.from_profile.screen_name
+      return highlightStyle(useUserHighlightStore().get(user))
     },
-    user () {
+    expandable() {
+      return new Set(['like', 'pleroma:emoji_reaction', 'repeat', 'poll']).has(
+        this.notification.type,
+      )
+    },
+    user() {
       return this.$store.getters.findUser(this.notification.from_profile.id)
     },
-    userProfileLink () {
+    userProfileLink() {
       return this.generateUserProfileLink(this.user)
     },
-    targetUser () {
+    targetUser() {
       return this.$store.getters.findUser(this.notification.target.id)
     },
-    targetUserProfileLink () {
+    targetUserProfileLink() {
       return this.generateUserProfileLink(this.targetUser)
     },
-    needMute () {
+    needMute() {
       return this.$store.getters.relationship(this.user.id).muting
     },
-    isStatusNotification () {
+    isStatusNotification() {
       return isStatusNotification(this.notification.type)
     },
-    mergedConfig () {
-      return this.$store.getters.mergedConfig
+    mergedConfig() {
+      return useMergedConfigStore().mergedConfig
     },
-    shouldConfirmApprove () {
+    shouldConfirmApprove() {
       return this.mergedConfig.modalOnApproveFollow
     },
-    shouldConfirmDeny () {
+    shouldConfirmDeny() {
       return this.mergedConfig.modalOnDenyFollow
     },
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+    }),
+  },
 }
 
 export default Notification
diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss
index e8895ce59..934d3e58d 100644
--- a/src/components/notification/notification.scss
+++ b/src/components/notification/notification.scss
@@ -1,10 +1,15 @@
 // TODO Copypaste from Status, should unify it somehow
+
 .Notification {
   border-bottom: 1px solid;
   border-color: var(--border);
   overflow-wrap: break-word;
   text-wrap: pretty;
 
+  .status-content {
+    cursor: pointer;
+  }
+
   &.Status {
     /* stylelint-disable-next-line declaration-no-important */
     background-color: transparent !important;
diff --git a/src/components/notification/notification.style.js b/src/components/notification/notification.style.js
index c6d317d1c..49e28cf2e 100644
--- a/src/components/notification/notification.style.js
+++ b/src/components/notification/notification.style.js
@@ -6,13 +6,8 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'RichContent',
-    'Input',
     'Avatar',
-    'Attachment',
-    'PollGraph'
+    'PollGraph',
   ],
-  defaultRules: []
+  defaultRules: [],
 }
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 0930e0990..7165289dc 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -1,6 +1,7 @@
 <template>
   <article
     v-if="notification.type === 'mention' || notification.type === 'status'"
+    ref="root"
   >
     <Status
       class="Notification"
@@ -9,9 +10,17 @@
       @interacted="interacted"
     />
   </article>
-  <article v-else>
+  <article
+    v-else
+    ref="root"
+    class="NotificationParent"
+    :class="{ '-expandable': expandable }"
+  >
     <div
       v-if="needMute && !unmuted"
+      :id="'notif-' +notification.id"
+      :aria-expanded="statusExpanded"
+      :aria-controls="'notif-' +notification.id"
       class="Notification container -muted"
     >
       <small>
@@ -62,6 +71,7 @@
                 :title="'@'+notification.from_profile.screen_name_ui"
                 :html="notification.from_profile.name_html"
                 :emoji="notification.from_profile.emoji"
+                :is-local="notification.from_profile.is_local"
               />
             </bdi>
             <!-- eslint-enable vue/no-v-html -->
@@ -245,8 +255,11 @@
         />
         <template v-else>
           <StatusContent
+            class="status-content"
             :compact="!statusExpanded"
             :status="notification.status"
+            :collapse="!statusExpanded"
+            @click="onContentClick"
           />
         </template>
       </div>
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 0b740ea0a..9232930df 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -107,30 +107,32 @@
 
 <script>
 import Popover from '../popover/popover.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faFilter
-)
+library.add(faFilter)
 
 export default {
   components: { Popover },
   computed: {
-    filters () {
-      return this.$store.getters.mergedConfig.notificationVisibility
-    }
+    filters() {
+      return useMergedConfigStore().mergedConfig.notificationVisibility
+    },
   },
   methods: {
-    toggleNotificationFilter (type) {
-      this.$store.dispatch('setOption', {
-        name: 'notificationVisibility',
+    toggleNotificationFilter(type) {
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'notificationVisibility',
         value: {
           ...this.filters,
-          [type]: !this.filters[type]
-        }
+          [type]: !this.filters[type],
+        },
       })
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index ced97d57f..564fae7f2 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -1,28 +1,32 @@
+import { mapState } from 'pinia'
 import { computed } from 'vue'
 import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
-import Notification from '../notification/notification.vue'
-import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
-import NotificationFilters from './notification_filters.vue'
-import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
-import {
-  notificationsFromStore,
-  filteredNotificationsFromStore,
-  unseenNotificationsFromStore,
-  countExtraNotifications,
-  ACTIONABLE_NOTIFICATION_TYPES
-} from '../../services/notification_utils/notification_utils.js'
-import FaviconService from '../../services/favicon_service/favicon_service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faArrowUp, faMinus } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
-library.add(
-  faCircleNotch,
+import FaviconService from '../../services/favicon_service/favicon_service.js'
+import {
+  ACTIONABLE_NOTIFICATION_TYPES,
+  countExtraNotifications,
+  filteredNotificationsFromStore,
+  notificationsFromStore,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils.js'
+import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
+import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
+import Notification from '../notification/notification.vue'
+import NotificationFilters from './notification_filters.vue'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
   faArrowUp,
-  faMinus
-)
+  faCircleNotch,
+  faMinus,
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch, faArrowUp, faMinus)
 
 const DEFAULT_SEEN_TO_DISPLAY_COUNT = 30
 
@@ -30,7 +34,7 @@ const Notifications = {
   components: {
     Notification,
     NotificationFilters,
-    ExtraNotifications
+    ExtraNotifications,
   },
   props: {
     // Disables panel styles, unread mark, potentially other notification-related actions
@@ -41,93 +45,122 @@ const Notifications = {
     // Do not show extra notifications
     noExtra: {
       type: Boolean,
-      default: false
+      default: false,
     },
     // Disable teleporting (i.e. for /users/user/notifications)
-    disableTeleport: Boolean
+    disableTeleport: Boolean,
   },
-  data () {
+  data() {
     return {
       showScrollTop: false,
       bottomedOut: false,
       // How many seen notifications to display in the list. The more there are,
       // the heavier the page becomes. This count is increased when loading
       // older notifications, and cut back to default whenever hitting "Read!".
-      seenToDisplayCount: DEFAULT_SEEN_TO_DISPLAY_COUNT
+      seenToDisplayCount: DEFAULT_SEEN_TO_DISPLAY_COUNT,
     }
   },
-  provide () {
+  provide() {
     return {
-      popoversZLayer: computed(() => this.popoversZLayer)
+      popoversZLayer: computed(() => this.popoversZLayer),
     }
   },
   computed: {
-    mainClass () {
+    mainClass() {
       return this.minimalMode ? '' : 'panel panel-default'
     },
-    notifications () {
+    notifications() {
       return notificationsFromStore(this.$store)
     },
-    error () {
+    error() {
       return this.$store.state.notifications.error
     },
-    unseenNotifications () {
-      return unseenNotificationsFromStore(this.$store)
+    unseenNotifications() {
+      return unseenNotificationsFromStore(
+        this.$store,
+        useMergedConfigStore().mergedConfig.notificationVisibility,
+      )
     },
-    filteredNotifications () {
+    filteredNotifications() {
       if (this.unseenAtTop) {
         return [
-          ...filteredNotificationsFromStore(this.$store).filter(n => this.shouldShowUnseen(n)),
-          ...filteredNotificationsFromStore(this.$store).filter(n => !this.shouldShowUnseen(n))
+          ...filteredNotificationsFromStore(
+            this.$store,
+            useMergedConfigStore().mergedConfig.notificationVisibility,
+          ).filter((n) => this.shouldShowUnseen(n)),
+          ...filteredNotificationsFromStore(
+            this.$store,
+            useMergedConfigStore().mergedConfig.notificationVisibility,
+          ).filter((n) => !this.shouldShowUnseen(n)),
         ]
       } else {
-        return filteredNotificationsFromStore(this.$store, this.filterMode)
+        return filteredNotificationsFromStore(
+          this.$store,
+          useMergedConfigStore().mergedConfig.notificationVisibility,
+          this.filterMode,
+        )
       }
     },
-    unseenCountBadgeText () {
+    unseenCountBadgeText() {
       return `${this.unseenCount ? this.unseenCount : ''}${this.extraNotificationsCount ? '*' : ''}`
     },
-    unseenCount () {
+    unseenCount() {
       return this.unseenNotifications.length
     },
-    ignoreInactionableSeen () { return this.$store.getters.mergedConfig.ignoreInactionableSeen },
-    extraNotificationsCount () {
-      return countExtraNotifications(this.$store)
+    ignoreInactionableSeen() {
+      return useMergedConfigStore().mergedConfig.ignoreInactionableSeen
     },
-    unseenCountTitle () {
-      return this.unseenNotifications.length + (this.unreadChatCount) + this.unreadAnnouncementCount
+    extraNotificationsCount() {
+      return countExtraNotifications(
+        this.$store,
+        useMergedConfigStore().mergedConfig,
+      )
     },
-    loading () {
+    unseenCountTitle() {
+      return (
+        this.unseenNotifications.length +
+        this.unreadChatCount +
+        this.unreadAnnouncementCount
+      )
+    },
+    loading() {
       return this.$store.state.notifications.loading
     },
-    noHeading () {
+    noHeading() {
       const { layoutType } = useInterfaceStore()
       return this.minimalMode || layoutType === 'mobile'
     },
-    teleportTarget () {
+    teleportTarget() {
       const { layoutType } = useInterfaceStore()
       const map = {
         wide: '#notifs-column',
-        mobile: '#mobile-notifications'
+        mobile: '#mobile-notifications',
       }
       return map[layoutType] || '#notifs-sidebar'
     },
-    popoversZLayer () {
+    popoversZLayer() {
       const { layoutType } = useInterfaceStore()
       return layoutType === 'mobile' ? 'navbar' : null
     },
-    notificationsToDisplay () {
-      return this.filteredNotifications.slice(0, this.unseenCount + this.seenToDisplayCount)
+    notificationsToDisplay() {
+      return this.filteredNotifications.slice(
+        0,
+        this.unseenCount + this.seenToDisplayCount,
+      )
     },
-    noSticky () { return this.$store.getters.mergedConfig.disableStickyHeaders },
-    unseenAtTop () { return this.$store.getters.mergedConfig.unseenAtTop },
-    showExtraNotifications () {
+    noSticky() {
+      return useMergedConfigStore().mergedConfig.disableStickyHeaders
+    },
+    unseenAtTop() {
+      return useMergedConfigStore().mergedConfig.unseenAtTop
+    },
+    showExtraNotifications() {
       return !this.noExtra
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
-    ...mapGetters(['unreadChatCount'])
+    ...mapGetters(['unreadChatCount']),
   },
-  mounted () {
+  mounted() {
     this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
     if (!this.scrollerRef) {
       this.scrollerRef = this.$refs.root.closest('.mobile-notifications')
@@ -137,12 +170,12 @@ const Notifications = {
     }
     this.scrollerRef.addEventListener('scroll', this.updateScrollPosition)
   },
-  unmounted () {
+  unmounted() {
     if (!this.scrollerRef) return
     this.scrollerRef.removeEventListener('scroll', this.updateScrollPosition)
   },
   watch: {
-    unseenCountTitle (count) {
+    unseenCountTitle(count) {
       if (count > 0) {
         FaviconService.drawFaviconBadge()
         useInterfaceStore().setPageTitle(`(${count})`)
@@ -151,10 +184,13 @@ const Notifications = {
         useInterfaceStore().setPageTitle('')
       }
     },
-    teleportTarget () {
+    teleportTarget() {
       // handle scroller change
       this.$nextTick(() => {
-        this.scrollerRef.removeEventListener('scroll', this.updateScrollPosition)
+        this.scrollerRef.removeEventListener(
+          'scroll',
+          this.updateScrollPosition,
+        )
         this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
         if (!this.scrollerRef) {
           this.scrollerRef = this.$refs.root.closest('.mobile-notifications')
@@ -162,17 +198,18 @@ const Notifications = {
         this.scrollerRef.addEventListener('scroll', this.updateScrollPosition)
         this.updateScrollPosition()
       })
-    }
+    },
   },
   methods: {
-    scrollToTop () {
+    scrollToTop() {
       const scrollable = this.scrollerRef
       scrollable.scrollTo({ top: this.$refs.root.offsetTop })
     },
-    updateScrollPosition () {
-      this.showScrollTop = this.$refs.root.offsetTop < this.scrollerRef.scrollTop
+    updateScrollPosition() {
+      this.showScrollTop =
+        this.$refs.root.offsetTop < this.scrollerRef.scrollTop
     },
-    shouldShowUnseen (notification) {
+    shouldShowUnseen(notification) {
       if (notification.seen) return false
 
       const actionable = ACTIONABLE_NOTIFICATION_TYPES.has(notification.type)
@@ -182,26 +219,29 @@ const Notifications = {
      * everything else (likes/repeats/reacts) cannot be acted and therefore we just clear
      * the "seen" status upon any clicks on them
      */
-    notificationClicked (notification) {
+    notificationClicked(notification) {
       const { id } = notification
       this.$store.dispatch('notificationClicked', { id })
     },
-    notificationInteracted (notification) {
+    notificationInteracted(notification) {
       const { id } = notification
       this.$store.dispatch('markSingleNotificationAsSeen', { id })
     },
-    markAsSeen () {
+    markAsSeen() {
       this.$store.dispatch('markNotificationsAsSeen')
       this.seenToDisplayCount = DEFAULT_SEEN_TO_DISPLAY_COUNT
     },
-    fetchOlderNotifications () {
+    fetchOlderNotifications() {
       if (this.loading) {
         return
       }
 
       const seenCount = this.filteredNotifications.length - this.unseenCount
       if (this.seenToDisplayCount < seenCount) {
-        this.seenToDisplayCount = Math.min(this.seenToDisplayCount + 20, seenCount)
+        this.seenToDisplayCount = Math.min(
+          this.seenToDisplayCount + 20,
+          seenCount,
+        )
         return
       } else if (this.seenToDisplayCount > seenCount) {
         this.seenToDisplayCount = seenCount
@@ -210,19 +250,21 @@ const Notifications = {
       const store = this.$store
       const credentials = store.state.users.currentUser.credentials
       store.commit('setNotificationsLoading', { value: true })
-      notificationsFetcher.fetchAndUpdate({
-        store,
-        credentials,
-        older: true
-      }).then(notifs => {
-        store.commit('setNotificationsLoading', { value: false })
-        if (notifs.length === 0) {
-          this.bottomedOut = true
-        }
-        this.seenToDisplayCount += notifs.length
-      })
-    }
-  }
+      notificationsFetcher
+        .fetchAndUpdate({
+          store,
+          credentials,
+          older: true,
+        })
+        .then((notifs) => {
+          store.commit('setNotificationsLoading', { value: false })
+          if (notifs.length === 0) {
+            this.bottomedOut = true
+          }
+          this.seenToDisplayCount += notifs.length
+        })
+    },
+  },
 }
 
 export default Notifications
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index 02e4c9ffc..4bcb9803e 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -1,25 +1,29 @@
 import oauth from '../../services/new_api/oauth.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 
 const oac = {
   props: ['code'],
-  mounted () {
+  mounted() {
     if (this.code) {
       const oauthStore = useOAuthStore()
       const { clientId, clientSecret } = oauthStore
 
-      oauth.getToken({
-        clientId,
-        clientSecret,
-        instance: this.$store.state.instance.server,
-        code: this.code
-      }).then((result) => {
-        oauthStore.setToken(result.access_token)
-        this.$store.dispatch('loginUser', result.access_token)
-        this.$router.push({ name: 'friends' })
-      })
+      oauth
+        .getToken({
+          clientId,
+          clientSecret,
+          instance: useInstanceStore().server,
+          code: this.code,
+        })
+        .then((result) => {
+          oauthStore.setToken(result.access_token)
+          this.$store.dispatch('loginUser', result.access_token)
+          this.$router.push({ name: 'friends' })
+        })
     }
-  }
+  },
 }
 
 export default oac
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index 041219feb..b8012741f 100644
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@@ -8,7 +8,7 @@
       class="label"
       :class="{ faint: !present || disabled }"
     >
-      {{ label }}
+      {{ label || $t('settings.style.themes3.editor.opacity') }}
     </label>
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
@@ -36,16 +36,14 @@
 import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'disabled'
-  ],
+  props: ['name', 'label', 'modelValue', 'fallback', 'disabled'],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/optional_router_link/optional_router_link.vue b/src/components/optional_router_link/optional_router_link.vue
index d56ad268a..b0d553801 100644
--- a/src/components/optional_router_link/optional_router_link.vue
+++ b/src/components/optional_router_link/optional_router_link.vue
@@ -18,6 +18,6 @@
 
 <script>
 export default {
-  props: ['to']
+  props: ['to'],
 }
 </script>
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 252928b9e..eec9fe361 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -1,60 +1,65 @@
 <template>
   <div
     class="PaletteEditor"
-    :class="{ '-compact': compact, '-apply': apply }"
+    :class="{ '-compact': compact, '-apply': apply, '-mobile': mobile }"
   >
-    <ColorInput
-      v-for="key in paletteKeys"
-      :key="key"
-      :name="key"
-      :model-value="props.modelValue[key]"
-      :fallback="fallback(key)"
-      :label="$t('settings.style.themes3.palette.' + key)"
-      @update:model-value="value => updatePalette(key, value)"
-    />
-    <button
-      class="btn button-default palette-import-button"
-      @click="importPalette"
-    >
-      <FAIcon icon="file-import" />
-      {{ $t('settings.style.themes3.palette.import') }}
-    </button>
-    <button
-      class="btn button-default palette-export-button"
-      @click="exportPalette"
-    >
-      <FAIcon icon="file-export" />
-      {{ $t('settings.style.themes3.palette.export') }}
-    </button>
-    <button
-      v-if="apply"
-      class="btn button-default palette-apply-button"
-      :disabled="disabled"
-      :class="{ disabled }"
-      @click="applyPalette"
-    >
-      {{ $t('settings.style.themes3.palette.apply') }}
-    </button>
+    <div class="palette">
+      <ColorInput
+        v-for="key in paletteKeys"
+        :key="key"
+        :name="key"
+        :model-value="props.modelValue[key]"
+        :fallback="fallback(key)"
+        :label="$t('settings.style.themes3.palette.' + key)"
+        @update:model-value="value => updatePalette(key, value)"
+      />
+    </div>
+    <div class="buttons">
+      <button
+        class="btn button-default palette-import-button"
+        @click="importPalette"
+      >
+        <FAIcon icon="file-import" />
+        {{ $t('settings.style.themes3.palette.import') }}
+      </button>
+      <button
+        class="btn button-default palette-export-button"
+        @click="exportPalette"
+      >
+        <FAIcon icon="file-export" />
+        {{ $t('settings.style.themes3.palette.export') }}
+      </button>
+    </div>
+    <div class="buttons">
+      <button
+        v-if="apply"
+        class="btn button-default palette-apply-button"
+        :disabled="disabled"
+        :class="{ disabled }"
+        @click="applyPalette"
+      >
+        {{ $t('settings.style.themes3.palette.apply') }}
+      </button>
+    </div>
   </div>
 </template>
 
 <script setup>
+import { computed } from 'vue'
+
 import ColorInput from 'src/components/color_input/color_input.vue'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
+
 import {
+  newExporter,
   newImporter,
-  newExporter
 } from 'src/services/export_import/export_import.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faFileImport,
-  faFileExport
-} from '@fortawesome/free-solid-svg-icons'
+import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faFileImport,
-  faFileExport
-)
+library.add(faFileImport, faFileExport)
 
 const paletteKeys = [
   'bg',
@@ -66,30 +71,31 @@ const paletteKeys = [
   'cBlue',
   'cGreen',
   'cOrange',
-  'wallpaper'
+  'wallpaper',
 ]
 
 const props = defineProps(['modelValue', 'compact', 'apply', 'disabled'])
 const emit = defineEmits(['update:modelValue', 'applyPalette'])
-const getExportedObject = () => paletteKeys.reduce((acc, key) => {
-  const value = props.modelValue[key]
-  if (value == null) {
-    return acc
-  } else {
-    return { ...acc, [key]: props.modelValue[key] }
-  }
-}, {})
+const getExportedObject = () =>
+  paletteKeys.reduce((acc, key) => {
+    const value = props.modelValue[key]
+    if (value == null) {
+      return acc
+    } else {
+      return { ...acc, [key]: props.modelValue[key] }
+    }
+  }, {})
 
 const paletteExporter = newExporter({
   filename: 'pleroma_palette',
   extension: 'json',
-  getExportedObject
+  getExportedObject,
 })
 const paletteImporter = newImporter({
   accept: '.json',
-  onImport (parsed) {
+  onImport(parsed) {
     emit('update:modelValue', parsed)
-  }
+  },
 })
 
 const exportPalette = () => {
@@ -104,6 +110,10 @@ const applyPalette = () => {
   emit('applyPalette', getExportedObject())
 }
 
+const mobile = computed(() => {
+  return useInterfaceStore().layoutType === 'mobile'
+})
+
 const fallback = (key) => {
   if (key === 'accent') {
     return props.modelValue.link
@@ -122,20 +132,35 @@ const fallback = (key) => {
 const updatePalette = (paletteKey, value) => {
   emit('update:modelValue', {
     ...props.modelValue,
-    [paletteKey]: value
+    [paletteKey]: value,
   })
 }
 </script>
 
 <style lang="scss">
 .PaletteEditor {
-  display: grid;
   justify-content: space-around;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(5, 1fr) auto;
   grid-gap: 0.5em;
   align-items: baseline;
 
+  .buttons {
+    margin-top: 0.5em;
+    display: grid;
+    gap: 0.5em
+  }
+
+  .palette {
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-auto-flow: row;
+    grid-auto-rows: auto;
+    grid-template-columns: repeat(auto-fill, 10em);
+    grid-gap: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
   .palette-import-button {
     grid-column: 1 / span 2;
   }
@@ -171,23 +196,21 @@ const updatePalette = (paletteKey, value) => {
         grid-column: 1 / span 2;
       }
     }
+  }
 
-    .-mobile & {
-      grid-template-columns: 1fr;
-      grid-template-rows: repeat(10, 1fr) auto;
-
-      .palette-import-button {
-        grid-column: 1;
+  &.-mobile {
+    &.-apply {
+      .palette-apply-button {
+        grid-column: 1 / span 2;
       }
+    }
 
-      .palette-export-button {
-        grid-column: 1;
-      }
+    .color-input {
+      display: grid;
+      gap: 0.5em;
 
-      &.-apply {
-        .palette-apply-button {
-          grid-column: 1;
-        }
+      label {
+        flex: 1;
       }
     }
   }
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index a017a52bc..ff8c2bf3b 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -6,30 +6,12 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
     'PanelHeader',
-    'MenuItem',
     'Post',
     'Notification',
-    'Alert',
-    'UserCard',
-    'Chat',
-    'Attachment',
-    'Tab',
-    'ListItem'
-  ],
-  validInnerComponentsLite: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'Button',
-    'Input',
-    'PanelHeader',
-    'Alert'
+    'MenuItem',
   ],
+  validInnerComponentsLite: ['Text', 'Link', 'Icon', 'Border', 'PanelHeader'],
   defaultRules: [
     {
       directives: {
@@ -37,23 +19,25 @@ export default {
         background: '--bg',
         roundness: 3,
         blur: '5px',
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.5
-        },
-        {
-          x: 0,
-          y: 4,
-          blur: 6,
-          spread: 3,
-          color: '#000000',
-          alpha: 0.3
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 0,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.5,
+          },
+          {
+            x: 0,
+            y: 4,
+            blur: 6,
+            spread: 3,
+            color: '#000000',
+            alpha: 0.3,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js
index 226ff9e16..67673e1bf 100644
--- a/src/components/panel_header.style.js
+++ b/src/components/panel_header.style.js
@@ -7,9 +7,7 @@ export default {
     'Icon',
     'Button',
     'ButtonUnstyled',
-    'Badge',
     'Alert',
-    'Avatar'
   ],
   defaultRules: [
     {
@@ -17,24 +15,26 @@ export default {
       directives: {
         backgroundNoCssColor: 'yes',
         background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.4
-        },
-        {
-          x: 0,
-          y: 1,
-          blur: 0,
-          spread: 0,
-          color: '#ffffff',
-          alpha: 0.2,
-          inset: true
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.4,
+          },
+          {
+            x: 0,
+            y: 1,
+            blur: 0,
+            spread: 0,
+            color: '#ffffff',
+            alpha: 0.2,
+            inset: true,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/panel_loading/panel_loading.vue b/src/components/panel_loading/panel_loading.vue
index 7a8321220..df29e5df0 100644
--- a/src/components/panel_loading/panel_loading.vue
+++ b/src/components/panel_loading/panel_loading.vue
@@ -15,9 +15,7 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 export default {}
 </script>
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index 3d94f5e72..5a54d846b 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,34 +1,32 @@
+import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
-import passwordResetApi from '../../services/new_api/password_reset.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+import passwordResetApi from '../../services/new_api/password_reset.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes)
 
 const passwordReset = {
   data: () => ({
     user: {
-      email: ''
+      email: '',
     },
     isPending: false,
     success: false,
     throttled: false,
-    error: null
+    error: null,
   }),
   computed: {
     ...mapState({
       signedIn: (state) => !!state.users.currentUser,
-      instance: state => state.instance
     }),
-    mailerEnabled () {
-      return this.instance.mailerEnabled
-    }
+    ...mapPiniaState(useInstanceStore, ['server', 'mailerEnabled']),
   },
-  created () {
+  created() {
     if (this.signedIn) {
       this.$router.push({ name: 'root' })
     }
@@ -36,36 +34,38 @@ const passwordReset = {
   props: {
     passwordResetRequested: {
       default: false,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
   methods: {
-    dismissError () {
+    dismissError() {
       this.error = null
     },
-    submit () {
+    submit() {
       this.isPending = true
       const email = this.user.email
-      const instance = this.instance.server
+      const server = this.server
 
-      passwordResetApi({ instance, email }).then(({ status }) => {
-        this.isPending = false
-        this.user.email = ''
+      passwordResetApi({ server, email })
+        .then(({ status }) => {
+          this.isPending = false
+          this.user.email = ''
 
-        if (status === 204) {
-          this.success = true
-          this.error = null
-        } else if (status === 429) {
-          this.throttled = true
-          this.error = this.$t('password_reset.too_many_requests')
-        }
-      }).catch(() => {
-        this.isPending = false
-        this.user.email = ''
-        this.error = this.$t('general.generic_error')
-      })
-    }
-  }
+          if (status === 204) {
+            this.success = true
+            this.error = null
+          } else if (status === 429) {
+            this.throttled = true
+            this.error = this.$t('password_reset.too_many_requests')
+          }
+        })
+        .catch(() => {
+          this.isPending = false
+          this.user.email = ''
+          this.error = this.$t('general.generic_error')
+        })
+    },
+  },
 }
 
 export default passwordReset
diff --git a/src/components/pinch_zoom/pinch_zoom.js b/src/components/pinch_zoom/pinch_zoom.js
index b7e8f673e..448f90e4b 100644
--- a/src/components/pinch_zoom/pinch_zoom.js
+++ b/src/components/pinch_zoom/pinch_zoom.js
@@ -1,13 +1,13 @@
-import PinchZoom from '@floatingghost/pinch-zoom-element'
+import PinchZoom from '@kazvmoe-infra/pinch-zoom-element'
 
 export default {
   methods: {
-    setTransform ({ scale, x, y }) {
+    setTransform({ scale, x, y }) {
       this.$el.setTransform({ scale, x, y })
-    }
+    },
   },
-  created () {
+  created() {
     // Make lint happy
-    (() => PinchZoom)()
-  }
+    ;(() => PinchZoom)()
+  },
 }
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index a1b7808f2..945b8b372 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,8 +1,11 @@
-import Timeago from 'components/timeago/timeago.vue'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import RichContent from 'components/rich_content/rich_content.jsx'
 import Checkbox from 'components/checkbox/checkbox.vue'
-import { usePollsStore } from 'src/stores/polls'
+import RichContent from 'components/rich_content/rich_content.jsx'
+import Timeago from 'components/timeago/timeago.vue'
+
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { usePollsStore } from 'src/stores/polls.js'
 
 export default {
   name: 'Poll',
@@ -10,83 +13,85 @@ export default {
   components: {
     Timeago,
     RichContent,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       loading: false,
       choices: [],
-      randomSeed: genRandomSeed()
+      randomSeed: genRandomSeed(),
     }
   },
-  created () {
+  created() {
     if (!usePollsStore().pollsObject[this.pollId]) {
       usePollsStore().mergeOrAddPoll(this.basePoll)
     }
     usePollsStore().trackPoll(this.pollId)
   },
-  unmounted () {
+  unmounted() {
     usePollsStore().untrackPoll(this.pollId)
   },
   computed: {
-    pollId () {
+    pollId() {
       return this.basePoll.id
     },
-    poll () {
+    poll() {
       const storePoll = usePollsStore().pollsObject[this.pollId]
       return storePoll || {}
     },
-    options () {
+    options() {
       return (this.poll && this.poll.options) || []
     },
-    expiresAt () {
+    expiresAt() {
       return (this.poll && this.poll.expires_at) || null
     },
-    expired () {
+    expired() {
       return (this.poll && this.poll.expired) || false
     },
-    expirationLabel () {
-      if (this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
+    expirationLabel() {
+      if (useMergedConfigStore().mergedConfig.useAbsoluteTimeFormat) {
         return this.expired ? 'polls.expired_at' : 'polls.expires_at'
       } else {
         return this.expired ? 'polls.expired' : 'polls.expires_in'
       }
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    showResults () {
+    showResults() {
       return this.poll.voted || this.expired || !this.loggedIn
     },
-    totalVotesCount () {
+    totalVotesCount() {
       return this.poll.votes_count
     },
-    containerClass () {
+    containerClass() {
       return {
-        loading: this.loading
+        loading: this.loading,
       }
     },
-    choiceIndices () {
+    choiceIndices() {
       // Convert array of booleans into an array of indices of the
       // items that were 'true', so [true, false, false, true] becomes
       // [0, 3].
       return this.choices
         .map((entry, index) => entry && index)
-        .filter(value => typeof value === 'number')
+        .filter((value) => typeof value === 'number')
     },
-    isDisabled () {
+    isDisabled() {
       const noChoice = this.choiceIndices.length === 0
       return this.loading || noChoice
-    }
+    },
   },
   methods: {
-    percentageForOption (count) {
-      return this.totalVotesCount === 0 ? 0 : Math.round(count / this.totalVotesCount * 100)
+    percentageForOption(count) {
+      return this.totalVotesCount === 0
+        ? 0
+        : Math.round((count / this.totalVotesCount) * 100)
     },
-    resultTitle (option) {
+    resultTitle(option) {
       return `${option.votes_count}/${this.totalVotesCount} ${this.$t('polls.votes')}`
     },
-    activateOption (index, value) {
+    activateOption(index, value) {
       let result
       if (this.poll.multiple) {
         result = this.choices || this.options.map(() => false)
@@ -96,17 +101,21 @@ export default {
       result[index] = value
       this.choices = result
     },
-    optionId (index) {
+    optionId(index) {
       return `poll${this.poll.id}-${index}`
     },
-    vote () {
+    vote() {
       if (this.choiceIndices.length === 0) return
       this.loading = true
-      usePollsStore().votePoll(
-        { id: this.statusId, pollId: this.poll.id, choices: this.choiceIndices }
-      ).then(() => {
-        this.loading = false
-      })
-    }
-  }
+      usePollsStore()
+        .votePoll({
+          id: this.statusId,
+          pollId: this.poll.id,
+          choices: this.choiceIndices,
+        })
+        .then(() => {
+          this.loading = false
+        })
+    },
+  },
 }
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 7660db0c2..1e132312f 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,35 +1,37 @@
+import Select from '../select/select.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import Select from '../select/select.vue'
-import {
-  faTimes,
-  faPlus
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faPlus
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faTimes, faPlus)
 
 export default {
   components: {
-    Select
+    Select,
   },
   name: 'PollForm',
   props: {
     visible: {},
     params: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   computed: {
     pollType: {
-      get () { return pollFallback(this.params, 'pollType') },
-      set (newVal) { this.params.pollType = newVal }
+      get() {
+        return pollFallback(this.params, 'pollType')
+      },
+      set(newVal) {
+        this.params.pollType = newVal
+      },
     },
-    options () {
+    options() {
       const hasOptions = !!this.params.options
       if (!hasOptions) {
         this.params.options = pollFallback(this.params, 'options')
@@ -37,54 +39,62 @@ export default {
       return this.params.options
     },
     expiryAmount: {
-      get () { return pollFallback(this.params, 'expiryAmount') },
-      set (newVal) { this.params.expiryAmount = newVal }
+      get() {
+        return pollFallback(this.params, 'expiryAmount')
+      },
+      set(newVal) {
+        this.params.expiryAmount = newVal
+      },
     },
     expiryUnit: {
-      get () { return pollFallback(this.params, 'expiryUnit') },
-      set (newVal) { this.params.expiryUnit = newVal }
+      get() {
+        return pollFallback(this.params, 'expiryUnit')
+      },
+      set(newVal) {
+        this.params.expiryUnit = newVal
+      },
     },
-    pollLimits () {
-      return this.$store.state.instance.pollLimits
+    pollLimits() {
+      return useInstanceStore().limits.pollLimits
     },
-    maxOptions () {
+    maxOptions() {
       return this.pollLimits.max_options
     },
-    maxLength () {
+    maxLength() {
       return this.pollLimits.max_option_chars
     },
-    expiryUnits () {
+    expiryUnits() {
       const allUnits = ['minutes', 'hours', 'days']
       const expiry = this.convertExpiryFromUnit
       return allUnits.filter(
-        unit => this.pollLimits.max_expiration >= expiry(unit, 1)
+        (unit) => this.pollLimits.max_expiration >= expiry(unit, 1),
       )
     },
-    minExpirationInCurrentUnit () {
+    minExpirationInCurrentUnit() {
       return Math.ceil(
         this.convertExpiryToUnit(
           this.expiryUnit,
-          this.pollLimits.min_expiration
-        )
+          this.pollLimits.min_expiration,
+        ),
       )
     },
-    maxExpirationInCurrentUnit () {
+    maxExpirationInCurrentUnit() {
       return Math.floor(
         this.convertExpiryToUnit(
           this.expiryUnit,
-          this.pollLimits.max_expiration
-        )
+          this.pollLimits.max_expiration,
+        ),
       )
-    }
+    },
   },
   methods: {
-    clear () {
+    clear() {
       this.pollType = 'single'
       this.options = ['', '']
       this.expiryAmount = 10
       this.expiryUnit = 'minutes'
     },
-    nextOption (index) {
+    nextOption(index) {
       const element = this.$el.querySelector(`#poll-${index + 1}`)
       if (element) {
         element.focus()
@@ -98,30 +108,34 @@ export default {
         }
       }
     },
-    addOption () {
+    addOption() {
       if (this.options.length < this.maxOptions) {
         this.options.push('')
         return true
       }
       return false
     },
-    deleteOption (index) {
+    deleteOption(index) {
       if (this.options.length > 2) {
         this.options.splice(index, 1)
       }
     },
-    convertExpiryToUnit (unit, amount) {
+    convertExpiryToUnit(unit, amount) {
       // Note: we want seconds and not milliseconds
       return DateUtils.secondsToUnit(unit, amount)
     },
-    convertExpiryFromUnit (unit, amount) {
+    convertExpiryFromUnit(unit, amount) {
       return DateUtils.unitToSeconds(unit, amount)
     },
-    expiryAmountChange () {
-      this.expiryAmount =
-        Math.max(this.minExpirationInCurrentUnit, this.expiryAmount)
-      this.expiryAmount =
-        Math.min(this.maxExpirationInCurrentUnit, this.expiryAmount)
-    }
-  }
+    expiryAmountChange() {
+      this.expiryAmount = Math.max(
+        this.minExpirationInCurrentUnit,
+        this.expiryAmount,
+      )
+      this.expiryAmount = Math.min(
+        this.maxExpirationInCurrentUnit,
+        this.expiryAmount,
+      )
+    },
+  },
 }
diff --git a/src/components/poll/poll_graph.style.js b/src/components/poll/poll_graph.style.js
index 247a266a2..69e2fd3ad 100644
--- a/src/components/poll/poll_graph.style.js
+++ b/src/components/poll/poll_graph.style.js
@@ -5,8 +5,8 @@ export default {
     {
       directives: {
         background: '--accent',
-        opacity: 0.5
-      }
-    }
-  ]
+        opacity: 0.5,
+      },
+    },
+  ],
 }
diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 0197271b9..22c3e43d2 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -3,34 +3,25 @@ export default {
   selector: '.popover',
   lazy: true,
   variants: {
-    modal: '.modal'
+    modal: '.modal',
   },
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
-    'MenuItem',
-    'Post',
-    'UserCard'
-  ],
+  validInnerComponents: ['MenuItem'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
         blur: '10px',
-        shadow: [{
-          x: 2,
-          y: 2,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.5
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 2,
+            y: 2,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.5,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index d2e605adb..3b83bd58f 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -57,15 +57,16 @@ const Popover = {
 
     triggerAttrs: {
       type: Object,
-      default: {}
-    }
+      default: {},
+    },
   },
-  inject: { // override popover z layer
+  inject: {
+    // override popover z layer
     popoversZLayer: {
-      default: ''
-    }
+      default: '',
+    },
   },
-  data () {
+  data() {
     return {
       // lockReEntry is a flag that is set when mouse cursor is leaving the popover's content
       // so that if mouse goes back into popover it won't be re-shown again to prevent annoyance
@@ -83,14 +84,16 @@ const Popover = {
       graceTimeout: null,
       parentPopover: null,
       disableClickOutside: false,
-      childrenShown: new Set()
+      childrenShown: new Set(),
     }
   },
   computed: {
-    allTriggerAttrs () {
+    allTriggerAttrs() {
       if (process.env.NODE_ENV === 'development') {
         if ('aria-hidden' in this.triggerAttrs) {
-          throw new Error('Do not use aria-hidden in triggerAttrs. Instead set hideTrigger to true')
+          throw new Error(
+            'Do not use aria-hidden in triggerAttrs. Instead set hideTrigger to true',
+          )
         }
       }
 
@@ -104,18 +107,20 @@ const Popover = {
       }
 
       return attrs
-    }
+    },
   },
   methods: {
-    setAnchorEl (el) {
+    setAnchorEl(el) {
       this.anchorEl = el
       this.updateStyles()
     },
-    containerBoundingClientRect () {
-      const container = this.boundToSelector ? this.$el.closest(this.boundToSelector) : this.$el.offsetParent
+    containerBoundingClientRect() {
+      const container = this.boundToSelector
+        ? this.$el.closest(this.boundToSelector)
+        : this.$el.offsetParent
       return container.getBoundingClientRect()
     },
-    updateStyles () {
+    updateStyles() {
       if (this.hidden) {
         this.styles = {}
         return
@@ -123,7 +128,10 @@ const Popover = {
 
       // Popover will be anchored around this element, trigger ref is the container, so
       // its children are what are inside the slot. Expect only one v-slot:trigger.
-      const anchorEl = this.anchorEl || (this.$refs.trigger && this.$refs.trigger.children[0]) || this.$el
+      const anchorEl =
+        this.anchorEl ||
+        (this.$refs.trigger && this.$refs.trigger.children[0]) ||
+        this.$el
       // SVGs don't have offsetWidth/Height, use fallback
       const anchorHeight = anchorEl.offsetHeight || anchorEl.clientHeight
       const anchorWidth = anchorEl.offsetWidth || anchorEl.clientWidth
@@ -138,7 +146,7 @@ const Popover = {
       // Screen position of the origin point for popover = center of the anchor
       const origin = {
         x: anchorScreenBox.left + anchorWidth * 0.5,
-        y: anchorScreenBox.top + anchorHeight * 0.5
+        y: anchorScreenBox.top + anchorHeight * 0.5,
       }
       const content = this.$refs.content
       const overlayCenter = this.overlayCenters
@@ -146,7 +154,8 @@ const Popover = {
         : null
 
       // Minor optimization, don't call a slow reflow call if we don't have to
-      const parentScreenBox = this.boundTo &&
+      const parentScreenBox =
+        this.boundTo &&
         (this.boundTo.x === 'container' || this.boundTo.y === 'container') &&
         this.containerBoundingClientRect()
 
@@ -154,25 +163,27 @@ const Popover = {
 
       // What are the screen bounds for the popover? Viewport vs container
       // when using viewport, using default margin values to dodge the navbar
-      const xBounds = this.boundTo && this.boundTo.x === 'container'
-        ? {
-            min: parentScreenBox.left + (margin.left || 0),
-            max: parentScreenBox.right - (margin.right || 0)
-          }
-        : {
-            min: 0 + (margin.left || 10),
-            max: window.innerWidth - (margin.right || 10)
-          }
+      const xBounds =
+        this.boundTo && this.boundTo.x === 'container'
+          ? {
+              min: parentScreenBox.left + (margin.left || 0),
+              max: parentScreenBox.right - (margin.right || 0),
+            }
+          : {
+              min: 0 + (margin.left || 10),
+              max: window.innerWidth - (margin.right || 10),
+            }
 
-      const yBounds = this.boundTo && this.boundTo.y === 'container'
-        ? {
-            min: parentScreenBox.top + (margin.top || 0),
-            max: parentScreenBox.bottom - (margin.bottom || 0)
-          }
-        : {
-            min: 0 + (margin.top || 50),
-            max: window.innerHeight - (margin.bottom || 5)
-          }
+      const yBounds =
+        this.boundTo && this.boundTo.y === 'container'
+          ? {
+              min: parentScreenBox.top + (margin.top || 0),
+              max: parentScreenBox.bottom - (margin.bottom || 0),
+            }
+          : {
+              min: 0 + (margin.top || 50),
+              max: window.innerHeight - (margin.bottom || 5),
+            }
 
       let horizOffset = 0
       let vertOffset = 0
@@ -227,8 +238,12 @@ const Popover = {
         // Handle special cases, first force to displaying on top if there's no space on bottom,
         // regardless of what placement value was. Then check if there's no space on top, and
         // force to bottom, again regardless of what placement value was.
-        const topBoundary = origin.y - anchorHeight * 0.5 + (this.removePadding ? topPadding : 0)
-        const bottomBoundary = origin.y + anchorHeight * 0.5 - (this.removePadding ? bottomPadding : 0)
+        const topBoundary =
+          origin.y - anchorHeight * 0.5 + (this.removePadding ? topPadding : 0)
+        const bottomBoundary =
+          origin.y +
+          anchorHeight * 0.5 -
+          (this.removePadding ? bottomPadding : 0)
         if (bottomBoundary + content.offsetHeight > yBounds.max) usingTop = true
         if (topBoundary - content.offsetHeight < yBounds.min) usingTop = false
 
@@ -246,8 +261,10 @@ const Popover = {
         // Handle special cases, first force to displaying on left if there's no space on right,
         // regardless of what placement value was. Then check if there's no space on right, and
         // force to left, again regardless of what placement value was.
-        const leftBoundary = origin.x - anchorWidth * 0.5 + (this.removePadding ? leftPadding : 0)
-        const rightBoundary = origin.x + anchorWidth * 0.5 - (this.removePadding ? rightPadding : 0)
+        const leftBoundary =
+          origin.x - anchorWidth * 0.5 + (this.removePadding ? leftPadding : 0)
+        const rightBoundary =
+          origin.x + anchorWidth * 0.5 - (this.removePadding ? rightPadding : 0)
         if (rightBoundary + content.offsetWidth > xBounds.max) usingLeft = true
         if (leftBoundary - content.offsetWidth < xBounds.min) usingLeft = false
 
@@ -262,17 +279,18 @@ const Popover = {
 
       this.styles = {
         left: `${Math.round(translateX)}px`,
-        top: `${Math.round(translateY)}px`
+        top: `${Math.round(translateY)}px`,
       }
 
       if (this.popoversZLayer) {
-        this.styles['--ZI_popover_override'] = `var(--ZI_${this.popoversZLayer}_popovers)`
+        this.styles['--ZI_popover_override'] =
+          `var(--ZI_${this.popoversZLayer}_popovers)`
       }
       if (parentScreenBox) {
         this.styles.maxWidth = `${Math.round(parentScreenBox.width)}px`
       }
     },
-    showPopover () {
+    showPopover() {
       if (this.disabled) return
       this.disableClickOutside = true
       setTimeout(() => {
@@ -291,7 +309,7 @@ const Popover = {
         this.updateStyles()
       })
     },
-    hidePopover () {
+    hidePopover() {
       if (this.disabled) return
       if (!this.hidden) this.$emit('close')
       this.hidden = true
@@ -299,15 +317,15 @@ const Popover = {
       if (this.trigger === 'click') {
         document.removeEventListener('click', this.onClickOutside)
       }
-      this.scrollable.removeEventListener('scroll', this.onScroll)
-      this.scrollable.removeEventListener('resize', this.onResize)
+      this.scrollable?.removeEventListener('scroll', this.onScroll)
+      this.scrollable?.removeEventListener('resize', this.onResize)
     },
-    resizePopover () {
+    resizePopover() {
       setTimeout(() => {
         this.updateStyles()
       }, 1)
     },
-    onMouseenter () {
+    onMouseenter() {
       if (this.trigger === 'hover') {
         this.lockReEntry = false
         clearTimeout(this.graceTimeout)
@@ -315,12 +333,12 @@ const Popover = {
         this.showPopover()
       }
     },
-    onMouseleave () {
+    onMouseleave() {
       if (this.trigger === 'hover' && this.childrenShown.size === 0) {
         this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
       }
     },
-    onMouseenterContent () {
+    onMouseenterContent() {
       if (this.trigger === 'hover' && !this.lockReEntry) {
         this.lockReEntry = true
         clearTimeout(this.graceTimeout)
@@ -328,12 +346,12 @@ const Popover = {
         this.showPopover()
       }
     },
-    onMouseleaveContent () {
+    onMouseleaveContent() {
       if (this.trigger === 'hover' && this.childrenShown.size === 0) {
         this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
       }
     },
-    onClick () {
+    onClick() {
       if (this.trigger === 'click') {
         if (this.hidden) {
           this.showPopover()
@@ -342,7 +360,7 @@ const Popover = {
         }
       }
     },
-    onClickOutside (e) {
+    onClickOutside(e) {
       if (this.disableClickOutside) return
       if (this.hidden) return
       if (this.$refs.content && this.$refs.content.contains(e.target)) return
@@ -351,35 +369,42 @@ const Popover = {
       this.hidePopover()
       if (this.parentPopover) this.parentPopover.onClickOutside(e)
     },
-    onScroll () {
+    onScroll() {
       this.updateStyles()
     },
-    onResize () {
+    onResize() {
       const content = this.$refs.content
       if (!content) return
-      if (this.oldSize.width !== content.offsetWidth || this.oldSize.height !== content.offsetHeight) {
+      if (
+        this.oldSize.width !== content.offsetWidth ||
+        this.oldSize.height !== content.offsetHeight
+      ) {
         this.updateStyles()
-        this.oldSize = { width: content.offsetWidth, height: content.offsetHeight }
+        this.oldSize = {
+          width: content.offsetWidth,
+          height: content.offsetHeight,
+        }
       }
     },
-    onChildPopoverState (childRef, state) {
+    onChildPopoverState(childRef, state) {
       if (state) {
         this.childrenShown.add(childRef)
       } else {
         this.childrenShown.delete(childRef)
       }
-    }
+    },
   },
-  updated () {
+  updated() {
     // Monitor changes to content size, update styles only when content sizes have changed,
     // that should be the only time we need to move the popover box if we don't care about scroll
     // or resize
     this.onResize()
   },
-  mounted () {
+  mounted() {
     this.teleport = true
-    let scrollable = this.$refs.trigger.closest('.column.-scrollable') ||
-        this.$refs.trigger.closest('.mobile-notifications')
+    let scrollable =
+      this.$refs.trigger.closest('.column.-scrollable') ||
+      this.$refs.trigger.closest('.mobile-notifications')
     if (!scrollable) scrollable = window
     this.scrollable = scrollable
     let parent = this.$parent
@@ -388,9 +413,9 @@ const Popover = {
     }
     this.parentPopover = parent
   },
-  beforeUnmount () {
+  beforeUnmount() {
     this.hidePopover()
-  }
+  },
 }
 
 export default Popover
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 4fb8e0428..7ebbeeaeb 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,41 +1,47 @@
-import statusPoster from '../../services/status_poster/status_poster.service.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import MediaUpload from '../media_upload/media_upload.vue'
-import ScopeSelector from '../scope_selector/scope_selector.vue'
-import EmojiInput from '../emoji_input/emoji_input.vue'
-import PollForm from '../poll/poll_form.vue'
-import Attachment from '../attachment/attachment.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import StatusContent from '../status_content/status_content.vue'
-import Popover from 'src/components/popover/popover.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
-import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
-import { pollFormToMasto } from 'src/services/poll/poll.service.js'
-import { reject, map, uniqBy, debounce } from 'lodash'
-import suggestor from '../emoji_input/suggestor.js'
+import { debounce, map, reject, uniqBy } from 'lodash'
+import { mapActions, mapState } from 'pinia'
 import { mapGetters } from 'vuex'
-import { mapState, mapActions } from 'pinia'
-import Checkbox from '../checkbox/checkbox.vue'
-import Select from '../select/select.vue'
+
 import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import statusPoster from '../../services/status_poster/status_poster.service.js'
+import Attachment from '../attachment/attachment.vue'
+import Checkbox from '../checkbox/checkbox.vue'
+import EmojiInput from '../emoji_input/emoji_input.vue'
+import suggestor from '../emoji_input/suggestor.js'
+import MediaUpload from '../media_upload/media_upload.vue'
+import PollForm from '../poll/poll_form.vue'
+import ScopeSelector from '../scope_selector/scope_selector.vue'
+import Select from '../select/select.vue'
+import StatusContent from '../status_content/status_content.vue'
+
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faSmileBeam,
-  faPollH,
-  faUpload,
   faBan,
-  faTimes,
-  faCircleNotch,
   faChevronDown,
   faChevronLeft,
-  faChevronRight
+  faChevronRight,
+  faCircleNotch,
+  faPollH,
+  faSmileBeam,
+  faTimes,
+  faUpload,
 } from '@fortawesome/free-solid-svg-icons'
 
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useMediaViewerStore } from 'src/stores/media_viewer.js'
-
 library.add(
   faSmileBeam,
   faPollH,
@@ -45,7 +51,7 @@ library.add(
   faCircleNotch,
   faChevronDown,
   faChevronLeft,
-  faChevronRight
+  faChevronRight,
 )
 
 const buildMentionsString = ({ user, attentions = [] }, currentUser) => {
@@ -117,7 +123,7 @@ const PostStatusForm = {
     'emojiPickerPlacement',
     'optimisticPosting',
     'profileMention',
-    'draftId'
+    'draftId',
   ],
   emits: [
     'posted',
@@ -126,7 +132,7 @@ const PostStatusForm = {
     'mediaplay',
     'mediapause',
     'can-close',
-    'update'
+    'update',
   ],
   components: {
     MediaUpload,
@@ -139,9 +145,9 @@ const PostStatusForm = {
     StatusContent,
     Gallery,
     DraftCloser,
-    Popover
+    Popover,
   },
-  mounted () {
+  mounted() {
     this.updateIdempotencyKey()
     this.resize(this.$refs.textarea)
 
@@ -154,28 +160,41 @@ const PostStatusForm = {
       this.$refs.textarea.focus()
     }
   },
-  data () {
+  data() {
     const preset = this.$route.query.message
     let statusText = preset || ''
 
-    const { scopeCopy } = this.$store.getters.mergedConfig
+    const { scopeCopy } = useMergedConfigStore().mergedConfig
 
-    const [statusType, refId] = typeAndRefId({ replyTo: this.replyTo, profileMention: this.profileMention && this.repliedUser?.id, statusId: this.statusId })
+    const [statusType, refId] = typeAndRefId({
+      replyTo: this.replyTo,
+      profileMention: this.profileMention && this.repliedUser?.id,
+      statusId: this.statusId,
+    })
 
     // If we are starting a new post, do not associate it with old drafts
-    let statusParams = !this.disableDraft && (this.draftId || statusType !== 'new') ? this.getDraft(statusType, refId) : null
+    let statusParams =
+      !this.disableDraft && (this.draftId || statusType !== 'new')
+        ? this.getDraft(statusType, refId)
+        : null
 
     if (!statusParams) {
       if (statusType === 'reply' || statusType === 'mention') {
         const currentUser = this.$store.state.users.currentUser
-        statusText = buildMentionsString({ user: this.repliedUser, attentions: this.attentions }, currentUser)
+        statusText = buildMentionsString(
+          { user: this.repliedUser, attentions: this.attentions },
+          currentUser,
+        )
       }
 
-      const scope = ((this.copyMessageScope && scopeCopy) || this.copyMessageScope === 'direct')
-        ? this.copyMessageScope
-        : this.$store.state.users.currentUser.default_scope
+      const scope =
+        (this.copyMessageScope && scopeCopy) ||
+        this.copyMessageScope === 'direct'
+          ? this.copyMessageScope
+          : this.$store.state.users.currentUser.default_scope
 
-      const { postContentType: contentType, sensitiveByDefault } = this.$store.getters.mergedConfig
+      const { postContentType: contentType, sensitiveByDefault } =
+        useMergedConfigStore().mergedConfig
 
       statusParams = {
         type: statusType,
@@ -189,7 +208,7 @@ const PostStatusForm = {
         mediaDescriptions: {},
         visibility: scope,
         contentType,
-        quoting: false
+        quoting: false,
       }
 
       if (statusType === 'edit') {
@@ -205,7 +224,7 @@ const PostStatusForm = {
           hasPoll: false,
           mediaDescriptions: this.statusMediaDescriptions || {},
           visibility: this.statusScope || scope,
-          contentType: statusContentType
+          contentType: statusContentType,
         }
       }
     }
@@ -226,102 +245,111 @@ const PostStatusForm = {
       emojiInputShown: false,
       idempotencyKey: '',
       saveInhibited: true,
-      saveable: false
+      saveable: false,
     }
   },
   computed: {
-    users () {
+    users() {
       return this.$store.state.users.users
     },
-    userDefaultScope () {
+    userDefaultScope() {
       return this.$store.state.users.currentUser.default_scope
     },
-    showAllScopes () {
+    showAllScopes() {
       return !this.mergedConfig.minimalScopesMode
     },
-    hideExtraActions () {
+    hideExtraActions() {
       return this.disableDraft || this.hideDraft
     },
-    emojiUserSuggestor () {
+    emojiUserSuggestor() {
       return suggestor({
         emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
+          ...useEmojiStore().standardEmojiList,
+          ...useEmojiStore().customEmoji,
         ],
-        store: this.$store
+        store: this.$store,
       })
     },
-    emojiSuggestor () {
+    emojiSuggestor() {
       return suggestor({
         emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ]
+          ...useEmojiStore().standardEmojiList,
+          ...useEmojiStore().customEmoji,
+        ],
       })
     },
-    emoji () {
-      return this.$store.getters.standardEmojiList || []
+    emoji() {
+      return useEmojiStore().standardEmojiList
     },
-    customEmoji () {
-      return this.$store.state.instance.customEmoji || []
+    customEmoji() {
+      return useEmojiStore().customEmoji
     },
-    statusLength () {
+    statusLength() {
       return this.newStatus.status.length
     },
-    spoilerTextLength () {
+    spoilerTextLength() {
       return this.newStatus.spoilerText.length
     },
-    statusLengthLimit () {
-      return this.$store.state.instance.textlimit
+    statusLengthLimit() {
+      return useInstanceStore().limits.textLimit
     },
-    hasStatusLengthLimit () {
+    hasStatusLengthLimit() {
       return this.statusLengthLimit > 0
     },
-    charactersLeft () {
-      return this.statusLengthLimit - (this.statusLength + this.spoilerTextLength)
+    charactersLeft() {
+      return (
+        this.statusLengthLimit - (this.statusLength + this.spoilerTextLength)
+      )
     },
-    isOverLengthLimit () {
-      return this.hasStatusLengthLimit && (this.charactersLeft < 0)
+    isOverLengthLimit() {
+      return this.hasStatusLengthLimit && this.charactersLeft < 0
     },
-    minimalScopesMode () {
-      return this.$store.state.instance.minimalScopesMode
+    minimalScopesMode() {
+      return useInstanceStore().minimalScopesMode
     },
-    alwaysShowSubject () {
+    alwaysShowSubject() {
       return this.mergedConfig.alwaysShowSubjectInput
     },
-    postFormats () {
-      return this.$store.state.instance.postFormats || []
+    postFormats() {
+      return useInstanceCapabilitiesStore().postFormats || []
     },
-    safeDMEnabled () {
-      return this.$store.state.instance.safeDM
+    safeDMEnabled() {
+      return useInstanceCapabilitiesStore().safeDM
     },
-    pollsAvailable () {
-      return this.$store.state.instance.pollsAvailable &&
-        this.$store.state.instance.pollLimits.max_options >= 2 &&
+    pollsAvailable() {
+      return (
+        useInstanceCapabilitiesStore().pollsAvailable &&
+        useInstanceStore().limits.pollLimits.max_options >= 2 &&
         this.disablePolls !== true
+      )
     },
-    hideScopeNotice () {
-      return this.disableNotice || this.$store.getters.mergedConfig.hideScopeNotice
+    hideScopeNotice() {
+      return (
+        this.disableNotice ||
+        useMergedConfigStore().mergedConfig.hideScopeNotice
+      )
     },
-    pollContentError () {
-      return this.pollFormVisible &&
-        this.newStatus.poll &&
-        this.newStatus.poll.error
+    pollContentError() {
+      return (
+        this.pollFormVisible && this.newStatus.poll && this.newStatus.poll.error
+      )
     },
-    showPreview () {
+    showPreview() {
       return !this.disablePreview && (!!this.preview || this.previewLoading)
     },
-    emptyStatus () {
-      return this.newStatus.status.trim() === '' && this.newStatus.files.length === 0
+    emptyStatus() {
+      return (
+        this.newStatus.status.trim() === '' && this.newStatus.files.length === 0
+      )
     },
-    uploadFileLimitReached () {
+    uploadFileLimitReached() {
       return this.newStatus.files.length >= this.fileLimit
     },
-    isEdit () {
+    isEdit() {
       return typeof this.statusId !== 'undefined' && this.statusId.trim() !== ''
     },
-    quotable () {
-      if (!this.$store.state.instance.quotingAvailable) {
+    quotable() {
+      if (!useInstanceCapabilitiesStore().quotingAvailable) {
         return false
       }
 
@@ -329,14 +357,17 @@ const PostStatusForm = {
         return false
       }
 
-      const repliedStatus = this.$store.state.statuses.allStatusesObject[this.replyTo]
+      const repliedStatus =
+        this.$store.state.statuses.allStatusesObject[this.replyTo]
       if (!repliedStatus) {
         return false
       }
 
-      if (repliedStatus.visibility === 'public' ||
-          repliedStatus.visibility === 'unlisted' ||
-          repliedStatus.visibility === 'local') {
+      if (
+        repliedStatus.visibility === 'public' ||
+        repliedStatus.visibility === 'unlisted' ||
+        repliedStatus.visibility === 'local'
+      ) {
         return true
       } else if (repliedStatus.visibility === 'private') {
         return repliedStatus.user.id === this.$store.state.users.currentUser.id
@@ -344,16 +375,16 @@ const PostStatusForm = {
 
       return false
     },
-    debouncedMaybeAutoSaveDraft () {
+    debouncedMaybeAutoSaveDraft() {
       return debounce(this.maybeAutoSaveDraft, 3000)
     },
-    pollFormVisible () {
+    pollFormVisible() {
       return this.newStatus.hasPoll
     },
-    shouldAutoSaveDraft () {
-      return this.$store.getters.mergedConfig.autoSaveDraft
+    shouldAutoSaveDraft() {
+      return useMergedConfigStore().mergedConfig.autoSaveDraft
     },
-    autoSaveState () {
+    autoSaveState() {
       if (this.saveable) {
         return this.$t('post_status.auto_save_saving')
       } else if (this.newStatus.id) {
@@ -362,35 +393,39 @@ const PostStatusForm = {
         return this.$t('post_status.auto_save_nothing_new')
       }
     },
-    safeToSaveDraft () {
+    safeToSaveDraft() {
       return (
-        this.newStatus.status ||
-        this.newStatus.spoilerText ||
-        this.newStatus.files?.length ||
-        this.newStatus.hasPoll
-      ) && this.saveable
+        (this.newStatus.status ||
+          this.newStatus.spoilerText ||
+          this.newStatus.files?.length ||
+          this.newStatus.hasPoll) &&
+        this.saveable
+      )
     },
-    hasEmptyDraft () {
-      return this.newStatus.id && !(
-        this.newStatus.status ||
+    hasEmptyDraft() {
+      return (
+        this.newStatus.id &&
+        !(
+          this.newStatus.status ||
           this.newStatus.spoilerText ||
           this.newStatus.files?.length ||
           this.newStatus.hasPoll
+        )
       )
     },
-    ...mapGetters(['mergedConfig']),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: store => store.mobileLayout
-    })
+      mobileLayout: (store) => store.mobileLayout,
+    }),
   },
   watch: {
     newStatus: {
       deep: true,
-      handler () {
+      handler() {
         this.statusChanged()
-      }
+      },
     },
-    saveable (val) {
+    saveable(val) {
       // https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event#usage_notes
       // MDN says we'd better add the beforeunload event listener only when needed, and remove it when it's no longer needed
       if (val) {
@@ -398,22 +433,22 @@ const PostStatusForm = {
       } else {
         this.removeBeforeUnloadListener()
       }
-    }
+    },
   },
-  beforeUnmount () {
+  beforeUnmount() {
     this.maybeAutoSaveDraft()
     this.removeBeforeUnloadListener()
   },
   methods: {
     ...mapActions(useMediaViewerStore, ['increment']),
-    statusChanged () {
+    statusChanged() {
       this.autoPreview()
       this.updateIdempotencyKey()
       this.debouncedMaybeAutoSaveDraft()
       this.saveable = true
       this.saveInhibited = false
     },
-    clearStatus () {
+    clearStatus() {
       const newStatus = this.newStatus
       this.saveInhibited = true
       this.newStatus = {
@@ -425,7 +460,7 @@ const PostStatusForm = {
         poll: {},
         hasPoll: false,
         mediaDescriptions: {},
-        quoting: false
+        quoting: false,
       }
       this.$refs.mediaUpload && this.$refs.mediaUpload.clearFile()
       this.clearPollForm()
@@ -441,23 +476,36 @@ const PostStatusForm = {
       if (this.preview) this.previewStatus()
       this.saveable = false
     },
-    async postStatus (event, newStatus) {
-      if (this.posting && !this.optimisticPosting) { return }
-      if (this.disableSubmit) { return }
-      if (this.emojiInputShown) { return }
+    async postStatus(event, newStatus) {
+      if (this.posting && !this.optimisticPosting) {
+        return
+      }
+      if (this.disableSubmit) {
+        return
+      }
+      if (this.emojiInputShown) {
+        return
+      }
       if (this.submitOnEnter) {
         event.stopPropagation()
         event.preventDefault()
       }
 
-      if (this.optimisticPosting && (this.emptyStatus || this.isOverLengthLimit)) { return }
+      if (
+        this.optimisticPosting &&
+        (this.emptyStatus || this.isOverLengthLimit)
+      ) {
+        return
+      }
 
       if (this.emptyStatus) {
         this.error = this.$t('post_status.empty_status_error')
         return
       }
 
-      const poll = this.newStatus.hasPoll ? pollFormToMasto(this.newStatus.poll) : {}
+      const poll = this.newStatus.hasPoll
+        ? pollFormToMasto(this.newStatus.poll)
+        : {}
       if (this.pollContentError) {
         this.error = this.pollContentError
         return
@@ -473,7 +521,9 @@ const PostStatusForm = {
         return
       }
 
-      const replyOrQuoteAttr = newStatus.quoting ? 'quoteId' : 'inReplyToStatusId'
+      const replyOrQuoteAttr = newStatus.quoting
+        ? 'quoteId'
+        : 'inReplyToStatusId'
 
       const postingOptions = {
         status: newStatus.status,
@@ -485,10 +535,12 @@ const PostStatusForm = {
         [replyOrQuoteAttr]: this.replyTo,
         contentType: newStatus.contentType,
         poll,
-        idempotencyKey: this.idempotencyKey
+        idempotencyKey: this.idempotencyKey,
       }
 
-      const postHandler = this.postHandler ? this.postHandler : statusPoster.postStatus
+      const postHandler = this.postHandler
+        ? this.postHandler
+        : statusPoster.postStatus
 
       postHandler(postingOptions).then((data) => {
         if (!data.error) {
@@ -501,7 +553,7 @@ const PostStatusForm = {
         this.posting = false
       })
     },
-    previewStatus () {
+    previewStatus() {
       if (this.emptyStatus && this.newStatus.spoilerText.trim() === '') {
         this.preview = { error: this.$t('post_status.preview_empty') }
         this.previewLoading = false
@@ -509,89 +561,97 @@ const PostStatusForm = {
       }
       const newStatus = this.newStatus
       this.previewLoading = true
-      const replyOrQuoteAttr = newStatus.quoting ? 'quoteId' : 'inReplyToStatusId'
-      statusPoster.postStatus({
-        status: newStatus.status,
-        spoilerText: newStatus.spoilerText || null,
-        visibility: newStatus.visibility,
-        sensitive: newStatus.nsfw,
-        media: [],
-        store: this.$store,
-        [replyOrQuoteAttr]: this.replyTo,
-        contentType: newStatus.contentType,
-        poll: {},
-        preview: true
-      }).then((data) => {
-        // Don't apply preview if not loading, because it means
-        // user has closed the preview manually.
-        if (!this.previewLoading) return
-        if (!data.error) {
-          this.preview = data
-        } else {
-          this.preview = { error: data.error }
-        }
-      }).catch((error) => {
-        this.preview = { error }
-      }).finally(() => {
-        this.previewLoading = false
-      })
+      const replyOrQuoteAttr = newStatus.quoting
+        ? 'quoteId'
+        : 'inReplyToStatusId'
+      statusPoster
+        .postStatus({
+          status: newStatus.status,
+          spoilerText: newStatus.spoilerText || null,
+          visibility: newStatus.visibility,
+          sensitive: newStatus.nsfw,
+          media: [],
+          store: this.$store,
+          [replyOrQuoteAttr]: this.replyTo,
+          contentType: newStatus.contentType,
+          poll: {},
+          preview: true,
+        })
+        .then((data) => {
+          // Don't apply preview if not loading, because it means
+          // user has closed the preview manually.
+          if (!this.previewLoading) return
+          if (!data.error) {
+            this.preview = data
+          } else {
+            this.preview = { error: data.error }
+          }
+        })
+        .catch((error) => {
+          this.preview = { error }
+        })
+        .finally(() => {
+          this.previewLoading = false
+        })
     },
-    debouncePreviewStatus: debounce(function () { this.previewStatus() }, 500),
-    autoPreview () {
+    debouncePreviewStatus: debounce(function () {
+      this.previewStatus()
+    }, 500),
+    autoPreview() {
       if (!this.preview) return
       this.previewLoading = true
       this.debouncePreviewStatus()
     },
-    closePreview () {
+    closePreview() {
       this.preview = null
       this.previewLoading = false
     },
-    togglePreview () {
+    togglePreview() {
       if (this.showPreview) {
         this.closePreview()
       } else {
         this.previewStatus()
       }
     },
-    addMediaFile (fileInfo) {
+    addMediaFile(fileInfo) {
       this.newStatus.files.push(fileInfo)
       this.$emit('resize', { delayed: true })
     },
-    removeMediaFile (fileInfo) {
+    removeMediaFile(fileInfo) {
       const index = this.newStatus.files.indexOf(fileInfo)
       this.newStatus.files.splice(index, 1)
       this.$emit('resize')
     },
-    editAttachment (fileInfo, newText) {
+    editAttachment(fileInfo, newText) {
       this.newStatus.mediaDescriptions[fileInfo.id] = newText
     },
-    shiftUpMediaFile (fileInfo) {
+    shiftUpMediaFile(fileInfo) {
       const { files } = this.newStatus
       const index = this.newStatus.files.indexOf(fileInfo)
       files.splice(index, 1)
       files.splice(index - 1, 0, fileInfo)
     },
-    shiftDnMediaFile (fileInfo) {
+    shiftDnMediaFile(fileInfo) {
       const { files } = this.newStatus
       const index = this.newStatus.files.indexOf(fileInfo)
       files.splice(index, 1)
       files.splice(index + 1, 0, fileInfo)
     },
-    uploadFailed (errString, templateArgs) {
+    uploadFailed(errString, templateArgs) {
       templateArgs = templateArgs || {}
-      this.error = this.$t('upload.error.base') + ' ' + this.$t('upload.error.' + errString, templateArgs)
+      this.error =
+        this.$t('upload.error.base') +
+        ' ' +
+        this.$t('upload.error.' + errString, templateArgs)
     },
-    startedUploadingFiles () {
+    startedUploadingFiles() {
       this.uploadingFiles = true
     },
-    finishedUploadingFiles () {
+    finishedUploadingFiles() {
       this.$emit('resize')
       this.uploadingFiles = false
     },
-    type (fileInfo) {
-      return fileTypeService.fileType(fileInfo.mimetype)
-    },
-    paste (e) {
+    paste(e) {
       this.autoPreview()
       this.resize(e)
       if (e.clipboardData.files.length > 0) {
@@ -603,7 +663,7 @@ const PostStatusForm = {
         this.dropFiles = [e.clipboardData.files[0]]
       }
     },
-    fileDrop (e) {
+    fileDrop(e) {
       if (e.dataTransfer && e.dataTransfer.types.includes('Files')) {
         e.preventDefault() // allow dropping text like before
         this.dropFiles = e.dataTransfer.files
@@ -611,7 +671,7 @@ const PostStatusForm = {
         this.showDropIcon = 'hide'
       }
     },
-    fileDragStop () {
+    fileDragStop() {
       // The false-setting is done with delay because just using leave-events
       // directly caused unwanted flickering, this is not perfect either but
       // much less noticable.
@@ -619,21 +679,23 @@ const PostStatusForm = {
       this.showDropIcon = 'fade'
       this.dropStopTimeout = setTimeout(() => (this.showDropIcon = 'hide'), 500)
     },
-    fileDrag (e) {
+    fileDrag(e) {
       e.dataTransfer.dropEffect = this.uploadFileLimitReached ? 'none' : 'copy'
       if (e.dataTransfer && e.dataTransfer.types.includes('Files')) {
         clearTimeout(this.dropStopTimeout)
         this.showDropIcon = 'show'
       }
     },
-    onEmojiInputInput () {
+    onEmojiInputInput() {
       this.$nextTick(() => {
         this.resize(this.$refs.textarea)
       })
     },
-    resize (e) {
+    resize(e) {
       const target = e.target || e
-      if (!(target instanceof window.Element)) { return }
+      if (!(target instanceof window.Element)) {
+        return
+      }
 
       // Reset to default height for empty form, nothing else to do here.
       if (target.value === '') {
@@ -648,12 +710,14 @@ const PostStatusForm = {
        * replies in notifs) or mobile post form. Note that getting and setting
        * scroll is different for `Window` and `Element`s
        */
-      const bottomBottomPaddingStr = window.getComputedStyle(bottomRef)['padding-bottom']
+      const bottomBottomPaddingStr =
+        window.getComputedStyle(bottomRef)['padding-bottom']
       const bottomBottomPadding = pxStringToNumber(bottomBottomPaddingStr)
 
-      const scrollerRef = this.$el.closest('.column.-scrollable') ||
-            this.$el.closest('.post-form-modal-view') ||
-            window
+      const scrollerRef =
+        this.$el.closest('.column.-scrollable') ||
+        this.$el.closest('.post-form-modal-view') ||
+        window
 
       // Getting info about padding we have to account for, removing 'px' part
       const topPaddingStr = window.getComputedStyle(target)['padding-top']
@@ -682,18 +746,20 @@ const PostStatusForm = {
        */
 
       // this part has to be BEFORE the content size update
-      const currentScroll = scrollerRef === window
-        ? scrollerRef.scrollY
-        : scrollerRef.scrollTop
-      const scrollerHeight = scrollerRef === window
-        ? scrollerRef.innerHeight
-        : scrollerRef.offsetHeight
+      const currentScroll =
+        scrollerRef === window ? scrollerRef.scrollY : scrollerRef.scrollTop
+      const scrollerHeight =
+        scrollerRef === window
+          ? scrollerRef.innerHeight
+          : scrollerRef.offsetHeight
       const scrollerBottomBorder = currentScroll + scrollerHeight
 
       // BEGIN content size update
       target.style.height = 'auto'
       const heightWithoutPadding = Math.floor(target.scrollHeight - vertPadding)
-      let newHeight = this.maxHeight ? Math.min(heightWithoutPadding, this.maxHeight) : heightWithoutPadding
+      let newHeight = this.maxHeight
+        ? Math.min(heightWithoutPadding, this.maxHeight)
+        : heightWithoutPadding
       // This is a bit of a hack to combat target.scrollHeight being different on every other input
       // on some browsers for whatever reason. Don't change the height if difference is 1px or less.
       if (Math.abs(newHeight - oldHeight) <= 1) {
@@ -705,7 +771,10 @@ const PostStatusForm = {
 
       // We check where the bottom border of form-bottom element is, this uses findOffset
       // to find offset relative to scrollable container (scroller)
-      const bottomBottomBorder = bottomRef.offsetHeight + findOffset(bottomRef, scrollerRef).top + bottomBottomPadding
+      const bottomBottomBorder =
+        bottomRef.offsetHeight +
+        findOffset(bottomRef, scrollerRef).top +
+        bottomBottomPadding
 
       const isBottomObstructed = scrollerBottomBorder < bottomBottomBorder
       const isFormBiggerThanScroller = scrollerHeight < formRef.offsetHeight
@@ -714,9 +783,13 @@ const PostStatusForm = {
       // Keep form-bottom always visible so that submit button is in view EXCEPT
       // if form element bigger than scroller and caret isn't at the end, so that
       // if you scroll up and edit middle of text you won't get scrolled back to bottom
-      const shouldScrollToBottom = isBottomObstructed &&
-            !(isFormBiggerThanScroller &&
-              this.$refs.textarea.selectionStart !== this.$refs.textarea.value.length)
+      const shouldScrollToBottom =
+        isBottomObstructed &&
+        !(
+          isFormBiggerThanScroller &&
+          this.$refs.textarea.selectionStart !==
+            this.$refs.textarea.value.length
+        )
       const totalDelta = shouldScrollToBottom ? bottomChangeDelta : 0
       const targetScroll = Math.round(currentScroll + totalDelta)
 
@@ -726,57 +799,60 @@ const PostStatusForm = {
         scrollerRef.scrollTop = targetScroll
       }
     },
-    showEmojiPicker () {
-      this.$refs.textarea.focus()
-      this.$refs['emoji-input'].triggerShowPicker()
-    },
-    clearError () {
+    clearError() {
       this.error = null
     },
-    changeVis (visibility) {
+    changeVis(visibility) {
       this.newStatus.visibility = visibility
     },
-    togglePollForm () {
+    togglePollForm() {
       this.newStatus.hasPoll = !this.newStatus.hasPoll
     },
-    setPoll (poll) {
+    setPoll(poll) {
       this.newStatus.poll = poll
     },
-    clearPollForm () {
+    clearPollForm() {
       if (this.$refs.pollForm) {
         this.$refs.pollForm.clear()
       }
     },
-    dismissScopeNotice () {
-      this.$store.dispatch('setOption', { name: 'hideScopeNotice', value: true })
+    dismissScopeNotice() {
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'hideScopeNotice',
+        value: true,
+      })
     },
-    setMediaDescription (id) {
+    setMediaDescription(id) {
       const description = this.newStatus.mediaDescriptions[id]
       if (!description || description.trim() === '') return
-      return statusPoster.setMediaDescription({ store: this.$store, id, description })
+      return statusPoster.setMediaDescription({
+        store: this.$store,
+        id,
+        description,
+      })
     },
-    setAllMediaDescriptions () {
-      const ids = this.newStatus.files.map(file => file.id)
-      return Promise.all(ids.map(id => this.setMediaDescription(id)))
+    setAllMediaDescriptions() {
+      const ids = this.newStatus.files.map((file) => file.id)
+      return Promise.all(ids.map((id) => this.setMediaDescription(id)))
     },
-    handleEmojiInputShow (value) {
+    handleEmojiInputShow(value) {
       this.emojiInputShown = value
     },
-    updateIdempotencyKey () {
+    updateIdempotencyKey() {
       this.idempotencyKey = Date.now().toString()
     },
-    openProfileTab () {
+    openProfileTab() {
       useInterfaceStore().openSettingsModalTab('profile')
     },
-    propsToNative (props) {
+    propsToNative(props) {
       return propsToNative(props)
     },
-    saveDraft () {
-      if (!this.disableDraft &&
-          !this.saveInhibited) {
+    saveDraft() {
+      if (!this.disableDraft && !this.saveInhibited) {
         if (this.safeToSaveDraft) {
-          return this.$store.dispatch('addOrSaveDraft', { draft: this.newStatus })
-            .then(id => {
+          return this.$store
+            .dispatch('addOrSaveDraft', { draft: this.newStatus })
+            .then((id) => {
               if (this.newStatus.id !== id) {
                 this.newStatus.id = id
               }
@@ -788,32 +864,34 @@ const PostStatusForm = {
             })
         } else if (this.hasEmptyDraft) {
           // There is a draft, but there is nothing in it, clear it
-          return this.abandonDraft()
-            .then(() => {
-              this.saveable = false
-              if (!this.shouldAutoSaveDraft) {
-                this.clearStatus()
-                this.$emit('draft-done')
-              }
-            })
+          return this.abandonDraft().then(() => {
+            this.saveable = false
+            if (!this.shouldAutoSaveDraft) {
+              this.clearStatus()
+              this.$emit('draft-done')
+            }
+          })
         }
       }
       return Promise.resolve()
     },
-    maybeAutoSaveDraft () {
+    maybeAutoSaveDraft() {
       if (this.shouldAutoSaveDraft) {
         this.saveDraft(false)
       }
     },
-    abandonDraft () {
+    abandonDraft() {
       return this.$store.dispatch('abandonDraft', { id: this.newStatus.id })
     },
-    getDraft (statusType, refId) {
+    getDraft(statusType, refId) {
       const maybeDraft = this.$store.state.drafts.drafts[this.draftId]
       if (this.draftId && maybeDraft) {
         return maybeDraft
       } else {
-        const existingDrafts = this.$store.getters.draftsByTypeAndRefId(statusType, refId)
+        const existingDrafts = this.$store.getters.draftsByTypeAndRefId(
+          statusType,
+          refId,
+        )
 
         if (existingDrafts.length) {
           return existingDrafts[0]
@@ -821,35 +899,35 @@ const PostStatusForm = {
       }
       // No draft available, fall back
     },
-    requestClose () {
+    requestClose() {
       if (!this.saveable) {
         this.$emit('can-close')
       } else {
         this.$refs.draftCloser.requestClose()
       }
     },
-    saveAndCloseDraft () {
+    saveAndCloseDraft() {
       this.saveDraft().then(() => {
         this.$emit('can-close')
       })
     },
-    discardAndCloseDraft () {
+    discardAndCloseDraft() {
       this.abandonDraft().then(() => {
         this.$emit('can-close')
       })
     },
-    addBeforeUnloadListener () {
+    addBeforeUnloadListener() {
       this._beforeUnloadListener ||= () => {
         this.saveDraft()
       }
       window.addEventListener('beforeunload', this._beforeUnloadListener)
     },
-    removeBeforeUnloadListener () {
+    removeBeforeUnloadListener() {
       if (this._beforeUnloadListener) {
         window.removeEventListener('beforeunload', this._beforeUnloadListener)
       }
-    }
-  }
+    },
+  },
 }
 
 export default PostStatusForm
diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index a79cae4a6..c7fdb0806 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -41,10 +41,12 @@
 
   .form-bottom-left {
     display: flex;
-    flex: 1;
-    padding-right: 7px;
-    margin-right: 7px;
-    max-width: 10em;
+    gap: 1.5em;
+
+    button {
+      padding: 0.5em;
+      margin: -0.5em;
+    }
   }
 
   .preview-heading {
@@ -102,8 +104,13 @@
   .visibility-tray {
     display: flex;
     justify-content: space-between;
-    padding-top: 5px;
     align-items: baseline;
+    margin-left: -0.5em;
+  }
+
+  .visibility-notice {
+    border: 1px solid var(--border);
+    border-radius: var(--roundness);
   }
 
   .visibility-notice.edit-warning {
@@ -193,6 +200,10 @@
     line-height: 1.85;
   }
 
+  .inputs-wrapper {
+    padding: 0;
+  }
+
   .input.form-post-body {
     // TODO: make a resizable textarea component?
     box-sizing: content-box; // needed for easier computation of dynamic size
@@ -200,6 +211,7 @@
     transition: min-height 200ms 100ms;
     // stock padding + 1 line of text (for counter)
     padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);
+    padding-right: 1.5em;
     // two lines of text
     height: calc(var(--post-line-height) * 1em);
     min-height: calc(var(--post-line-height) * 1em);
@@ -216,6 +228,10 @@
     position: relative;
   }
 
+  .subject-input {
+    border-bottom: 1px solid var(--border);
+  }
+
   .character-counter {
     position: absolute;
     bottom: 0;
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 303413b55..9d5521b44 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -13,7 +13,7 @@
           v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private' && !disableLockWarning"
           keypath="post_status.account_not_locked_warning"
           tag="p"
-          class="visibility-notice"
+          class="visibility-notice notice-dismissible"
           scope="global"
         >
           <button
@@ -70,7 +70,7 @@
         </p>
         <p
           v-else-if="newStatus.visibility === 'direct'"
-          class="visibility-notice"
+          class="visibility-notice notice-dismissible"
         >
           <span v-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
           <span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
@@ -156,67 +156,68 @@
             class="preview-status"
           />
         </div>
-        <EmojiInput
-          v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
-          v-model="newStatus.spoilerText"
-          enable-emoji-picker
-          :suggest="emojiSuggestor"
-          class="input form-control"
-        >
-          <template #default="inputProps">
-            <input
-              v-model="newStatus.spoilerText"
-              type="text"
-              :placeholder="$t('post_status.content_warning')"
-              :disabled="posting && !optimisticPosting"
-              v-bind="propsToNative(inputProps)"
-              size="1"
-              class="input form-post-subject"
-            >
-          </template>
-        </EmojiInput>
-        <EmojiInput
-          ref="emoji-input"
-          v-model="newStatus.status"
-          :suggest="emojiUserSuggestor"
-          :placement="emojiPickerPlacement"
-          class="input form-control main-input"
-          enable-sticker-picker
-          enable-emoji-picker
-          hide-emoji-button
-          :newline-on-ctrl-enter="submitOnEnter"
-          @input="onEmojiInputInput"
-          @sticker-uploaded="addMediaFile"
-          @sticker-upload-failed="uploadFailed"
-          @shown="handleEmojiInputShow"
-        >
-          <template #default="inputProps">
-            <textarea
-              ref="textarea"
-              v-model="newStatus.status"
-              :placeholder="placeholder || $t('post_status.default')"
-              rows="1"
-              cols="1"
-              :disabled="posting && !optimisticPosting"
-              class="input form-post-body"
-              :class="{ 'scrollable-form': !!maxHeight }"
-              v-bind="propsToNative(inputProps)"
-              @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
-              @keydown.meta.enter="postStatus($event, newStatus)"
-              @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
-              @input="resize"
-              @compositionupdate="resize"
-              @paste="paste"
-            />
-            <p
-              v-if="hasStatusLengthLimit"
-              class="character-counter faint"
-              :class="{ error: isOverLengthLimit }"
-            >
-              {{ charactersLeft }}
-            </p>
-          </template>
-        </EmojiInput>
+        <div class="input inputs-wrapper">
+          <EmojiInput
+            v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
+            v-model="newStatus.spoilerText"
+            enable-emoji-picker
+            :suggest="emojiSuggestor"
+            class="input form-control subject-input unstyled"
+          >
+            <template #default="inputProps">
+              <input
+                v-model="newStatus.spoilerText"
+                type="text"
+                :placeholder="$t('post_status.content_warning')"
+                :disabled="posting && !optimisticPosting"
+                v-bind="propsToNative(inputProps)"
+                size="1"
+                class="input form-post-subject unstyled"
+              >
+            </template>
+          </EmojiInput>
+          <EmojiInput
+            ref="emoji-input"
+            v-model="newStatus.status"
+            :suggest="emojiUserSuggestor"
+            :placement="emojiPickerPlacement"
+            class="input form-control main-input unstyled"
+            enable-sticker-picker
+            enable-emoji-picker
+            :newline-on-ctrl-enter="submitOnEnter"
+            @input="onEmojiInputInput"
+            @sticker-uploaded="addMediaFile"
+            @sticker-upload-failed="uploadFailed"
+            @shown="handleEmojiInputShow"
+          >
+            <template #default="inputProps">
+              <textarea
+                ref="textarea"
+                v-model="newStatus.status"
+                :placeholder="placeholder || $t('post_status.default')"
+                rows="1"
+                cols="1"
+                :disabled="posting && !optimisticPosting"
+                class="input form-post-body"
+                :class="{ 'scrollable-form': !!maxHeight }"
+                v-bind="propsToNative(inputProps)"
+                @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
+                @keydown.meta.enter="postStatus($event, newStatus)"
+                @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
+                @input="resize"
+                @compositionupdate="resize"
+                @paste="paste"
+              />
+              <p
+                v-if="hasStatusLengthLimit"
+                class="character-counter faint"
+                :class="{ error: isOverLengthLimit }"
+              >
+                {{ charactersLeft }}
+              </p>
+            </template>
+          </EmojiInput>
+        </div>
         <div
           v-if="!disableScopeSelector"
           class="visibility-tray"
@@ -236,8 +237,9 @@
           >
             <Select
               v-model="newStatus.contentType"
-              class="input form-control"
+              class="input form-control unstyled"
               :attrs="{ 'aria-label': $t('post_status.content_type_selection') }"
+              unstyled="true"
             >
               <option
                 v-for="postFormat in postFormats"
@@ -285,13 +287,6 @@
             @upload-failed="uploadFailed"
             @all-uploaded="finishedUploadingFiles"
           />
-          <button
-            class="emoji-icon button-unstyled"
-            :title="$t('emoji.add_emoji')"
-            @click="showEmojiPicker"
-          >
-            <FAIcon icon="smile-beam" />
-          </button>
           <button
             v-if="pollsAvailable"
             class="poll-icon button-unstyled"
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index ee6cd6444..0fe51791e 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,34 +1,36 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import Modal from '../modal/modal.vue'
 import get from 'lodash/get'
-import { usePostStatusStore } from 'src/stores/post_status'
+
+import Modal from '../modal/modal.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+
+import { usePostStatusStore } from 'src/stores/post_status.js'
 
 const PostStatusModal = {
   components: {
     PostStatusForm,
-    Modal
+    Modal,
   },
-  data () {
+  data() {
     return {
-      resettingForm: false
+      resettingForm: false,
     }
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    modalActivated () {
+    modalActivated() {
       return usePostStatusStore().modalActivated
     },
-    isFormVisible () {
+    isFormVisible() {
       return this.isLoggedIn && !this.resettingForm && this.modalActivated
     },
-    params () {
+    params() {
       return usePostStatusStore().params || {}
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       if (get(newVal, 'repliedUser.id') !== get(oldVal, 'repliedUser.id')) {
         this.resettingForm = true
         this.$nextTick(() => {
@@ -36,21 +38,23 @@ const PostStatusModal = {
         })
       }
     },
-    isFormVisible (val) {
+    isFormVisible(val) {
       if (val) {
-        this.$nextTick(() => this.$el && this.$el.querySelector('textarea').focus())
+        this.$nextTick(
+          () => this.$el && this.$el.querySelector('textarea').focus(),
+        )
       }
-    }
+    },
   },
   methods: {
-    closeModal () {
+    closeModal() {
       usePostStatusStore().closePostStatusModal()
     },
-    resetAndClose () {
+    resetAndClose() {
       usePostStatusStore().resetPostStatusModal()
       usePostStatusStore().closePostStatusModal()
-    }
-  }
+    },
+  },
 }
 
 export default PostStatusModal
diff --git a/src/components/progress_button/progress_button.vue b/src/components/progress_button/progress_button.vue
index 283a51af5..318260409 100644
--- a/src/components/progress_button/progress_button.vue
+++ b/src/components/progress_button/progress_button.vue
@@ -16,23 +16,26 @@
 export default {
   props: {
     disabled: {
-      type: Boolean
+      type: Boolean,
     },
-    click: { // click event handler. Must return a promise
+    click: {
+      // click event handler. Must return a promise
       type: Function,
-      default: () => Promise.resolve()
-    }
+      default: () => Promise.resolve(),
+    },
   },
-  data () {
+  data() {
     return {
-      progress: false
+      progress: false,
     }
   },
   methods: {
-    onClick () {
+    onClick() {
       this.progress = true
-      this.click().then(() => { this.progress = false })
-    }
-  }
+      this.click().then(() => {
+        this.progress = false
+      })
+    },
+  },
 }
 </script>
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
index bfcce6ae6..b6e53a4cf 100644
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ b/src/components/public_and_external_timeline/public_and_external_timeline.js
@@ -1,17 +1,22 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicAndExternalTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.publicAndExternal }
+    timeline() {
+      return this.$store.state.statuses.timelines.publicAndExternal
+    },
   },
-  created () {
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'publicAndExternal' })
+  created() {
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'publicAndExternal',
+    })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'publicAndExternal')
-  }
+  },
 }
 
 export default PublicAndExternalTimeline
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
index 306935445..b9d136e29 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,18 +1,20 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.public }
+    timeline() {
+      return this.$store.state.statuses.timelines.public
+    },
   },
-  created () {
+  created() {
     this.$store.dispatch('startFetchingTimeline', { timeline: 'public' })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'public')
-  }
-
+  },
 }
 
 export default PublicTimeline
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index f5e4721d0..4127f3f30 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,99 +1,137 @@
-import Popover from '../popover/popover.vue'
-import { mapGetters } from 'vuex'
 import { mapState } from 'pinia'
+
+import Popover from '../popover/popover.vue'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faFilter,
-  faFont,
-  faWrench
-)
+library.add(faFilter, faFont, faWrench)
 
 const QuickFilterSettings = {
   props: {
     conversation: Boolean,
-    nested: Boolean
+    nested: Boolean,
   },
   components: {
-    Popover
+    Popover,
   },
   methods: {
-    setReplyVisibility (visibility) {
-      this.$store.dispatch('setOption', { name: 'replyVisibility', value: visibility })
+    setReplyVisibility(visibility) {
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'replyVisibility',
+        value: visibility,
+      })
       this.$store.dispatch('queueFlushAll')
     },
-    openTab (tab) {
+    openTab(tab) {
       useInterfaceStore().openSettingsModalTab(tab)
-    }
+    },
   },
   computed: {
-    ...mapGetters(['mergedConfig']),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: state => state.layoutType === 'mobile'
+      mobileLayout: (state) => state.layoutType === 'mobile',
     }),
-    triggerAttrs () {
+    triggerAttrs() {
       if (this.mobileLayout) {
         return {}
       } else {
         return {
-          title: this.$t('timeline.quick_filter_settings')
+          title: this.$t('timeline.quick_filter_settings'),
         }
       }
     },
-    mainClass () {
+    mainClass() {
       if (this.mobileLayout) {
         return 'main-button'
       } else {
         return 'dropdown-item'
       }
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
     replyVisibilitySelf: {
-      get () { return this.mergedConfig.replyVisibility === 'self' },
-      set () { this.setReplyVisibility('self') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'self'
+      },
+      set() {
+        this.setReplyVisibility('self')
+      },
     },
     replyVisibilityFollowing: {
-      get () { return this.mergedConfig.replyVisibility === 'following' },
-      set () { this.setReplyVisibility('following') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'following'
+      },
+      set() {
+        this.setReplyVisibility('following')
+      },
     },
     replyVisibilityAll: {
-      get () { return this.mergedConfig.replyVisibility === 'all' },
-      set () { this.setReplyVisibility('all') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'all'
+      },
+      set() {
+        this.setReplyVisibility('all')
+      },
     },
     hideMedia: {
-      get () { return this.mergedConfig.hideAttachments || this.mergedConfig.hideAttachmentsInConv },
-      set () {
-        const value = !this.hideMedia
-        this.$store.dispatch('setOption', { name: 'hideAttachments', value })
-        this.$store.dispatch('setOption', { name: 'hideAttachmentsInConv', value })
-      }
+      get() {
+        return (
+          this.mergedConfig.hideAttachments ||
+          this.mergedConfig.hideAttachmentsInConv
+        )
+      },
+      set(value) {
+        useLocalConfigStore().set({
+          path: 'hideAttachments',
+          value,
+        })
+        useLocalConfigStore().set({
+          path: 'hideAttachmentsInConv',
+          value,
+        })
+      },
     },
     hideMutedPosts: {
-      get () { return this.mergedConfig.hideFilteredStatuses },
-      set () {
-        const value = !this.hideMutedPosts
-        this.$store.dispatch('setOption', { name: 'hideFilteredStatuses', value })
-      }
+      get() {
+        return this.mergedConfig.hideFilteredStatuses
+      },
+      set(value) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'hideFilteredStatuses',
+          value,
+        })
+      },
     },
     muteBotStatuses: {
-      get () { return this.mergedConfig.muteBotStatuses },
-      set () {
-        const value = !this.muteBotStatuses
-        this.$store.dispatch('setOption', { name: 'muteBotStatuses', value })
-      }
+      get() {
+        return this.mergedConfig.muteBotStatuses
+      },
+      set(value) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'muteBotStatuses',
+          value,
+        })
+      },
     },
     muteSensitiveStatuses: {
-      get () { return this.mergedConfig.muteSensitiveStatuses },
-      set () {
-        const value = !this.muteSensitiveStatuses
-        this.$store.dispatch('setOption', { name: 'muteSensitiveStatuses', value })
-      }
-    }
-  }
+      get() {
+        return this.mergedConfig.muteSensitiveStatuses
+      },
+      set(value) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'muteSensitiveStatuses',
+          value,
+        })
+      },
+    },
+  },
 }
 
 export default QuickFilterSettings
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index 5c98e0f88..f809d241c 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -1,82 +1,112 @@
+import { mapState } from 'pinia'
+
 import Popover from 'src/components/popover/popover.vue'
 import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faList, faFolderTree, faBars, faWrench } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faList,
-  faFolderTree,
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
   faBars,
-  faWrench
-)
+  faFolderTree,
+  faList,
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faList, faFolderTree, faBars, faWrench)
 
 const QuickViewSettings = {
   props: {
-    conversation: Boolean
+    conversation: Boolean,
   },
   components: {
     Popover,
-    QuickFilterSettings
+    QuickFilterSettings,
   },
   methods: {
-    setConversationDisplay (visibility) {
-      this.$store.dispatch('setOption', { name: 'conversationDisplay', value: visibility })
-    },
-    openTab (tab) {
+    openTab(tab) {
       useInterfaceStore().openSettingsModalTab(tab)
-    }
+    },
   },
   computed: {
-    ...mapGetters(['mergedConfig']),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: state => state.layoutType === 'mobile'
+      mobileLayout: (state) => state.layoutType === 'mobile',
     }),
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
     conversationDisplay: {
-      get () { return this.mergedConfig.conversationDisplay },
-      set (newVal) { this.setConversationDisplay(newVal) }
+      get() {
+        return this.mergedConfig.conversationDisplay
+      },
+      set(value) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'conversationDisplay',
+          value,
+        })
+      },
     },
     autoUpdate: {
-      get () { return this.mergedConfig.streaming },
-      set () {
+      get() {
+        return this.mergedConfig.streaming
+      },
+      set() {
         const value = !this.autoUpdate
-        this.$store.dispatch('setOption', { name: 'streaming', value })
-      }
+        useSyncConfigStore().setSimplePrefAndSave({ path: 'streaming', value })
+      },
     },
     collapseWithSubjects: {
-      get () { return this.mergedConfig.collapseMessageWithSubject },
-      set () {
+      get() {
+        return this.mergedConfig.collapseMessageWithSubject
+      },
+      set() {
         const value = !this.collapseWithSubjects
-        this.$store.dispatch('setOption', { name: 'collapseMessageWithSubject', value })
-      }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'collapseMessageWithSubject',
+          value,
+        })
+      },
     },
     showUserAvatars: {
-      get () { return this.mergedConfig.mentionLinkShowAvatar },
-      set () {
+      get() {
+        return this.mergedConfig.mentionLinkShowAvatar
+      },
+      set() {
         const value = !this.showUserAvatars
-        this.$store.dispatch('setOption', { name: 'mentionLinkShowAvatar', value })
-      }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'mentionLinkShowAvatar',
+          value,
+        })
+      },
     },
     muteBotStatuses: {
-      get () { return this.mergedConfig.muteBotStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteBotStatuses
+      },
+      set() {
         const value = !this.muteBotStatuses
-        this.$store.dispatch('setOption', { name: 'muteBotStatuses', value })
-      }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'muteBotStatuses',
+          value,
+        })
+      },
     },
     muteSensitiveStatuses: {
-      get () { return this.mergedConfig.muteSensitiveStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteSensitiveStatuses
+      },
+      set() {
         const value = !this.muteSensitiveStatuses
-        this.$store.dispatch('setOption', { name: 'muteSensitiveStatuses', value })
-      }
-    }
-  }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'muteSensitiveStatuses',
+          value,
+        })
+      },
+    },
+  },
 }
 
 export default QuickViewSettings
diff --git a/src/components/quotes_timeline/quotes_timeline.js b/src/components/quotes_timeline/quotes_timeline.js
index a5f42da56..b9b3e8f10 100644
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ b/src/components/quotes_timeline/quotes_timeline.js
@@ -1,26 +1,36 @@
 import Timeline from '../timeline/timeline.vue'
 
 const QuotesTimeline = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'quotes' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'quotes', statusId: this.statusId })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'quotes',
+      statusId: this.statusId,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    statusId () { return this.$route.params.id },
-    timeline () { return this.$store.state.statuses.timelines.quotes }
+    statusId() {
+      return this.$route.params.id
+    },
+    timeline() {
+      return this.$store.state.statuses.timelines.quotes
+    },
   },
   watch: {
-    statusId () {
+    statusId() {
       this.$store.commit('clearTimeline', { timeline: 'quotes' })
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'quotes', statusId: this.statusId })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'quotes',
+        statusId: this.statusId,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'quotes')
-  }
+  },
 }
 
 export default QuotesTimeline
diff --git a/src/components/range_input/range_input.vue b/src/components/range_input/range_input.vue
index 2f8645c0b..91d3dcc3b 100644
--- a/src/components/range_input/range_input.vue
+++ b/src/components/range_input/range_input.vue
@@ -54,13 +54,22 @@
 <script>
 export default {
   props: [
-    'name', 'modelValue', 'fallback', 'disabled', 'label', 'max', 'min', 'step', 'hardMin', 'hardMax'
+    'name',
+    'modelValue',
+    'fallback',
+    'disabled',
+    'label',
+    'max',
+    'min',
+    'step',
+    'hardMin',
+    'hardMax',
   ],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 53a678680..9058963c6 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,13 +1,20 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
+import { mapState as mapPiniaState } from 'pinia'
 import { mapActions, mapState } from 'vuex'
-import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
+
 import localeService from '../../services/locale/locale.service.js'
-import { DAY } from 'src/services/date_utils/date_utils.js'
+import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { DAY } from 'src/services/date_utils/date_utils.js'
+
 const registration = {
-  setup () { return { v$: useVuelidate() } },
+  setup() {
+    return { v$: useVuelidate() }
+  },
   data: () => ({
     user: {
       email: '',
@@ -17,15 +24,15 @@ const registration = {
       confirm: '',
       birthday: '',
       reason: '',
-      language: ['']
+      language: [''],
     },
-    captcha: {}
+    captcha: {},
   }),
   components: {
     InterfaceLanguageSwitcher,
-    TermsOfServicePanel
+    TermsOfServicePanel,
   },
-  validations () {
+  validations() {
     return {
       user: {
         email: { required: requiredIf(() => this.accountActivationRequired) },
@@ -34,20 +41,23 @@ const registration = {
         password: { required },
         confirm: {
           required,
-          sameAs: sameAs(this.user.password)
+          sameAs: sameAs(this.user.password),
         },
         birthday: {
           required: requiredIf(() => this.birthdayRequired),
-          maxValue: value => {
-            return !this.birthdayRequired || new Date(value).getTime() <= this.birthdayMin.getTime()
-          }
+          maxValue: (value) => {
+            return (
+              !this.birthdayRequired ||
+              new Date(value).getTime() <= this.birthdayMin.getTime()
+            )
+          },
         },
         reason: { required: requiredIf(() => this.accountApprovalRequired) },
-        language: {}
-      }
+        language: {},
+      },
     }
   },
-  created () {
+  created() {
     if ((!this.registrationOpen && !this.token) || this.signedIn) {
       this.$router.push({ name: 'root' })
     }
@@ -55,14 +65,16 @@ const registration = {
     this.setCaptcha()
   },
   computed: {
-    token () { return this.$route.params.token },
-    bioPlaceholder () {
+    token() {
+      return this.$route.params.token
+    },
+    bioPlaceholder() {
       return this.replaceNewlines(this.$t('registration.bio_placeholder'))
     },
-    reasonPlaceholder () {
+    reasonPlaceholder() {
       return this.replaceNewlines(this.$t('registration.reason_placeholder'))
     },
-    birthdayMin () {
+    birthdayMin() {
       const minAge = this.birthdayMinAge
       const today = new Date()
       today.setUTCMilliseconds(0)
@@ -73,31 +85,41 @@ const registration = {
       minDate.setTime(today.getTime() - minAge * DAY)
       return minDate
     },
-    birthdayMinAttr () {
+    birthdayMinAttr() {
       return this.birthdayMin.toJSON().replace(/T.+$/, '')
     },
-    birthdayMinFormatted () {
-      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
-      return this.user.birthday && new Date(Date.parse(this.birthdayMin)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
+    birthdayMinFormatted() {
+      const browserLocale = localeService.internalToBrowserLocale(
+        this.$i18n.locale,
+      )
+      return (
+        this.user.birthday &&
+        new Date(Date.parse(this.birthdayMin)).toLocaleDateString(
+          browserLocale,
+          { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' },
+        )
+      )
     },
+    ...mapPiniaState(useInstanceStore, {
+      registrationOpen: (store) => store.registrationOpen,
+      embeddedToS: (store) => store.embeddedToS,
+      termsOfService: (store) => store.tos,
+      accountActivationRequired: (store) => store.accountActivationRequired,
+      accountApprovalRequired: (store) => store.accountApprovalRequired,
+      birthdayRequired: (store) => store.birthdayRequired,
+      birthdayMinAge: (store) => store.birthdayMinAge,
+    }),
     ...mapState({
-      registrationOpen: (state) => state.instance.registrationOpen,
       signedIn: (state) => !!state.users.currentUser,
       isPending: (state) => state.users.signUpPending,
       serverValidationErrors: (state) => state.users.signUpErrors,
       signUpNotice: (state) => state.users.signUpNotice,
       hasSignUpNotice: (state) => !!state.users.signUpNotice.message,
-      termsOfService: (state) => state.instance.tos,
-      embeddedToS: (state) => state.instance.embeddedToS,
-      accountActivationRequired: (state) => state.instance.accountActivationRequired,
-      accountApprovalRequired: (state) => state.instance.accountApprovalRequired,
-      birthdayRequired: (state) => state.instance.birthdayRequired,
-      birthdayMinAge: (state) => state.instance.birthdayMinAge
-    })
+    }),
   },
   methods: {
     ...mapActions(['signUp', 'getCaptcha']),
-    async submit () {
+    async submit() {
       this.user.nickname = this.user.username
       this.user.token = this.token
 
@@ -105,7 +127,9 @@ const registration = {
       this.user.captcha_token = this.captcha.token
       this.user.captcha_answer_data = this.captcha.answer_data
       if (this.user.language) {
-        this.user.language = localeService.internalToBackendLocaleMulti(this.user.language.filter(k => k))
+        this.user.language = localeService.internalToBackendLocaleMulti(
+          this.user.language.filter((k) => k),
+        )
       }
 
       this.v$.$touch()
@@ -124,13 +148,15 @@ const registration = {
         }
       }
     },
-    setCaptcha () {
-      this.getCaptcha().then(cpt => { this.captcha = cpt })
+    setCaptcha() {
+      this.getCaptcha().then((cpt) => {
+        this.captcha = cpt
+      })
     },
-    replaceNewlines (str) {
+    replaceNewlines(str) {
       return str.replace(/\s*\n\s*/g, ' \n')
-    }
-  }
+    },
+  },
 }
 
 export default registration
diff --git a/src/components/registration/registration.vue b/src/components/registration/registration.vue
index f6b056e6b..b969a416e 100644
--- a/src/components/registration/registration.vue
+++ b/src/components/registration/registration.vue
@@ -395,7 +395,7 @@
   }
 
   form textarea {
-    line-height: 16px;
+    line-height: 1;
     resize: vertical;
   }
 
diff --git a/src/components/remote_follow/remote_follow.js b/src/components/remote_follow/remote_follow.js
index 951b59419..a583b6f09 100644
--- a/src/components/remote_follow/remote_follow.js
+++ b/src/components/remote_follow/remote_follow.js
@@ -1,9 +1,9 @@
 export default {
   props: ['user'],
   computed: {
-    subscribeUrl () {
+    subscribeUrl() {
       const serverUrl = new URL(this.user.statusnet_profile_url)
       return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/remote_user_resolver/remote_user_resolver.js b/src/components/remote_user_resolver/remote_user_resolver.js
index 9b5e511e0..430f56c84 100644
--- a/src/components/remote_user_resolver/remote_user_resolver.js
+++ b/src/components/remote_user_resolver/remote_user_resolver.js
@@ -1,14 +1,16 @@
 const RemoteUserResolver = {
   data: () => ({
-    error: false
+    error: false,
   }),
-  mounted () {
+  mounted() {
     this.redirect()
   },
   methods: {
-    redirect () {
-      const acct = this.$route.params.username + '@' + this.$route.params.hostname
-      this.$store.state.api.backendInteractor.fetchUser({ id: acct })
+    redirect() {
+      const acct =
+        this.$route.params.username + '@' + this.$route.params.hostname
+      this.$store.state.api.backendInteractor
+        .fetchUser({ id: acct })
         .then((externalUser) => {
           if (externalUser.error) {
             this.error = true
@@ -17,15 +19,15 @@ const RemoteUserResolver = {
             const id = externalUser.id
             this.$router.replace({
               name: 'external-user-profile',
-              params: { id }
+              params: { id },
             })
           }
         })
         .catch(() => {
           this.error = true
         })
-    }
-  }
+    },
+  },
 }
 
 export default RemoteUserResolver
diff --git a/src/components/remove_follower_button/remove_follower_button.js b/src/components/remove_follower_button/remove_follower_button.js
index 052a519ff..bd5aa6d5b 100644
--- a/src/components/remove_follower_button/remove_follower_button.js
+++ b/src/components/remove_follower_button/remove_follower_button.js
@@ -1,48 +1,52 @@
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 export default {
   props: ['user', 'relationship'],
-  data () {
+  data() {
     return {
       inProgress: false,
-      showingConfirmRemoveFollower: false
+      showingConfirmRemoveFollower: false,
     }
   },
   components: {
-    ConfirmModal
+    ConfirmModal,
   },
   computed: {
-    label () {
+    label() {
       if (this.inProgress) {
         return this.$t('user_card.follow_progress')
       } else {
         return this.$t('user_card.remove_follower')
       }
     },
-    shouldConfirmRemoveUserFromFollowers () {
-      return this.$store.getters.mergedConfig.modalOnRemoveUserFromFollowers
-    }
+    shouldConfirmRemoveUserFromFollowers() {
+      return useMergedConfigStore().mergedConfig.modalOnRemoveUserFromFollowers
+    },
   },
   methods: {
-    showConfirmRemoveUserFromFollowers () {
+    showConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = true
     },
-    hideConfirmRemoveUserFromFollowers () {
+    hideConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = false
     },
-    onClick () {
+    onClick() {
       if (!this.shouldConfirmRemoveUserFromFollowers) {
         this.doRemoveUserFromFollowers()
       } else {
         this.showConfirmRemoveUserFromFollowers()
       }
     },
-    doRemoveUserFromFollowers () {
+    doRemoveUserFromFollowers() {
       this.inProgress = true
-      this.$store.dispatch('removeUserFromFollowers', this.relationship.id).then(() => {
-        this.inProgress = false
-      })
+      this.$store
+        .dispatch('removeUserFromFollowers', this.relationship.id)
+        .then(() => {
+          this.inProgress = false
+        })
       this.hideConfirmRemoveUserFromFollowers()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 6e9f21eea..fcfb83c3a 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,37 +1,46 @@
-import { useReportsStore } from 'src/stores/reports'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 import Timeago from '../timeago/timeago.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useReportsStore } from 'src/stores/reports.js'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const Report = {
-  props: [
-    'reportId'
-  ],
+  props: ['reportId'],
   components: {
     Select,
     StatusContent,
     Timeago,
-    RichContent
+    RichContent,
   },
   computed: {
-    report () {
+    report() {
       return useReportsStore().reports[this.reportId] || {}
     },
     state: {
-      get: function () { return this.report.state },
-      set: function (val) { this.setReportState(val) }
-    }
+      get: function () {
+        return this.report.state
+      },
+      set: function (val) {
+        this.setReportState(val)
+      },
+    },
   },
   methods: {
-    generateUserProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
+    generateUserProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
+      )
     },
-    setReportState (state) {
+    setReportState(state) {
       return useReportsStore().setReportState({ id: this.report.id, state })
-    }
-  }
+    },
+  },
 }
 
 export default Report
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 9466603cd..3a6f0b1bc 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,11 +1,18 @@
-import { unescape, flattenDeep } from 'lodash'
-import { getTagName, processTextForEmoji, getAttrs } from 'src/services/html_converter/utility.service.js'
-import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
-import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
-import StillImage from 'src/components/still-image/still-image.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
+import { flattenDeep, unescape as ldUnescape } from 'lodash'
+
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
+import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import StillImage from 'src/components/still-image/still-image.vue'
+import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
+
+import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
+import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
+import {
+  getAttrs,
+  getTagName,
+  processTextForEmoji,
+} from 'src/services/html_converter/utility.service.js'
 
 import './rich_content.scss'
 
@@ -27,7 +34,7 @@ const MAYBE_LINE_BREAKING_ELEMENTS = [
   'h2',
   'h3',
   'h4',
-  'h5'
+  'h5',
 ]
 
 /**
@@ -52,44 +59,62 @@ export default {
   name: 'RichContent',
   components: {
     MentionsLine,
-    HashtagLink
+    HashtagLink,
   },
   props: {
     // Original html content
     html: {
       required: true,
-      type: String
+      type: String,
     },
     attentions: {
       required: false,
-      default: () => []
+      default: () => [],
     },
     // Emoji object, as in status.emojis, note the "s" at the end...
     emoji: {
       required: true,
-      type: Array
+      type: Array,
     },
     // Whether to handle links or not (posts: yes, everything else: no)
     handleLinks: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Meme arrows
     greentext: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Faint style (for notifs)
     faint: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
+    // Collapse newlines
+    collapse: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    /* Content comes from current instance
+     *
+     * This is used for emoji stealing popover.
+     * By default we assume it is, so that steal
+     * emoji button isn't shown where it probably
+     * should not be.
+     */
+    isLocal: {
+      required: false,
+      type: Boolean,
+      default: true,
+    },
   },
   // NEVER EVER TOUCH DATA INSIDE RENDER
-  render () {
+  render() {
     // Pre-process HTML
     const { newHtml: html } = preProcessPerLine(this.html, this.greentext)
     let currentMentions = null // Current chain of mentions, we group all mentions together
@@ -106,10 +131,7 @@ export default {
     let tagsIndex = 0
 
     const renderImage = (tag) => {
-      return <StillImage
-        {...getAttrs(tag)}
-        class="img"
-      />
+      return <StillImage {...getAttrs(tag)} class="img" />
     }
 
     const renderHashtag = (attrs, children, encounteredTextReverse) => {
@@ -119,12 +141,14 @@ export default {
         lastTags.push(linkData)
       }
       const { url, tag, content } = linkData
-      return <HashtagLink url={url} tag={tag} content={content}/>
+      return <HashtagLink url={url} tag={tag} content={content} />
     }
 
     const renderMention = (attrs, children) => {
       const linkData = getLinkData(attrs, children, mentionIndex++)
-      linkData.notifying = this.attentions.some(a => a.statusnet_profile_url === linkData.url)
+      linkData.notifying = this.attentions.some(
+        (a) => a.statusnet_profile_url === linkData.url,
+      )
       writtenMentions.push(linkData)
       if (currentMentions === null) {
         currentMentions = []
@@ -134,7 +158,7 @@ export default {
         invisibleMentions.push(linkData)
       }
       if (currentMentions.length === 1) {
-        return <MentionsLine mentions={ currentMentions } />
+        return <MentionsLine mentions={currentMentions} />
       } else {
         return ''
       }
@@ -153,23 +177,28 @@ export default {
           // in MentionsLine
           lastSpacing = item
           // Don't remove last space in a container (fixes poast mentions)
-          return (index !== array.length - 1) && (currentMentions !== null) ? item.trim() : item
+          return index !== array.length - 1 && currentMentions !== null
+            ? item.trim()
+            : item
         }
 
         currentMentions = null
         if (item.includes(':')) {
-          item = ['', processTextForEmoji(
-            item,
-            this.emoji,
-            ({ shortcode, url }) => {
-              return <StillImage
-                class="emoji img"
-                src={url}
-                title={`:${shortcode}:`}
-                alt={`:${shortcode}:`}
-              />
-            }
-          )]
+          item = [
+            '',
+            processTextForEmoji(item, this.emoji, ({ shortcode, url }) => {
+              return (
+                <StillImageEmojiPopover
+                  class="emoji img"
+                  src={url}
+                  title={`:${shortcode}:`}
+                  alt={`:${shortcode}:`}
+                  shortcode={shortcode}
+                  isLocal={this.isLocal}
+                />
+              )
+            }),
+          ]
         }
         return item
       }
@@ -188,18 +217,24 @@ export default {
          * we have a tag right next to mentions
          */
         const mentionsLinePadding =
-              // Padding is only needed if we just finished parsing mentions
-              previouslyMentions &&
-              // Don't add padding if content is string and has padding already
-              !(children && typeof children[0] === 'string' && children[0].match(/^\s/))
-                ? lastSpacing
-                : ''
+          // Padding is only needed if we just finished parsing mentions
+          previouslyMentions &&
+          // Don't add padding if content is string and has padding already
+          !(
+            children &&
+            typeof children[0] === 'string' &&
+            children[0].match(/^\s/)
+          )
+            ? lastSpacing
+            : ''
         if (MAYBE_LINE_BREAKING_ELEMENTS.includes(Tag)) {
           // all the elements that can cause a line change
           currentMentions = null
-        } else if (Tag === 'img') { // replace images with StillImage
+        } else if (Tag === 'img') {
+          // replace images with StillImage
           return ['', [mentionsLinePadding, renderImage(opener)], '']
-        } else if (Tag === 'a' && this.handleLinks) { // replace mentions with MentionLink
+        } else if (Tag === 'a' && this.handleLinks) {
+          // replace mentions with MentionLink
           if (fullAttrs.class && fullAttrs.class.includes('mention')) {
             // Handling mentions here
             return renderMention(attrs, children)
@@ -207,7 +242,11 @@ export default {
             currentMentions = null
           }
         } else if (Tag === 'span') {
-          if (this.handleLinks && fullAttrs.class && fullAttrs.class.includes('h-card')) {
+          if (
+            this.handleLinks &&
+            fullAttrs.class &&
+            fullAttrs.class.includes('h-card')
+          ) {
             return ['', children.map(processItem), '']
           }
         }
@@ -215,11 +254,8 @@ export default {
         if (children !== undefined) {
           return [
             '',
-            [
-              mentionsLinePadding,
-              [opener, children.map(processItem), closer]
-            ],
-            ''
+            [mentionsLinePadding, [opener, children.map(processItem), closer]],
+            '',
           ]
         } else {
           return ['', [mentionsLinePadding, item], '']
@@ -235,29 +271,31 @@ export default {
         const emptyText = item.trim() === ''
         if (emptyText) return item
         if (!encounteredTextReverse) encounteredTextReverse = true
-        return unescape(item)
+        return ldUnescape(item)
       } else if (Array.isArray(item)) {
         // Handle tag nodes
         const [opener, children] = item
         const Tag = opener === '' ? '' : getTagName(opener)
         switch (Tag) {
-          case 'a': { // replace mentions with MentionLink
+          case 'a': {
+            // replace mentions with MentionLink
             if (!this.handleLinks) break
             const fullAttrs = getAttrs(opener, () => true)
             const attrs = getAttrs(opener, () => true)
             // should only be this
             if (
               (fullAttrs.class && fullAttrs.class.includes('hashtag')) || // Pleroma style
-                (fullAttrs.rel === 'tag') // Mastodon style
+              fullAttrs.rel === 'tag' // Mastodon style
             ) {
               return renderHashtag(attrs, children, encounteredTextReverse)
             } else {
               attrs.target = '_blank'
-              const newChildren = [...children].reverse().map(processItemReverse).reverse()
+              const newChildren = [...children]
+                .reverse()
+                .map(processItemReverse)
+                .reverse()
 
-              return <a {...attrs}>
-                { newChildren }
-              </a>
+              return <a {...attrs}>{newChildren}</a>
             }
           }
           case '':
@@ -269,11 +307,9 @@ export default {
           const newChildren = Array.isArray(children)
             ? [...children].reverse().map(processItemReverse).reverse()
             : children
-          return <Tag {...getAttrs(opener)}>
-            { newChildren }
-          </Tag>
+          return <Tag {...getAttrs(opener)}>{newChildren}</Tag>
         } else {
-          return <Tag/>
+          return <Tag />
         }
       }
       return item
@@ -281,25 +317,33 @@ export default {
 
     const pass1 = convertHtmlToTree(html).map(processItem)
     const pass2 = [...pass1].reverse().map(processItemReverse).reverse()
+
     // DO NOT USE SLOTS they cause a re-render feedback loop here.
     // slots updated -> rerender -> emit -> update up the tree -> rerender -> ...
     // at least until vue3?
-    const result = <span class={['RichContent', this.faint ? '-faint' : '']}>
-      { pass2 }
-    </span>
+    const result = (
+      <span class={['RichContent', this.faint ? '-faint' : '']}>
+        {this.collapse
+          ? pass2.map((x) => {
+              if (!Array.isArray(x)) return x.replace(/\n/g, ' ')
+              return x.map((y) => (y.type === 'br' ? ' ' : y))
+            })
+          : pass2}
+      </span>
+    )
 
     const event = {
       lastTags,
       writtenMentions,
       writtenTags,
-      invisibleMentions
+      invisibleMentions,
     }
 
     // DO NOT MOVE TO UPDATE. BAD IDEA.
     this.$emit('parseReady', event)
 
     return result
-  }
+  },
 }
 
 const getLinkData = (attrs, children, index) => {
@@ -316,7 +360,7 @@ const getLinkData = (attrs, children, index) => {
     url: attrs.href,
     tag: attrs['data-tag'],
     content: flattenDeep(children).join(''),
-    textContent
+    textContent,
   }
 }
 
@@ -332,31 +376,36 @@ export const preProcessPerLine = (html, greentext) => {
   const greentextHandle = new Set(['p', 'div'])
 
   const lines = convertHtmlToLines(html)
-  const newHtml = lines.reverse().map((item, index, array) => {
-    if (!item.text) return item
-    const string = item.text
+  const newHtml = lines
+    .reverse()
+    .map((item, index, array) => {
+      if (!item.text) return item
+      const string = item.text
 
-    // Greentext stuff
-    if (
-      // Only if greentext is engaged
-      greentext &&
+      // Greentext stuff
+      if (
+        // Only if greentext is engaged
+        greentext &&
         // Only handle p's and divs. Don't want to affect blockquotes, code etc
-        item.level.every(l => greentextHandle.has(l)) &&
+        item.level.every((l) => greentextHandle.has(l)) &&
         // Only if line begins with '>' or '<'
         (string.includes('&gt;') || string.includes('&lt;'))
-    ) {
-      const cleanedString = string.replace(/<[^>]+?>/gi, '') // remove all tags
-        .replace(/@\w+/gi, '') // remove mentions (even failed ones)
-        .trim()
-      if (cleanedString.startsWith('&gt;')) {
-        return `<span class='greentext'>${string}</span>`
-      } else if (cleanedString.startsWith('&lt;')) {
-        return `<span class='cyantext'>${string}</span>`
+      ) {
+        const cleanedString = string
+          .replace(/<[^>]+?>/gi, '') // remove all tags
+          .replace(/@\w+/gi, '') // remove mentions (even failed ones)
+          .trim()
+        if (cleanedString.startsWith('&gt;')) {
+          return `<span class='greentext'>${string}</span>`
+        } else if (cleanedString.startsWith('&lt;')) {
+          return `<span class='cyantext'>${string}</span>`
+        }
       }
-    }
 
-    return string
-  }).reverse().join('')
+      return string
+    })
+    .reverse()
+    .join('')
 
   return { newHtml }
 }
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index 140be2f98..d2ec77dcb 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -2,6 +2,7 @@
   font-family: var(--font);
 
   &.-faint {
+    color: var(--text);
     /* stylelint-disable declaration-no-important */
     --text: var(--textFaint) !important;
     --link: var(--linkFaint) !important;
@@ -63,6 +64,11 @@
 
   .img {
     display: inline-block;
+
+    // fix vertical alignment of stealable emoji
+    button {
+      display: inline-flex;
+    }
   }
 
   .emoji {
diff --git a/src/components/rich_content/rich_content.style.js b/src/components/rich_content/rich_content.style.js
deleted file mode 100644
index eaba9c4b1..000000000
--- a/src/components/rich_content/rich_content.style.js
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  name: 'RichContent',
-  selector: '.RichContent',
-  notEditable: true,
-  transparent: true,
-  validInnerComponents: [
-    'Text',
-    'FunText',
-    'Link'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        '--font': 'generic | inherit',
-        '--monoFont': 'generic | monospace',
-        textNoCssColor: 'yes'
-      }
-    }
-  ]
-}
diff --git a/src/components/root.style.js b/src/components/root.style.js
index 5075e33c8..54c4c6095 100644
--- a/src/components/root.style.js
+++ b/src/components/root.style.js
@@ -27,8 +27,8 @@ export default {
 
         // Selection colors
         '--selectionBackground': 'color | --accent',
-        '--selectionText': 'color | $textColor(--accent --text no-preserve)'
-      }
-    }
-  ]
+        '--selectionText': 'color | $textColor(--accent --text no-preserve)',
+      },
+    },
+  ],
 }
diff --git a/src/components/roundness_input/roundness_input.vue b/src/components/roundness_input/roundness_input.vue
index 1da71ca79..04b623e86 100644
--- a/src/components/roundness_input/roundness_input.vue
+++ b/src/components/roundness_input/roundness_input.vue
@@ -36,16 +36,14 @@
 import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'disabled'
-  ],
+  props: ['name', 'label', 'modelValue', 'fallback', 'disabled'],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/scope_selector/scope_selector.js b/src/components/scope_selector/scope_selector.js
index 52cda368b..9d3a3a718 100644
--- a/src/components/scope_selector/scope_selector.js
+++ b/src/components/scope_selector/scope_selector.js
@@ -1,69 +1,92 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faEnvelope,
-  faLock,
-  faLockOpen,
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
   faEnvelope,
   faGlobe,
   faLock,
-  faLockOpen
-)
+  faLockOpen,
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faEnvelope, faGlobe, faLock, faLockOpen)
 
 const ScopeSelector = {
-  props: [
-    'showAll',
-    'userDefault',
-    'originalScope',
-    'initialScope',
-    'onScopeChange'
-  ],
-  data () {
+  props: {
+    showAll: {
+      required: true,
+      type: Boolean,
+    },
+    userDefault: {
+      required: true,
+      type: String,
+    },
+    originalScope: {
+      required: false,
+      type: String,
+    },
+    initialScope: {
+      required: false,
+      type: String,
+    },
+    onScopeChange: {
+      required: true,
+      type: Function,
+    },
+    unstyled: {
+      required: false,
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
     return {
-      currentScope: this.initialScope
+      currentScope: this.initialScope,
     }
   },
   computed: {
-    showNothing () {
-      return !this.showPublic && !this.showUnlisted && !this.showPrivate && !this.showDirect
+    showNothing() {
+      return (
+        !this.showPublic &&
+        !this.showUnlisted &&
+        !this.showPrivate &&
+        !this.showDirect
+      )
     },
-    showPublic () {
+    showPublic() {
       return this.originalScope !== 'direct' && this.shouldShow('public')
     },
-    showUnlisted () {
+    showUnlisted() {
       return this.originalScope !== 'direct' && this.shouldShow('unlisted')
     },
-    showPrivate () {
+    showPrivate() {
       return this.originalScope !== 'direct' && this.shouldShow('private')
     },
-    showDirect () {
+    showDirect() {
       return this.shouldShow('direct')
     },
-    css () {
+    css() {
+      const style = this.unstyled ? 'button-unstyled' : 'button-default'
       return {
-        public: { toggled: this.currentScope === 'public' },
-        unlisted: { toggled: this.currentScope === 'unlisted' },
-        private: { toggled: this.currentScope === 'private' },
-        direct: { toggled: this.currentScope === 'direct' }
+        public: [style, { toggled: this.currentScope === 'public' }],
+        unlisted: [style, { toggled: this.currentScope === 'unlisted' }],
+        private: [style, { toggled: this.currentScope === 'private' }],
+        direct: [style, { toggled: this.currentScope === 'direct' }],
       }
-    }
+    },
   },
   methods: {
-    shouldShow (scope) {
-      return this.showAll ||
+    shouldShow(scope) {
+      return (
+        this.showAll ||
         this.currentScope === scope ||
         this.originalScope === scope ||
         this.userDefault === scope ||
         scope === 'direct'
+      )
     },
-    changeVis (scope) {
+    changeVis(scope) {
       this.currentScope = scope
       this.onScopeChange && this.onScopeChange(scope)
-    }
-  }
+    },
+  },
 }
 
 export default ScopeSelector
diff --git a/src/components/scope_selector/scope_selector.vue b/src/components/scope_selector/scope_selector.vue
index b90ae0205..cbe51a07f 100644
--- a/src/components/scope_selector/scope_selector.vue
+++ b/src/components/scope_selector/scope_selector.vue
@@ -1,11 +1,11 @@
 <template>
   <div
     v-if="!showNothing"
-    class="ScopeSelector"
+    class="ScopeSelector btn-group"
   >
     <button
       v-if="showDirect"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.direct"
       :title="$t('post_status.scope.direct')"
       type="button"
@@ -19,7 +19,7 @@
     {{ ' ' }}
     <button
       v-if="showPrivate"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.private"
       :title="$t('post_status.scope.private')"
       type="button"
@@ -33,7 +33,7 @@
     {{ ' ' }}
     <button
       v-if="showUnlisted"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.unlisted"
       :title="$t('post_status.scope.unlisted')"
       type="button"
@@ -47,7 +47,7 @@
     {{ ' ' }}
     <button
       v-if="showPublic"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.public"
       :title="$t('post_status.scope.public')"
       type="button"
@@ -65,12 +65,14 @@
 
 <style lang="scss">
 .ScopeSelector {
+  display: inline-block;
+
   .scope {
     display: inline-block;
-    cursor: pointer;
     min-width: 1.3em;
     min-height: 1.3em;
     text-align: center;
+    padding: 0.5em 0.25em
   }
 }
 </style>
diff --git a/src/components/screen_reader_notice/screen_reader_notice.js b/src/components/screen_reader_notice/screen_reader_notice.js
index 794b855ac..b834be531 100644
--- a/src/components/screen_reader_notice/screen_reader_notice.js
+++ b/src/components/screen_reader_notice/screen_reader_notice.js
@@ -2,20 +2,22 @@ const ScreenReaderNotice = {
   props: {
     ariaLive: {
       type: String,
-      default: 'assertive'
-    }
+      default: 'assertive',
+    },
   },
-  data () {
+  data() {
     return {
-      currentText: ''
+      currentText: '',
     }
   },
   methods: {
-    announce (text) {
+    announce(text) {
       this.currentText = text
-      setTimeout(() => { this.currentText = '' }, 1000)
-    }
-  }
+      setTimeout(() => {
+        this.currentText = ''
+      }, 1000)
+    },
+  },
 }
 
 export default ScreenReaderNotice
diff --git a/src/components/scroll_top_button/scroll_top_button.js b/src/components/scroll_top_button/scroll_top_button.js
index bdc45b9b4..e4b908f0b 100644
--- a/src/components/scroll_top_button/scroll_top_button.js
+++ b/src/components/scroll_top_button/scroll_top_button.js
@@ -3,16 +3,16 @@ const ScrollTopButton = {
     fast: {
       type: Boolean,
       required: false,
-      default: false
-    }
+      default: false,
+    },
   },
   methods: {
     scrollToTop() {
-      const speed = this.fast ? 'instant' : 'smooth';
+      const speed = this.fast ? 'instant' : 'smooth'
 
       window.scrollTo({ top: 0, behavior: speed })
-    }
-  }
+    },
+  },
 }
 
 export default ScrollTopButton
diff --git a/src/components/scrollbar.style.js b/src/components/scrollbar.style.js
index 1168f67d8..fbe952076 100644
--- a/src/components/scrollbar.style.js
+++ b/src/components/scrollbar.style.js
@@ -1,12 +1,16 @@
 export default {
   name: 'Scrollbar',
-  selector: ['::-webkit-scrollbar-button', '::-webkit-scrollbar-thumb', '::-webkit-resizer'],
+  selector: [
+    '::-webkit-scrollbar-button',
+    '::-webkit-scrollbar-thumb',
+    '::-webkit-resizer',
+  ],
   notEditable: true, // for now
   defaultRules: [
     {
       directives: {
-        background: '--wallpaper'
-      }
-    }
-  ]
+        background: '--wallpaper',
+      },
+    },
+  ],
 }
diff --git a/src/components/scrollbar_element.style.js b/src/components/scrollbar_element.style.js
index ef1ea8136..6f238e1f8 100644
--- a/src/components/scrollbar_element.style.js
+++ b/src/components/scrollbar_element.style.js
@@ -5,7 +5,7 @@ const border = (top, shadow) => ({
   spread: 0,
   color: shadow ? '#000000' : '#FFFFFF',
   alpha: 0.2,
-  inset: true
+  inset: true,
 })
 
 const buttonInsetFakeBorders = [border(true, false), border(false, true)]
@@ -16,7 +16,7 @@ const buttonOuterShadow = {
   blur: 2,
   spread: 0,
   color: '#000000',
-  alpha: 1
+  alpha: 1,
 }
 
 const hoverGlow = {
@@ -25,7 +25,7 @@ const hoverGlow = {
   blur: 4,
   spread: 0,
   color: '--text',
-  alpha: 1
+  alpha: 1,
 }
 
 export default {
@@ -35,68 +35,66 @@ export default {
   states: {
     pressed: ':active',
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(:disabled)',
-    disabled: ':disabled'
+    disabled: ':disabled',
   },
-  validInnerComponents: [
-    'Text'
-  ],
+  validInnerComponents: ['Text'],
   defaultRules: [
     {
       directives: {
         background: '--fg',
         shadow: [buttonOuterShadow, ...buttonInsetFakeBorders],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: [hoverGlow, ...buttonInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...buttonInsetFakeBorders],
+      },
     },
     {
       state: ['pressed'],
       directives: {
-        shadow: [buttonOuterShadow, ...inputInsetFakeBorders]
-      }
+        shadow: [buttonOuterShadow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['hover', 'pressed'],
       directives: {
-        shadow: [hoverGlow, ...inputInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['toggled'],
       directives: {
         background: '--accent,-24.2',
-        shadow: [buttonOuterShadow, ...inputInsetFakeBorders]
-      }
+        shadow: [buttonOuterShadow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['toggled', 'hover'],
       directives: {
         background: '--accent,-24.2',
-        shadow: [hoverGlow, ...inputInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: [...buttonInsetFakeBorders]
-      }
+        shadow: [...buttonInsetFakeBorders],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 877d6f300..b8812d0ac 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,31 +1,25 @@
-import FollowCard from '../follow_card/follow_card.vue'
-import Conversation from '../conversation/conversation.vue'
-import Status from '../status/status.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import map from 'lodash/map'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch,
-  faSearch
-} from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
+import map from 'lodash/map'
 
-library.add(
-  faCircleNotch,
-  faSearch
-)
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import Status from '../status/status.vue'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch, faSearch)
 
 const Search = {
   components: {
     FollowCard,
     Conversation,
     Status,
-    TabSwitcher
+    TabSwitcher,
   },
-  props: [
-    'query'
-  ],
-  data () {
+  props: ['query'],
+  data() {
     return {
       loaded: false,
       loading: false,
@@ -37,36 +31,37 @@ const Search = {
 
       statusesOffset: 0,
       lastStatusFetchCount: 0,
-      lastQuery: ''
+      lastQuery: '',
     }
   },
   computed: {
-    users () {
-      return this.userIds.map(userId => this.$store.getters.findUser(userId))
+    users() {
+      return this.userIds.map((userId) => this.$store.getters.findUser(userId))
     },
-    visibleStatuses () {
+    visibleStatuses() {
       const allStatusesObject = this.$store.state.statuses.allStatusesObject
 
-      return this.statuses.filter(status =>
-        allStatusesObject[status.id] && !allStatusesObject[status.id].deleted
+      return this.statuses.filter(
+        (status) =>
+          allStatusesObject[status.id] && !allStatusesObject[status.id].deleted,
       )
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.search(this.query)
   },
   watch: {
-    query (newValue) {
+    query(newValue) {
       this.searchTerm = newValue
       this.search(newValue)
-    }
+    },
   },
   methods: {
-    newQuery (query) {
+    newQuery(query) {
       this.$router.push({ name: 'search', query: { query } })
       this.$refs.searchInput.focus()
     },
-    search (query, searchType = null) {
+    search(query, searchType = null) {
       if (!query) {
         this.loading = false
         return
@@ -83,8 +78,14 @@ const Search = {
         this.lastStatusFetchCount = 0
       }
 
-      this.$store.dispatch('search', { q: query, resolve: true, offset: this.statusesOffset, type: searchType })
-        .then(data => {
+      this.$store
+        .dispatch('search', {
+          q: query,
+          resolve: true,
+          offset: this.statusesOffset,
+          type: searchType,
+        })
+        .then((data) => {
           this.loading = false
 
           const oldLength = this.statuses.length
@@ -104,14 +105,14 @@ const Search = {
           this.lastQuery = query
         })
     },
-    resultCount (tabName) {
+    resultCount(tabName) {
       const length = this[tabName].length
       return length === 0 ? '' : ` (${length})`
     },
-    onResultTabSwitch (key) {
+    onResultTabSwitch(key) {
       this.currenResultTab = key
     },
-    getActiveTab () {
+    getActiveTab() {
       if (this.visibleStatuses.length > 0) {
         return 'statuses'
       } else if (this.users.length > 0) {
@@ -122,10 +123,10 @@ const Search = {
 
       return 'statuses'
     },
-    lastHistoryRecord (hashtag) {
+    lastHistoryRecord(hashtag) {
       return hashtag.history && hashtag.history[0]
-    }
-  }
+    },
+  },
 }
 
 export default Search
diff --git a/src/components/search_bar/search_bar.js b/src/components/search_bar/search_bar.js
index 3b297f098..ebe30d303 100644
--- a/src/components/search_bar/search_bar.js
+++ b/src/components/search_bar/search_bar.js
@@ -1,33 +1,27 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes,
-  faSearch
-} from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faSearch
-)
+library.add(faTimes, faSearch)
 
 const SearchBar = {
   data: () => ({
     searchTerm: undefined,
     hidden: true,
-    error: false
+    error: false,
   }),
   watch: {
     $route: function (route) {
       if (route.name === 'search') {
         this.searchTerm = route.query.query
       }
-    }
+    },
   },
   methods: {
-    find (searchTerm) {
+    find(searchTerm) {
       this.$router.push({ name: 'search', query: { query: searchTerm } })
       this.$refs.searchInput.focus()
     },
-    toggleHidden () {
+    toggleHidden() {
       this.hidden = !this.hidden
       this.$emit('toggled', this.hidden)
       this.$nextTick(() => {
@@ -35,8 +29,8 @@ const SearchBar = {
           this.$refs.searchInput.focus()
         }
       })
-    }
-  }
+    },
+  },
 }
 
 export default SearchBar
diff --git a/src/components/select/select.js b/src/components/select/select.js
index 34d64fd22..9bf9f7e23 100644
--- a/src/components/select/select.js
+++ b/src/components/select/select.js
@@ -1,19 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronDown
-} from '@fortawesome/free-solid-svg-icons'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faChevronDown
-)
+library.add(faChevronDown)
 
 export default {
   emits: ['update:modelValue'],
-  props: [
-    'modelValue',
-    'disabled',
-    'unstyled',
-    'kind',
-    'attrs'
-  ]
+  props: ['modelValue', 'disabled', 'unstyled', 'kind', 'attrs'],
 }
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 96be5312c..78b3b348c 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -26,6 +26,7 @@
 /* TODO fix order of styles */
 label.Select {
   padding: 0;
+  display: flex;
 
   select {
     appearance: none;
@@ -33,13 +34,12 @@ label.Select {
     border: none;
     color: var(--text);
     margin: 0;
-    padding: 0 2em 0 0.2em;
+    padding: 0 2em 0 0.5em;
     font-family: var(--font);
     font-size: 1em;
     width: 100%;
     z-index: 1;
-    height: 2em;
-    line-height: 16px;
+    line-height: 2;
 
     &[multiple],
     &[size] {
@@ -79,7 +79,7 @@ label.Select {
     position: absolute;
     top: 0;
     bottom: 0;
-    right: 5px;
+    right: 0.5em;
     height: 100%;
     width: 0.875em;
     font-family: var(--font);
diff --git a/src/components/select/select_motion.vue b/src/components/select/select_motion.vue
index 45e278fc6..21262c256 100644
--- a/src/components/select/select_motion.vue
+++ b/src/components/select/select_motion.vue
@@ -54,20 +54,20 @@ import { computed, defineEmits, defineProps, nextTick } from 'vue'
 const props = defineProps({
   modelValue: {
     type: Array,
-    required: true
+    required: true,
   },
   selectedId: {
     type: Number,
-    required: true
+    required: true,
   },
   disabled: {
     type: Boolean,
-    default: false
+    default: false,
   },
   getAddValue: {
     type: Function,
-    required: true
-  }
+    required: true,
+  },
 })
 
 const emit = defineEmits(['update:modelValue', 'update:selectedId'])
@@ -116,7 +116,10 @@ const del = async () => {
 
   emit('update:modelValue', newModel)
   await nextTick()
-  emit('update:selectedId', newModel.length === 0 ? undefined : Math.max(props.selectedId - 1, 0))
+  emit(
+    'update:selectedId',
+    newModel.length === 0 ? undefined : Math.max(props.selectedId - 1, 0),
+  )
 }
 </script>
 
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index 10980d46a..b08a3e9a5 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -1,48 +1,48 @@
-import List from '../list/list.vue'
 import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
 
 const SelectableList = {
   components: {
     List,
-    Checkbox
+    Checkbox,
   },
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     getKey: {
       type: Function,
-      default: item => item.id
-    }
+      default: (item) => item.id,
+    },
   },
-  data () {
+  data() {
     return {
-      selected: []
+      selected: [],
     }
   },
   computed: {
-    allKeys () {
+    allKeys() {
       return this.items.map(this.getKey)
     },
-    filteredSelected () {
-      return this.allKeys.filter(key => this.selected.indexOf(key) !== -1)
+    filteredSelected() {
+      return this.allKeys.filter((key) => this.selected.indexOf(key) !== -1)
     },
-    allSelected () {
+    allSelected() {
       return this.filteredSelected.length === this.items.length
     },
-    noneSelected () {
+    noneSelected() {
       return this.filteredSelected.length === 0
     },
-    someSelected () {
+    someSelected() {
       return !this.allSelected && !this.noneSelected
-    }
+    },
   },
   methods: {
-    isSelected (item) {
+    isSelected(item) {
       return this.filteredSelected.indexOf(this.getKey(item)) !== -1
     },
-    toggle (checked, item) {
+    toggle(checked, item) {
       const key = this.getKey(item)
       const oldChecked = this.isSelected(key)
       if (checked !== oldChecked) {
@@ -53,14 +53,14 @@ const SelectableList = {
         }
       }
     },
-    toggleAll (value) {
+    toggleAll(value) {
       if (value) {
         this.selected = this.allKeys.slice(0)
       } else {
         this.selected = []
       }
-    }
-  }
+    },
+  },
 }
 
 export default SelectableList
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
new file mode 100644
index 000000000..627150587
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -0,0 +1,40 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+
+const AuthTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    TupleSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+    MapSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+    LDAPEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':ldap'][
+        ':enabled'
+      ]
+    },
+  },
+}
+
+export default AuthTab
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
new file mode 100644
index 000000000..ef32aa4e0
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -0,0 +1,105 @@
+<template>
+  <div :label="$t('admin_dash.tabs.job_queues')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.auth.MFA') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.auth.TOTP') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:digits" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:period" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.auth.backup_codes') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:number" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:length" />
+            </li>
+          </ul>
+        </li>
+        <GroupSetting path=":pleroma.:instance.:multi_factor_authentication" />
+      </ul>
+      <h3>{{ $t('admin_dash.auth.OAuth') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <StringSetting path=":pleroma.:auth.:auth_template" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:auth.:enforce_oauth_admin_scope_usage" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:auth.:oauth_consumer_template" />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:auth.:oauth_consumer_strategies" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:oauth2.:token_expires_in" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:oauth2.:issue_new_refresh_token" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:oauth2.:clean_expired_tokens" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.auth.LDAP') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:ldap.:enabled" />
+        </li>
+        <template v-if="LDAPEnabled">
+          <li>
+            <StringSetting path=":pleroma.:ldap.:host" />
+          </li>
+          <li>
+            <IntegerSetting path=":pleroma.:ldap.:port" />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:ldap.:tls" />
+          </li>
+          <li>
+            <!-- CONFIRM old admin FE only supports ONE setting which is Verify, is that correct or should we allow more than one? -->
+            <MapSetting
+              :allow-new="false"
+              path=":pleroma.:ldap.:tlsopts"
+            />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:ldap.:ssl" />
+          </li>
+          <li>
+            <!-- CONFIRM old admin FE only supports ONE setting which is Verify, is that correct or should we allow more than one? -->
+            <MapSetting
+              :allow-new="false"
+              path=":pleroma.:ldap.:sslopts"
+            />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:base" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:uid" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:cacertfile" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:mail" />
+          </li>
+        </template>
+      </ul>
+    </div>
+    <!-- CONFIRM admin token is present in AdminFE but missing in both data and descriptions?? -->
+  </div>
+</template>
+
+<script src="./auth_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 7f575bcb4..115ef519b 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -1,14 +1,28 @@
-import { clone, assign } from 'lodash'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import StringSetting from '../helpers/string_setting.vue'
 import Checkbox from 'components/checkbox/checkbox.vue'
-import StillImage from 'components/still-image/still-image.vue'
-import Select from 'components/select/select.vue'
-import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import Popover from 'components/popover/popover.vue'
+import Select from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
+import { assign, clone } from 'lodash'
+
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
+import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowsRotate,
+  faDownload,
+  faFolderOpen,
+  faServer,
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
 const EmojiTab = {
   components: {
@@ -20,181 +34,215 @@ const EmojiTab = {
     Popover,
     ConfirmModal,
     ModifiedIndicator,
-    EmojiEditingPopover
+    EmojiEditingPopover,
   },
 
-  data () {
+  data() {
     return {
-      knownLocalPacks: { },
-      knownRemotePacks: { },
-      editedMetadata: { },
+      knownLocalPacks: {},
+      knownRemotePacks: {},
+      editedMetadata: {},
       packName: '',
       newPackName: '',
       deleteModalVisible: false,
       remotePackInstance: '',
-      remotePackDownloadAs: ''
+      remotePackDownloadAs: '',
+
+      remotePackURL: '',
+      remotePackFile: null,
     }
   },
 
-  provide () {
+  provide() {
     return { emojiAddr: this.emojiAddr }
   },
 
   computed: {
-    pack () {
+    ...SharedComputedObject(),
+    pack() {
       return this.packName !== '' ? this.knownPacks[this.packName] : undefined
     },
-    packMeta () {
+    packMeta() {
+      if (this.packName === '') return {}
       if (this.editedMetadata[this.packName] === undefined) {
         this.editedMetadata[this.packName] = clone(this.pack.pack)
       }
 
       return this.editedMetadata[this.packName]
     },
-    knownPacks () {
+    knownPacks() {
       // Copy the object itself but not the children, so they are still passed by reference and modified
       const result = clone(this.knownLocalPacks)
       for (const instName in this.knownRemotePacks) {
         for (const instPack in this.knownRemotePacks[instName]) {
-          result[`${instPack}@${instName}`] = this.knownRemotePacks[instName][instPack]
+          result[`${instPack}@${instName}`] =
+            this.knownRemotePacks[instName][instPack]
         }
       }
 
       return result
     },
-    downloadWillReplaceLocal () {
-      return (this.remotePackDownloadAs.trim() === '' && this.pack.remote && this.pack.remote.baseName in this.knownLocalPacks) ||
-             (this.remotePackDownloadAs in this.knownLocalPacks)
-    }
+    downloadWillReplaceLocal() {
+      return (
+        (this.remotePackDownloadAs.trim() === '' &&
+          this.pack.remote &&
+          this.pack.remote.baseName in this.knownLocalPacks) ||
+        this.remotePackDownloadAs in this.knownLocalPacks
+      )
+    },
   },
 
   methods: {
-    reloadEmoji () {
+    reloadEmoji() {
       this.$store.state.api.backendInteractor.reloadEmoji()
     },
-    importFromFS () {
+    importFromFS() {
       this.$store.state.api.backendInteractor.importEmojiFromFS()
     },
-    emojiAddr (name) {
+    emojiAddr(name) {
       if (this.pack.remote !== undefined) {
         // Remote pack
         return `${this.pack.remote.instance}/emoji/${encodeURIComponent(this.pack.remote.baseName)}/${name}`
       } else {
-        return `${this.$store.state.instance.server}/emoji/${encodeURIComponent(this.packName)}/${name}`
+        return `${useInstanceStore().server}/emoji/${encodeURIComponent(this.packName)}/${name}`
       }
     },
 
-    createEmojiPack () {
-      this.$store.state.api.backendInteractor.createEmojiPack(
-        { name: this.newPackName }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp === 'ok') {
-          return this.refreshPackList()
-        } else {
-          this.displayError(resp.error)
-          return Promise.reject(resp)
-        }
-      }).then(() => {
-        this.$refs.createPackPopover.hidePopover()
-
-        this.packName = this.newPackName
-        this.newPackName = ''
-      })
+    createEmojiPack() {
+      this.$store.state.api.backendInteractor
+        .createEmojiPack({ name: this.newPackName })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+        })
     },
-    deleteEmojiPack () {
-      this.$store.state.api.backendInteractor.deleteEmojiPack(
-        { name: this.packName }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp === 'ok') {
-          return this.refreshPackList()
-        } else {
-          this.displayError(resp.error)
-          return Promise.reject(resp)
-        }
-      }).then(() => {
-        delete this.editedMetadata[this.packName]
+    deleteEmojiPack() {
+      this.$store.state.api.backendInteractor
+        .deleteEmojiPack({ name: this.packName })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          delete this.editedMetadata[this.packName]
 
-        this.deleteModalVisible = false
-        this.packName = ''
-      })
+          this.deleteModalVisible = false
+          this.packName = ''
+        })
     },
 
-    metaEdited (prop) {
+    metaEdited(prop) {
       if (!this.pack) return
 
       const def = this.pack.pack[prop] || ''
       const edited = this.packMeta[prop] || ''
       return edited !== def
     },
-    savePackMetadata () {
-      this.$store.state.api.backendInteractor.saveEmojiPackMetadata({ name: this.packName, newData: this.packMeta }).then(
-        resp => resp.json()
-      ).then(resp => {
-        if (resp.error !== undefined) {
-          this.displayError(resp.error)
-          return
-        }
+    savePackMetadata() {
+      this.$store.state.api.backendInteractor
+        .saveEmojiPackMetadata({ name: this.packName, newData: this.packMeta })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.displayError(resp.error)
+            return
+          }
 
-        // Update actual pack data
-        this.pack.pack = resp
-        // Delete edited pack data, should auto-update itself
-        delete this.editedMetadata[this.packName]
-      })
+          // Update actual pack data
+          this.pack.pack = resp
+          // Delete edited pack data, should auto-update itself
+          delete this.editedMetadata[this.packName]
+        })
     },
 
-    updatePackFiles (newFiles) {
-      this.pack.files = newFiles
-      this.sortPackFiles(this.packName)
+    updatePackFiles(newFiles, packName) {
+      this.knownPacks[packName].files = newFiles
+      this.sortPackFiles(packName)
     },
 
-    loadPacksPaginated (listFunction) {
+    loadPacksPaginated(listFunction) {
       const pageSize = 25
       const allPacks = {}
 
-      return listFunction({ instance: this.remotePackInstance, page: 1, pageSize: 0 })
-        .then(data => data.json())
-        .then(data => {
-          if (data.error !== undefined) { return Promise.reject(data.error) }
+      return listFunction({
+        instance: this.remotePackInstance,
+        page: 1,
+        pageSize: 0,
+      })
+        .then((data) => data.json())
+        .then((data) => {
+          if (data.error !== undefined) {
+            return Promise.reject(data.error)
+          }
 
           let resultingPromise = Promise.resolve({})
           for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
-            resultingPromise = resultingPromise.then(() => listFunction({ instance: this.remotePackInstance, page: i, pageSize })
-            ).then(data => data.json()).then(pageData => {
-              if (pageData.error !== undefined) { return Promise.reject(pageData.error) }
+            resultingPromise = resultingPromise
+              .then(() =>
+                listFunction({
+                  instance: this.remotePackInstance,
+                  page: i,
+                  pageSize,
+                }),
+              )
+              .then((data) => data.json())
+              .then((pageData) => {
+                if (pageData.error !== undefined) {
+                  return Promise.reject(pageData.error)
+                }
 
-              assign(allPacks, pageData.packs)
-            })
+                assign(allPacks, pageData.packs)
+              })
           }
 
           return resultingPromise
         })
         .then(() => allPacks)
-        .catch(data => {
+        .catch((data) => {
           this.displayError(data)
         })
     },
 
-    refreshPackList () {
-      this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
-        .then(allPacks => {
-          this.knownLocalPacks = allPacks
-          for (const name of Object.keys(this.knownLocalPacks)) {
-            this.sortPackFiles(name)
-          }
-        })
+    refreshPackList() {
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listEmojiPacks,
+      ).then((allPacks) => {
+        this.knownLocalPacks = allPacks
+        for (const name of Object.keys(this.knownLocalPacks)) {
+          this.sortPackFiles(name)
+        }
+      })
     },
-    listRemotePacks () {
-      this.loadPacksPaginated(this.$store.state.api.backendInteractor.listRemoteEmojiPacks)
-        .then(allPacks => {
+    listRemotePacks() {
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listRemoteEmojiPacks,
+      )
+        .then((allPacks) => {
           let inst = this.remotePackInstance
-          if (!inst.startsWith('http')) { inst = 'https://' + inst }
+          if (!inst.startsWith('http')) {
+            inst = 'https://' + inst
+          }
           const instUrl = new URL(inst)
           inst = instUrl.host
 
           for (const packName in allPacks) {
             allPacks[packName].remote = {
               baseName: packName,
-              instance: instUrl.origin
+              instance: instUrl.origin,
             }
           }
 
@@ -202,57 +250,102 @@ const EmojiTab = {
           for (const pack in this.knownRemotePacks[inst]) {
             this.sortPackFiles(`${pack}@${inst}`)
           }
-
-          this.$refs.remotePackPopover.hidePopover()
         })
-        .catch(data => {
+        .catch((data) => {
           this.displayError(data)
         })
     },
-    downloadRemotePack () {
+    downloadRemotePack() {
       if (this.remotePackDownloadAs.trim() === '') {
         this.remotePackDownloadAs = this.pack.remote.baseName
       }
 
-      this.$store.state.api.backendInteractor.downloadRemoteEmojiPack({
-        instance: this.pack.remote.instance, packName: this.pack.remote.baseName, as: this.remotePackDownloadAs
-      })
-        .then(data => data.json())
-        .then(resp => {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPack({
+          instance: this.pack.remote.instance,
+          packName: this.pack.remote.baseName,
+          as: this.remotePackDownloadAs,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
           if (resp === 'ok') {
-            this.$refs.dlPackPopover.hidePopover()
-
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(() => {
+        })
+        .then(() => {
           this.packName = this.remotePackDownloadAs
           this.remotePackDownloadAs = ''
         })
     },
-    displayError (msg) {
+    downloadRemoteURLPack() {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPackZIP({
+          url: this.remotePackURL,
+          packName: this.newPackName,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+          this.remotePackURL = ''
+        })
+    },
+    downloadRemoteFilePack() {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPackZIP({
+          file: this.remotePackFile[0],
+          packName: this.newPackName,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+          this.remotePackURL = ''
+        })
+    },
+
+    displayError(msg) {
       useInterfaceStore().pushGlobalNotice({
         messageKey: 'admin_dash.emoji.error',
         messageArgs: [msg],
-        level: 'error'
+        level: 'error',
       })
     },
-    sortPackFiles (nameOfPack) {
+    sortPackFiles(nameOfPack) {
       // Sort by key
-      const sorted = Object.keys(this.knownPacks[nameOfPack].files).sort().reduce((acc, key) => {
-        if (key.length === 0) return acc
-        acc[key] = this.knownPacks[nameOfPack].files[key]
-        return acc
-      }, {})
+      const sorted = Object.keys(this.knownPacks[nameOfPack].files)
+        .sort()
+        .reduce((acc, key) => {
+          if (key.length === 0) return acc
+          acc[key] = this.knownPacks[nameOfPack].files[key]
+          return acc
+        }, {})
       this.knownPacks[nameOfPack].files = sorted
-    }
+    },
   },
 
-  mounted () {
+  mounted() {
     this.refreshPackList()
-  }
+  },
 }
 
 export default EmojiTab
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index eefada63a..2f3b5aa40 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -1,10 +1,54 @@
-.emoji-tab {
-  .btn-group .btn:not(:first-child) {
-    margin-left: 0.5em;
+.EmojiTab {
+  .setting-list {
+    margin: 0.5em 2em;
   }
 
-  .pack-info-wrapper {
+  .toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5em;
+
+    .header-buttons {
+      display: flex;
+      flex: 1 0 auto;
+      justify-content: end;
+      align-items: end;
+
+      &:not(.btn-group) {
+        gap: 0.5em;
+      }
+
+      .header-text {
+        flex: 1 0 auto;
+      }
+    }
+
+    .button-default {
+      flex: 0 0 auto;
+      padding: 0.5em;
+      font-size: 1rem;
+    }
+
+    .popover-wrapper {
+      display: flex;
+    }
+  }
+
+  .selector-buttons,
+  .meta-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5em;
+    margin-left: 1em;
+  }
+
+  h5 {
     margin-top: 1em;
+    margin-bottom: 0.25em;
+  }
+
+  h3.toolbar {
+    align-items: end;
   }
 
   .emoji-info-input {
@@ -18,8 +62,8 @@
   }
 
   .emoji {
-    width: 32px;
-    height: 32px;
+    width: 2em;
+    height: 2em;
   }
 
   .emoji-unsaved {
@@ -30,6 +74,22 @@
     display: flex;
     flex-wrap: wrap;
     gap: 1em;
+
+    .button-unstyled {
+      display: flex;
+    }
+
+    .emoji-item,
+    .placeholder {
+      width: 2em;
+      height: 2em;
+      opacity: 0.5;
+    }
+
+    .placeholder {
+      background: var(--textFaint);
+      border-radius: 0.5em;
+    }
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 4bf64c921..038f522b1 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -1,110 +1,75 @@
 <template>
   <div
-    class="emoji-tab"
+    class="EmojiTab"
     :label="$t('admin_dash.tabs.emoji')"
   >
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.tabs.emoji') }}</h2>
+    <div class="setting-section">
+      <h3 class="toolbar">
+        <span class="header-text">
+          {{ $t('admin_dash.emoji.emoji_packs') }}
+        </span>
 
-      <ul class="setting-list">
-        <h3>{{ $t('admin_dash.emoji.global_actions') }}</h3>
-
-        <li class="btn-group setting-item">
+        <span class="header-buttons btn-group">
           <button
-            class="button button-default btn"
+            class="button button-default"
             type="button"
+            :title="$t('admin_dash.emoji.reload')"
             @click="reloadEmoji"
           >
-            {{ $t('admin_dash.emoji.reload') }}
-          </button>
-          <button
-            class="button button-default btn"
-            type="button"
-            @click="importFromFS"
-          >
-            {{ $t('admin_dash.emoji.importFS') }}
-          </button>
-        </li>
-
-        <li class="btn-group setting-item">
-          <button
-            class="button button-default btn"
-            type="button"
-            @click="$refs.remotePackPopover.showPopover"
-          >
-            {{ $t('admin_dash.emoji.remote_packs') }}
-
-            <Popover
-              ref="remotePackPopover"
-              popover-class="emoji-tab-edit-popover popover-default"
-              trigger="click"
-              placement="bottom"
-              bound-to-selector=".emoji-tab"
-              :bound-to="{ x: 'container' }"
-              :offset="{ y: 5 }"
-            >
-              <template #content>
-                <div class="emoji-tab-popover-input">
-                  <h3>{{ $t('admin_dash.emoji.remote_pack_instance') }}</h3>
-                  <input
-                    v-model="remotePackInstance"
-                    class="input"
-                    :placeholder="$t('admin_dash.emoji.remote_pack_instance')"
-                  >
-                  <button
-                    class="button button-default btn emoji-tab-popover-button"
-                    type="button"
-                    @click="listRemotePacks"
-                  >
-                    {{ $t('admin_dash.emoji.do_list') }}
-                  </button>
-                </div>
-              </template>
-            </Popover>
-          </button>
-        </li>
-
-        <h3>{{ $t('admin_dash.emoji.emoji_packs') }}</h3>
-
-        <li>
-          <h4>{{ $t('admin_dash.emoji.edit_pack') }}</h4>
-
-          <Select
-            v-model="packName"
-            class="form-control"
-          >
-            <option
-              value=""
-              disabled
-              hidden
-            >
-              {{ $t('admin_dash.emoji.emoji_pack') }}
-            </option>
-            <option
-              v-for="(pack, listPackName) in knownPacks"
-              :key="listPackName"
-              :label="listPackName"
-            >
-              {{ listPackName }}
-            </option>
-          </Select>
-
-          <button
-            class="button button-default btn emoji-tab-popover-button"
-            type="button"
-            @click="$refs.createPackPopover.showPopover"
-          >
-            {{ $t('admin_dash.emoji.create_pack') }}
+            <FAIcon icon="arrows-rotate" />
+            {{ $t('admin_dash.emoji.reload_short') }}
           </button>
           <Popover
-            ref="createPackPopover"
             popover-class="emoji-tab-edit-popover popover-default"
             trigger="click"
             placement="bottom"
-            bound-to-selector=".emoji-tab"
-            :bound-to="{ x: 'container' }"
-            :offset="{ y: 5 }"
           >
+            <template #trigger>
+              <button
+                class="button button-default"
+                type="button"
+                :title="$t('admin_dash.emoji.remote_packs')"
+              >
+                <FAIcon icon="download" />
+                {{ $t('admin_dash.emoji.remote_packs_short') }}
+              </button>
+            </template>
+            <template #content>
+              <div class="emoji-tab-popover-input">
+                <h3>{{ $t('admin_dash.emoji.remote_pack_instance') }}</h3>
+                <input
+                  v-model="remotePackInstance"
+                  class="input"
+                  :placeholder="$t('admin_dash.emoji.remote_pack_instance')"
+                >
+                <button
+                  class="button button-default emoji-tab-popover-button"
+                  type="button"
+                  @click="listRemotePacks"
+                >
+                  {{ $t('admin_dash.emoji.do_list') }}
+                </button>
+              </div>
+            </template>
+          </Popover>
+
+          <Popover
+            ref="additionalRemotePopover"
+            popover-class="emoji-tab-edit-popover popover-default"
+            trigger="click"
+            placement="bottom"
+          >
+            <template #trigger>
+              <button
+                class="button button-default emoji-panel-additional-actions"
+                :title="$t('admin_dash.emoji.import_pack')"
+                @click="$refs.additionalRemotePopover.showPopover"
+              >
+                <FAIcon icon="folder-open" />
+                {{ $t('admin_dash.emoji.import_pack_short') }}
+              </button>
+            </template>
+
             <template #content>
               <div class="emoji-tab-popover-input">
                 <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
@@ -113,94 +78,276 @@
                   :placeholder="$t('admin_dash.emoji.new_pack_name')"
                   class="input"
                 >
+                <h3>Import pack from URL</h3>
+                <input
+                  v-model="remotePackURL"
+                  class="input"
+                  placeholder="Pack .zip URL"
+                >
                 <button
                   class="button button-default btn emoji-tab-popover-button"
                   type="button"
-                  @click="createEmojiPack"
+                  :disabled="newPackName.trim() === '' || remotePackURL.trim() === ''"
+                  @click="downloadRemoteURLPack"
                 >
-                  {{ $t('admin_dash.emoji.create') }}
+                  Import
+                </button>
+                <h3>Import pack from a file</h3>
+                <input
+                  type="file"
+                  accept="application/zip"
+                  class="emoji-tab-popover-file input"
+                  @change="remotePackFile = $event.target.files"
+                >
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                  :disabled="newPackName.trim() === '' || remotePackFile === null || remotePackFile.length === 0"
+                  @click="downloadRemoteFilePack"
+                >
+                  Import
                 </button>
               </div>
             </template>
           </Popover>
-        </li>
-      </ul>
+        </span>
+      </h3>
+      <div class="setting-section">
+        <h4 class="toolbar">
+          {{ $t('admin_dash.emoji.edit_pack') }}
+        </h4>
+        <div class="setting-item selector-buttons">
+          <button
+            :disabled="!pack || pack.remote !== undefined"
+            class="button button-default btn"
+            type="button"
+            @click="deleteModalVisible = true"
+          >
+            {{ $t('admin_dash.emoji.delete_pack') }}
 
-      <div v-if="pack">
-        <div class="pack-info-wrapper">
-          <ul class="setting-list">
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.description') }}
+            <ConfirmModal
+              v-if="deleteModalVisible"
+              :title="$t('admin_dash.emoji.delete_title')"
+              :cancel-text="$t('status.delete_confirm_cancel_button')"
+              :confirm-text="$t('status.delete_confirm_accept_button')"
+              @cancelled="deleteModalVisible = false"
+              @accepted="deleteEmojiPack"
+            >
+              {{ $t('admin_dash.emoji.delete_confirm', [packName]) }}
+            </ConfirmModal>
+          </button>
+
+          <button
+            :disabled="!pack || pack.remote === undefined"
+            class="button button-default btn"
+            type="button"
+            @click="$refs.downloadPackPopover.showPopover"
+          >
+            {{ $t('admin_dash.emoji.download_pack') }}
+
+            <Popover
+              ref="downloadPackPopover"
+              trigger="click"
+              placement="bottom"
+              bound-to-selector=".emoji-tab"
+              popover-class="emoji-tab-edit-popover popover-default"
+              :bound-to="{ x: 'container' }"
+              :offset="{ y: 5 }"
+            >
+              <template #content>
+                <h3>{{ $t('admin_dash.emoji.downloading_pack', [packName]) }}</h3>
+                <div>
+                  <div>
+                    <div class="emoji-tab-popover-input">
+                      <label>
+                        {{ $t('admin_dash.emoji.download_as_name') }}
+                        <input
+                          v-model="remotePackDownloadAs"
+                          class="emoji-data-input input"
+                          :placeholder="$t('admin_dash.emoji.download_as_name_full')"
+                        >
+                      </label>
+
+                      <div
+                        v-if="downloadWillReplaceLocal"
+                        class="warning"
+                      >
+                        <em>{{ $t('admin_dash.emoji.replace_warning') }}</em>
+                      </div>
+                    </div>
+
+                    <button
+                      class="button button-default btn"
+                      type="button"
+                      @click="downloadRemotePack"
+                    >
+                      {{ $t('admin_dash.emoji.download') }}
+                    </button>
+                  </div>
+                </div>
+              </template>
+            </Popover>
+          </button>
+
+          <span class="btn-group">
+            <Select
+              v-model="packName"
+              class="form-control"
+            >
+              <option
+                value=""
+                disabled
+                hidden
+              >
+                {{ $t('admin_dash.emoji.emoji_pack') }}
+              </option>
+              <option
+                v-for="(pack, listPackName) in knownPacks"
+                :key="listPackName"
+                :label="listPackName"
+              >
+                {{ listPackName }}
+              </option>
+            </Select>
+
+            <Popover
+              ref="createPackPopover"
+              popover-class="emoji-tab-edit-popover popover-default"
+              trigger="click"
+              placement="bottom"
+            >
+              <template #trigger>
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                >
+                  {{ $t('admin_dash.emoji.create_pack') }}
+                </button>
+              </template>
+              <template #content>
+                <div class="emoji-tab-popover-input">
+                  <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
+                  <input
+                    v-model="newPackName"
+                    :placeholder="$t('admin_dash.emoji.new_pack_name')"
+                    class="input"
+                  >
+                  <button
+                    class="button button-default btn emoji-tab-popover-button"
+                    type="button"
+                    @click="createEmojiPack"
+                  >
+                    {{ $t('admin_dash.emoji.create') }}
+                  </button>
+                </div>
+              </template>
+            </Popover>
+          </span>
+        </div>
+        <h5>
+          {{ $t('admin_dash.emoji.metadata') }}
+
+          <ModifiedIndicator
+            :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
+            message-key="admin_dash.emoji.emoji_changed"
+          />
+        </h5>
+        <ul class="setting-list">
+          <li>
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
                 <ModifiedIndicator
                   :changed="metaEdited('description')"
                   message-key="admin_dash.emoji.metadata_changed"
                 />
-
-                <textarea
-                  v-model="packMeta.description"
-                  :disabled="pack.remote !== undefined"
-                  class="bio resize-height input"
-                />
-              </label>
-            </li>
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.homepage') }}
+                {{ $t('admin_dash.emoji.description') }}
+              </span>
+              <textarea
+                v-model="packMeta.description"
+                :disabled="!pack || pack.remote !== undefined"
+                height="4"
+                class="bio resize-height input textarea setting-control"
+              />
+            </label>
+          </li>
+          <li>
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
                 <ModifiedIndicator
                   :changed="metaEdited('homepage')"
                   message-key="admin_dash.emoji.metadata_changed"
                 />
+                {{ $t('admin_dash.emoji.homepage') }}
+              </span>
 
-                <input
-                  v-model="packMeta.homepage"
-                  class="emoji-info-input input"
-                  :disabled="pack.remote !== undefined"
-                >
-              </label>
-            </li>
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.fallback_src') }}
+              <input
+                v-model="packMeta.homepage"
+                class="emoji-info-input input setting-control"
+                :disabled="!pack || pack.remote !== undefined"
+              >
+            </label>
+          </li>
+          <li>
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
                 <ModifiedIndicator
                   :changed="metaEdited('fallback-src')"
                   message-key="admin_dash.emoji.metadata_changed"
                 />
+                {{ $t('admin_dash.emoji.fallback_src') }}
+              </span>
 
-                <input
-                  v-model="packMeta['fallback-src']"
-                  class="emoji-info-input input"
-                  :disabled="pack.remote !== undefined"
-                >
-              </label>
-            </li>
-            <li>
-              <label>
+              <input
+                v-model="packMeta['fallback-src']"
+                class="emoji-info-input input setting-control"
+                :disabled="!pack || pack.remote !== undefined"
+              >
+            </label>
+          </li>
+          <li>
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
                 {{ $t('admin_dash.emoji.fallback_sha256') }}
+              </span>
 
-                <input
-                  v-model="packMeta['fallback-src-sha256']"
-                  :disabled="true"
-                  class="emoji-info-input input"
-                >
-              </label>
-            </li>
-            <li>
+              <input
+                v-model="packMeta['fallback-src-sha256']"
+                :disabled="!pack || pack.remote !== undefined"
+                class="emoji-info-input input setting-control"
+              >
+            </label>
+          </li>
+          <li>
+            <div class="setting-item">
               <Checkbox
                 v-model="packMeta['share-files']"
-                :disabled="pack.remote !== undefined"
+                :disabled="!pack || pack.remote !== undefined"
+                class="setting-label setting-control"
               >
+                <ModifiedIndicator
+                  :changed="metaEdited('share-files')"
+                  message-key="admin_dash.emoji.metadata_changed"
+                />
                 {{ $t('admin_dash.emoji.share') }}
               </Checkbox>
-
-              <ModifiedIndicator
-                :changed="metaEdited('share-files')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
-            </li>
-            <li class="btn-group">
+            </div>
+          </li>
+          <li>
+            <div class="meta-buttons">
               <button
-                v-if="pack.remote === undefined"
+                v-if="pack && pack.remote === undefined"
                 class="button button-default btn"
                 type="button"
                 @click="savePackMetadata"
@@ -208,147 +355,89 @@
                 {{ $t('admin_dash.emoji.save_meta') }}
               </button>
               <button
-                v-if="pack.remote === undefined"
+                v-if="pack && pack.remote === undefined"
                 class="button button-default btn"
                 type="button"
                 @click="savePackMetadata"
               >
                 {{ $t('admin_dash.emoji.revert_meta') }}
               </button>
-
-              <button
-                v-if="pack.remote === undefined"
-                class="button button-default btn"
-                type="button"
-                @click="deleteModalVisible = true"
-              >
-                {{ $t('admin_dash.emoji.delete_pack') }}
-
-                <ConfirmModal
-                  v-if="deleteModalVisible"
-                  :title="$t('admin_dash.emoji.delete_title')"
-                  :cancel-text="$t('status.delete_confirm_cancel_button')"
-                  :confirm-text="$t('status.delete_confirm_accept_button')"
-                  @cancelled="deleteModalVisible = false"
-                  @accepted="deleteEmojiPack"
-                >
-                  {{ $t('admin_dash.emoji.delete_confirm', [packName]) }}
-                </ConfirmModal>
-              </button>
-
-              <button
-                v-if="pack.remote !== undefined"
-                class="button button-default btn"
-                type="button"
-                @click="$refs.dlPackPopover.showPopover"
-              >
-                {{ $t('admin_dash.emoji.download_pack') }}
-
-                <Popover
-                  ref="dlPackPopover"
-                  trigger="click"
-                  placement="bottom"
-                  bound-to-selector=".emoji-tab"
-                  popover-class="emoji-tab-edit-popover popover-default"
-                  :bound-to="{ x: 'container' }"
-                  :offset="{ y: 5 }"
-                >
-                  <template #content>
-                    <h3>{{ $t('admin_dash.emoji.downloading_pack', [packName]) }}</h3>
-                    <div>
-                      <div>
-                        <div class="emoji-tab-popover-input">
-                          <label>
-                            {{ $t('admin_dash.emoji.download_as_name') }}
-                            <input
-                              v-model="remotePackDownloadAs"
-                              class="emoji-data-input input"
-                              :placeholder="$t('admin_dash.emoji.download_as_name_full')"
-                            >
-                          </label>
-
-                          <div
-                            v-if="downloadWillReplaceLocal"
-                            class="warning"
-                          >
-                            <em>{{ $t('admin_dash.emoji.replace_warning') }}</em>
-                          </div>
-                        </div>
-
-                        <button
-                          class="button button-default btn"
-                          type="button"
-                          @click="downloadRemotePack"
-                        >
-                          {{ $t('admin_dash.emoji.download') }}
-                        </button>
-                      </div>
-                    </div>
-                  </template>
-                </Popover>
-              </button>
-            </li>
-          </ul>
-        </div>
-
-        <ul class="setting-list">
-          <h4>
-            {{ $t('admin_dash.emoji.files') }}
-
-            <ModifiedIndicator
-              v-if="pack"
-              :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
-              message-key="admin_dash.emoji.emoji_changed"
-            />
-          </h4>
-
-          <div
-            v-if="pack"
-            class="emoji-list"
-          >
-            <EmojiEditingPopover
-              v-if="pack.remote === undefined"
-              placement="bottom"
-              new-upload
-              :title="$t('admin_dash.emoji.adding_new')"
-              :pack-name="packName"
-              @update-pack-files="updatePackFiles"
-              @display-error="displayError"
-            >
-              <template #trigger>
-                <FAIcon
-                  icon="plus"
-                  size="2x"
-                  :title="$t('admin_dash.emoji.add_file')"
-                />
-              </template>
-            </EmojiEditingPopover>
-
-            <EmojiEditingPopover
-              v-for="(file, shortcode) in pack.files"
-              ref="emojiPopovers"
-              :key="shortcode"
-              placement="top"
-              :title="$t('admin_dash.emoji.editing', [shortcode])"
-              :disabled="pack.remote !== undefined"
-              :shortcode="shortcode"
-              :file="file"
-              :pack-name="packName"
-              @update-pack-files="updatePackFiles"
-              @display-error="displayError"
-            >
-              <template #trigger>
-                <StillImage
-                  class="emoji"
-                  :src="emojiAddr(file)"
-                  :title="`:${shortcode}:`"
-                  :alt="`:${shortcode}:`"
-                />
-              </template>
-            </EmojiEditingPopover>
-          </div>
+            </div>
+          </li>
         </ul>
+        <h5>
+          {{ $t('admin_dash.emoji.files') }}
+
+          <ModifiedIndicator
+            :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
+            message-key="admin_dash.emoji.emoji_changed"
+          />
+        </h5>
+
+        <div
+          class="emoji-list setting-list"
+        >
+          <EmojiEditingPopover
+            v-if="pack && pack.remote === undefined"
+            class="emoji-item"
+            placement="bottom"
+            new-upload
+            :title="$t('admin_dash.emoji.adding_new')"
+            :pack-name="packName"
+            @update-pack-files="updatePackFiles"
+            @display-error="displayError"
+          >
+            <template #trigger>
+              <FAIcon
+                icon="plus"
+                size="2x"
+                :title="$t('admin_dash.emoji.add_file')"
+              />
+            </template>
+          </EmojiEditingPopover>
+          <template v-if="!pack">
+            <div
+              v-for="(_, i) in new Array(20)"
+              :key="i"
+              class="placeholder"
+            />
+          </template>
+
+
+          <EmojiEditingPopover
+            v-for="(file, shortcode) in (pack?.files || [])"
+            ref="emojiPopovers"
+            :key="shortcode"
+            placement="top"
+            :title="$t(`admin_dash.emoji.${pack?.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
+            :shortcode="shortcode"
+            :file="file"
+            :pack-name="packName"
+            :remote="pack?.remote"
+            :known-local-packs="knownLocalPacks"
+            @update-pack-files="updatePackFiles"
+            @display-error="displayError"
+          >
+            <template #trigger>
+              <StillImage
+                class="emoji"
+                :src="emojiAddr(file)"
+                :title="`:${shortcode}:`"
+                :alt="`:${shortcode}:`"
+              />
+            </template>
+          </EmojiEditingPopover>
+        </div>
       </div>
+      <h3>{{ $t('admin_dash.emoji.advanced') }}</h3>
+      <button
+        class="button button-default btn"
+        type="button"
+        @click="importFromFS"
+      >
+        <FAIcon icon="server" />
+        {{ $t('admin_dash.emoji.importFS') }}
+      </button>
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.js b/src/components/settings_modal/admin_tabs/federation_tab.js
new file mode 100644
index 000000000..33c688eb4
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/federation_tab.js
@@ -0,0 +1,33 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import ListTupleSetting from '../helpers/list_tuple_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const FederationTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    ListSetting,
+    ListTupleSetting,
+    GroupSetting,
+    MapSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default FederationTab
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.vue b/src/components/settings_modal/admin_tabs/federation_tab.vue
new file mode 100644
index 000000000..29a19e0b7
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/federation_tab.vue
@@ -0,0 +1,68 @@
+<template>
+  <div :label="$t('admin_dash.tabs.federation')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.federation.global') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:federating" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:skip_thread_containment" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:external_user_synchronization" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.federation.restrictions') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <MapSetting path=":pleroma.:instance.:quarantined_instances" />
+        </li>
+        <li>
+          <MapSetting path=":pleroma.:instance.:rejected_instances" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.federation.activitypub') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:allow_relay" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:unfollow_blocked" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:outgoing_blocks" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:blockers_visible" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:activitypub.:follow_handshake_timeout" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:activitypub.:note_replies_output_limit" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:federation_incoming_replies_max_depth" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:federation_reachability_timeout_days" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:allow_relay" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:sign_object_fetches" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:authorized_fetch_mode" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:client_api_enabled" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./federation_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index a9a4777da..b76cd9015 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -1,32 +1,29 @@
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import Popover from 'src/components/popover/popover.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import Popover from 'src/components/popover/popover.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
+import StringSetting from '../helpers/string_setting.vue'
 
-library.add(
-  faGlobe
-)
+import { useInterfaceStore } from 'src/stores/interface.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faGlobe)
 
 const FrontendsTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
-  data () {
+  data() {
     return {
-      working: false
+      working: false,
     }
   },
   components: {
@@ -36,26 +33,26 @@ const FrontendsTab = {
     StringSetting,
     GroupSetting,
     PanelLoading,
-    Popover
+    Popover,
   },
-  created () {
+  created() {
     if (this.user.rights.admin) {
       this.$store.dispatch('loadFrontendsStuff')
     }
   },
   computed: {
-    frontends () {
+    ...SharedComputedObject(),
+    frontends() {
       return this.$store.state.adminSettings.frontends
     },
-    ...SharedComputedObject()
   },
   methods: {
-    canInstall (frontend) {
-      const fe = this.frontends.find(f => f.name === frontend.name)
+    canInstall(frontend) {
+      const fe = this.frontends.find((f) => f.name === frontend.name)
       if (!fe) return false
       return fe.refs.includes(frontend.ref)
     },
-    getSuggestedRef (frontend) {
+    getSuggestedRef(frontend) {
       if (this.adminDraft) {
         const defaultFe = this.adminDraft[':pleroma'][':frontends'][':primary']
         if (defaultFe?.name === frontend.name && this.canInstall(defaultFe)) {
@@ -67,13 +64,14 @@ const FrontendsTab = {
         return frontend.refs[0]
       }
     },
-    update (frontend, suggestRef) {
+    update(frontend, suggestRef) {
       const ref = suggestRef || this.getSuggestedRef(frontend)
       const { name } = frontend
       const payload = { name, ref }
 
       this.working = true
-      this.$store.state.api.backendInteractor.installFrontend({ payload })
+      this.$store.state.api.backendInteractor
+        .installFrontend({ payload })
         .finally(() => {
           this.working = false
         })
@@ -86,29 +84,32 @@ const FrontendsTab = {
               messageKey: 'admin_dash.frontend.failure_installing_frontend',
               messageArgs: {
                 version: name + '/' + ref,
-                reason: reason.error
+                reason: reason.error,
               },
-              timeout: 5000
+              timeout: 5000,
             })
           } else {
             useInterfaceStore().pushGlobalNotice({
               level: 'success',
               messageKey: 'admin_dash.frontend.success_installing_frontend',
               messageArgs: {
-                version: name + '/' + ref
+                version: name + '/' + ref,
               },
-              timeout: 2000
+              timeout: 2000,
             })
           }
         })
     },
-    setDefault (frontend, suggestRef) {
+    setDefault(frontend, suggestRef) {
       const ref = suggestRef || this.getSuggestedRef(frontend)
       const { name } = frontend
 
-      this.$store.commit('updateAdminDraft', { path: [':pleroma', ':frontends', ':primary'], value: { name, ref } })
-    }
-  }
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', ':frontends', ':primary'],
+        value: { name, ref },
+      })
+    },
+  },
 }
 
 export default FrontendsTab
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.scss b/src/components/settings_modal/admin_tabs/frontends_tab.scss
index 3bc347087..27c1fdc55 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.scss
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.scss
@@ -1,8 +1,24 @@
-.frontends-tab {
+.FrontendsTab {
   .cards-list {
     padding: 0;
   }
 
+  li.frontend-card {
+    display: flex;
+    margin: 0;
+    flex-direction: column;
+  }
+
+  .frontend-buttons {
+    margin-top: 0.5em;
+    display: flex;
+    justify-content: end;
+    gap: 0.5em;
+    flex-wrap: wrap;
+    flex: 1 0 auto;
+    align-items: end;
+  }
+
   .relative {
     position: relative;
   }
@@ -16,10 +32,26 @@
     inset: 0;
   }
 
+  h5 {
+    margin: 0;
+    font-size: 1.15em
+  }
+
+  dl {
+    margin-left: 1em;
+  }
+
+  dt {
+    margin-top: 0.5em;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow-x: hidden;
+  }
+
   dd {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow-x: hidden;
-    max-width: 10em;
   }
+
 }
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 954d9ef51..d0d764395 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -1,17 +1,17 @@
 <template>
   <div
-    class="frontends-tab"
+    class="FrontendsTab"
     :label="$t('admin_dash.tabs.frontends')"
   >
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.tabs.frontends') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.frontend.title') }}</h3>
       <p>{{ $t('admin_dash.frontend.wip_notice') }}</p>
       <ul
         v-if="adminDraft"
         class="setting-list"
       >
         <li>
-          <h3>{{ $t('admin_dash.frontend.default_frontend') }}</h3>
+          <h4>{{ $t('admin_dash.frontend.default_frontend') }}</h4>
           <p>{{ $t('admin_dash.frontend.default_frontend_tip') }}</p>
           <ul class="setting-list">
             <li>
@@ -38,13 +38,14 @@
           v-if="working"
           class="overlay"
         />
-        <h3>{{ $t('admin_dash.frontend.available_frontends') }}</h3>
+        <h4>{{ $t('admin_dash.frontend.available_frontends') }}</h4>
         <ul class="cards-list">
           <li
             v-for="frontend in frontends"
             :key="frontend.name"
+            class="frontend-card"
           >
-            <strong>{{ frontend.name }}</strong>
+            <h5>{{ frontend.name }}</h5>
             {{ ' ' }}
             <span v-if="adminDraft && adminDraft[':pleroma'][':frontends'][':primary']?.name === frontend.name">
               <i18n-t
@@ -89,7 +90,7 @@
                 >{{ frontend.build_url }}</a>
               </dd>
             </dl>
-            <div>
+            <div class="frontend-buttons">
               <span class="btn-group">
                 <button
                   class="button button-default btn"
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
new file mode 100644
index 000000000..ea76ebe6f
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -0,0 +1,51 @@
+import { get } from 'lodash'
+
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import ProxySetting from '../helpers/proxy_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+
+const HTTPTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    MapSetting,
+    GroupSetting,
+    ListSetting,
+    TupleSetting,
+    ProxySetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+    sslOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:http.:adapter.:ssl_options.:versions',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace(':tlsv', 'TLS v'),
+          value: option,
+        })),
+      )
+    },
+  },
+}
+
+export default HTTPTab
diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
new file mode 100644
index 000000000..9ea067be8
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -0,0 +1,86 @@
+<template>
+  <div
+    class="LinksTab"
+    :label="$t('admin_dash.tabs.http')"
+  >
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.http.outbound') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ProxySetting
+            hide-description
+            path=":pleroma.:http.:proxy_url"
+          />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http.:send_user_agent" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http.:user_agent" />
+        </li>
+        <li>
+          <ListSetting
+            override-available-options
+            :options="sslOptions"
+            path=":pleroma.:http.:adapter.:ssl_options.:versions"
+          />
+        </li>
+        <li>
+          <GroupSetting path=":pleroma.:http.:adapter" />
+        </li>
+      </ul>
+    </div>
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.http.incoming') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.http.security') }}</h4>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:enabled" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:sts" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:http_security.:sts_max_age" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:http_security.:ct_max_age" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http_security.:referrer_policy" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:allow_unsafe_eval" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http_security.:report_url" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.http.web_push') }}</h3>
+      <p>{{ $t('admin_dash.http.web_push_description') }}</p>
+      <ul class="setting-list">
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:subject"
+          />
+        </li>
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:public_key"
+          />
+        </li>
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:private_key"
+          />
+        </li>
+      </ul>
+      <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
+      <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
+    </div>
+  </div>
+</template>
+
+<!--<style lang="scss" src="./http_tab.scss"></style>-->
+
+<script src="./http_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index b07bafe8f..67d04c303 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -1,25 +1,22 @@
+import { get } from 'lodash'
+
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
+import StringSetting from '../helpers/string_setting.vue'
 
 const InstanceTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -27,12 +24,45 @@ const InstanceTab = {
     ChoiceSetting,
     IntegerSetting,
     StringSetting,
+    ColorSetting,
     AttachmentSetting,
-    GroupSetting
+    ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
+    GroupSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+    providersOptions() {
+      const desc = get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        'Pleroma.Web.Metadata',
+        ':providers',
+      ])
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.Metadata.Providers.', ''),
+          value: option,
+        })),
+      )
+    },
+    limitLocalContentOptions() {
+      const desc = get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        ':instance',
+        ':limit_to_local_content',
+      ])
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label:
+            option !== 'false'
+              ? this.$t('admin_dash.instance.' + option)
+              : this.$t('general.no'),
+          value: option,
+        })),
+      )
+    },
+  },
 }
 
 export default InstanceTab
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 32e8df259..144958fa4 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -1,17 +1,13 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.instance') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.instance.instance') }}</h3>
       <ul class="setting-list">
         <li>
           <StringSetting path=":pleroma.:instance.:name" />
         </li>
-        <!-- See https://git.pleroma.social/pleroma/pleroma/-/merge_requests/3963 -->
-        <li v-if="adminDraft[':pleroma'][':instance'][':favicon'] !== undefined">
-          <AttachmentSetting
-            compact
-            path=":pleroma.:instance.:favicon"
-          />
+        <li>
+          <StringSetting path=":pleroma.:instance.:contact_username" />
         </li>
         <li>
           <StringSetting path=":pleroma.:instance.:email" />
@@ -22,87 +18,75 @@
         <li>
           <StringSetting path=":pleroma.:instance.:short_description" />
         </li>
+        <li>
+          <ListSetting
+            force-new
+            ignore-suggestions
+            path=":pleroma.:instance.:languages"
+          />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:status_page" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.instance.branding') }}</h3>
+      <ul class="setting-list">
+        <!-- See https://git.pleroma.social/pleroma/pleroma/-/merge_requests/3963 -->
+        <li v-if="adminDraft[':pleroma'][':instance'][':favicon'] !== undefined">
+          <AttachmentSetting
+            compact
+            path=":pleroma.:instance.:favicon"
+          />
+        </li>
         <li>
           <AttachmentSetting
             compact
             path=":pleroma.:instance.:instance_thumbnail"
           />
         </li>
+        <h4>{{ $t('admin_dash.instance.pwa.manifest') }}</H4>
+        <li>
+          <PWAManifestIconsSetting path=":pleroma.:manifest.:icons" />
+        </li>
+        <li>
+          <ColorSetting
+            hide-draft-buttons
+            label=""
+            path=":pleroma.:manifest.:theme_color"
+          />
+        </li>
+        <li>
+          <ColorSetting
+            hide-draft-buttons
+            path=":pleroma.:manifest.:background_color"
+          />
+        </li>
+        <li>
+          <GroupSetting path=":pleroma.:manifest" />
+        </li>
+        <h4>{{ $t('admin_dash.instance.misc_brand') }}</H4>
         <li>
           <AttachmentSetting path=":pleroma.:instance.:background_image" />
         </li>
       </ul>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.registrations') }}</h2>
+      <h3>{{ $t('admin_dash.instance.rich_metadata') }}</h3>
       <ul class="setting-list">
         <li>
-          <BooleanSetting path=":pleroma.:instance.:registrations_open" />
-          <ul class="setting-list suboptions">
-            <li>
-              <BooleanSetting
-                path=":pleroma.:instance.:invites_enabled"
-                parent-path=":pleroma.:instance.:registrations_open"
-                parent-invert
-              />
-            </li>
-          </ul>
+          <ListSetting
+            override-available-options
+            :options="providersOptions"
+            :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
+          />
         </li>
         <li>
-          <BooleanSetting path=":pleroma.:instance.:birthday_required" />
-          <ul class="setting-list suboptions">
-            <li>
-              <IntegerSetting
-                path=":pleroma.:instance.:birthday_min_age"
-                parent-path=":pleroma.:instance.:birthday_required"
-              />
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:account_activation_required" />
-        </li>
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
-        </li>
-        <li>
-          <h3>{{ $t('admin_dash.instance.captcha_header') }}</h3>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
-              <ul class="setting-list suboptions">
-                <li>
-                  <ChoiceSetting
-                    :path="[':pleroma', 'Pleroma.Captcha', ':method']"
-                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
-                    :option-label-map="{
-                      'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'),
-                      'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha')
-                    }"
-                  />
-                  <IntegerSetting
-                    :path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']"
-                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
-                  />
-                </li>
-                <li
-                  v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'"
-                >
-                  <h4>{{ $t('admin_dash.instance.kocaptcha') }}</h4>
-                  <ul class="setting-list">
-                    <li>
-                      <StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']" />
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-          </ul>
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Web.Metadata', ':unfurl_nsfw']"
+          />
         </li>
       </ul>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.access') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.instance.access') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
@@ -115,6 +99,8 @@
           <ChoiceSetting
             override-backend-description
             override-backend-description-label
+            override-available-options
+            :options="[...limitLocalContentOptions]"
             path=":pleroma.:instance.:limit_to_local_content"
           />
         </li>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.js b/src/components/settings_modal/admin_tabs/job_queues_tab.js
new file mode 100644
index 000000000..66a0e7e18
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.js
@@ -0,0 +1,33 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+
+const JobQueuesTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    TupleSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default JobQueuesTab
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
new file mode 100644
index 000000000..ad54d57f4
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -0,0 +1,157 @@
+<template>
+  <div :label="$t('admin_dash.tabs.job_queues')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Gun.connections_pools') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connect_timeout" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connection_acquisition_retries" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connection_acquisition_wait" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this -->
+              <IntegerSetting path=":pleroma.:connections_pool.:retry" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:max_connections" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this -->
+              <IntegerSetting path=":pleroma.:connections_pool.:max_idle_time" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:reclaim_multiplier" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Gun.pools.title') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.default') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:default" />
+            </li>
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.federation') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:federation" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this? -->
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.rich_media') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:rich_media" />
+            </li>
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.media') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:media" />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.job_queues.Hackney.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.federation') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:federation.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:federation.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:federation" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.media') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:media.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:media.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:media" />
+        </li>
+        <li>
+          <!-- CONFIRM what is this -->
+          <h4>{{ $t('admin_dash.job_queues.Hackney.rich_media') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:rich_media.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:rich_media.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:rich_media" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.upload') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:upload.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:upload.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:upload" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./job_queues_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index acf7d3436..1f9a7be54 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -1,28 +1,19 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
+import StringSetting from '../helpers/string_setting.vue'
 
 const LimitsTab = {
   components: {
     BooleanSetting,
     ChoiceSetting,
     IntegerSetting,
-    StringSetting
+    StringSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default LimitsTab
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.vue b/src/components/settings_modal/admin_tabs/limits_tab.vue
index ef4b9271d..04afde020 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.vue
+++ b/src/components/settings_modal/admin_tabs/limits_tab.vue
@@ -1,10 +1,10 @@
 <template>
   <div :label="$t('admin_dash.tabs.limits')">
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.limits.arbitrary_limits') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.limits.arbitrary_limits') }}</h3>
       <ul class="setting-list">
         <li>
-          <h3>{{ $t('admin_dash.limits.posts') }}</h3>
+          <h4>{{ $t('admin_dash.limits.posts') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -24,7 +24,7 @@
           </ul>
         </li>
         <li>
-          <h3>{{ $t('admin_dash.limits.uploads') }}</h3>
+          <h4>{{ $t('admin_dash.limits.uploads') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -50,7 +50,7 @@
           </ul>
         </li>
         <li>
-          <h3>{{ $t('admin_dash.limits.users') }}</h3>
+          <h4>{{ $t('admin_dash.limits.users') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -74,7 +74,7 @@
               />
             </li>
             <li>
-              <h4>{{ $t('admin_dash.limits.profile_fields') }}</h4>
+              <h5>{{ $t('admin_dash.limits.profile_fields') }}</h5>
               <ul class="setting-list">
                 <li>
                   <IntegerSetting
@@ -108,7 +108,7 @@
               </ul>
             </li>
             <li>
-              <h4>{{ $t('admin_dash.limits.user_uploads') }}</h4>
+              <h5>{{ $t('admin_dash.limits.user_uploads') }}</h5>
               <ul class="setting-list">
                 <li>
                   <IntegerSetting
@@ -128,6 +128,25 @@
             </li>
           </ul>
         </li>
+        <li>
+          <h4>{{ $t('admin_dash.limits.other') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting
+                source="admin"
+                path=":pleroma.:instance.:max_report_comment_size"
+                draft-mode
+              />
+            </li>
+            <li>
+              <IntegerSetting
+                source="admin"
+                path=":pleroma.:instance.:max_endorsed_users"
+                draft-mode
+              />
+            </li>
+          </ul>
+        </li>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
new file mode 100644
index 000000000..b3b5f1f2e
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -0,0 +1,133 @@
+import { get } from 'lodash'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const LinksTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+    Checkbox,
+  },
+  computed: {
+    classIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':class'
+        ] !== false
+      )
+    },
+    relIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':rel'
+        ] !== false
+      )
+    },
+    truncateIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':truncate'
+        ] !== false
+      )
+    },
+    truncateDescription() {
+      return get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        'Pleroma.Formatter',
+        ':truncate',
+      ])
+    },
+    ttlSettersOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:rich_media.:ttl_setters',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.RichMedia.Parser.TTL.', ''),
+          value: option,
+        })),
+      )
+    },
+    parsersOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:rich_media.:parsers',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.RichMedia.Parsers.', ''),
+          value: option,
+        })),
+      )
+    },
+    validateTLDOptions() {
+      return [
+        {
+          label: this.$t('general.yes'),
+          value: true,
+        },
+        {
+          label: this.$t('general.no'),
+          value: false,
+        },
+        {
+          label: this.$t('admin_dash.links.no_scheme'),
+          value: ':no_scheme',
+        },
+      ]
+    },
+    mediaProxyEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':enabled'
+      ]
+    },
+    mediaInvalidationProvider() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':invalidation'
+      ][':provider']
+    },
+    ...SharedComputedObject(),
+  },
+  methods: {
+    checkRel(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':rel'],
+        value: e ? '' : false,
+      })
+    },
+    checkClass(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':class'],
+        value: e ? '' : false,
+      })
+    },
+    checkTruncate(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':truncate'],
+        value: e ? 20 : false,
+      })
+    },
+  },
+}
+
+export default LinksTab
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
new file mode 100644
index 000000000..1d446a0dd
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -0,0 +1,45 @@
+<template>
+  <div
+    class="LinksTab"
+    :label="$t('admin_dash.tabs.media_proxy')"
+  >
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.links.link_previews') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:rich_media.:enabled" />
+        </li>
+        <li>
+          <ListSetting
+            override-available-options
+            :options="parsersOptions"
+            path=":pleroma.:rich_media.:parsers"
+          />
+        </li>
+        <li>
+          <IntegerSetting
+            path=":pleroma.:rich_media.:timeout"
+          />
+        </li>
+        <li>
+          <ListSetting
+            override-available-options
+            :options="ttlSettersOptions"
+            path=":pleroma.:rich_media.:ttl_setters"
+          />
+        </li>
+        <li>
+          <ListSetting
+            path=":pleroma.:rich_media.:ignore_tld"
+            ignore-suggestions
+          />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./links_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
new file mode 100644
index 000000000..0b909334b
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -0,0 +1,70 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const MailerTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    ColorSetting,
+    GroupSetting,
+  },
+  computed: {
+    adaptersLabels() {
+      const prefix = 'Swoosh.Adapters.'
+      const descriptions = this.$store.state.adminSettings.descriptions
+      const options =
+        descriptions[':pleroma']['Pleroma.Emails.Mailer'][':adapter']
+          .suggestions
+
+      return Object.fromEntries(
+        options.map((value) => [value, value.replace(prefix, '')]),
+      )
+    },
+    startTLSLabels() {
+      return {
+        ':always': this.$t('admin_dash.generic_enforcement.always'),
+        ':if_available': this.$t('admin_dash.generic_enforcement.if_available'),
+        ':never': this.$t('admin_dash.generic_enforcement.never'),
+      }
+      // return Object.fromEntries(options.map(value => [
+      //   value, value.replace(prefix, '')
+      // ]))
+    },
+    adapter() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Emails.Mailer'
+      ][':adapter']
+    },
+    mailerEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Emails.Mailer'
+      ][':enabled']
+    },
+    ...SharedComputedObject(),
+  },
+  methods: {
+    adapterHasKey(key) {
+      const descriptions = this.$store.state.adminSettings.descriptions
+      const mailerStuff = descriptions[':pleroma']['Pleroma.Emails.Mailer']
+      const adapterStuff = mailerStuff[':subgroup,' + this.adapter]
+      return Object.hasOwn(adapterStuff, key)
+    },
+  },
+}
+
+export default MailerTab
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
new file mode 100644
index 000000000..53d8cd7f9
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -0,0 +1,179 @@
+<template>
+  <div :label="$t('admin_dash.tabs.mailer')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.mailer.styling') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.mailer.assets') }}</h4>
+        <li>
+          <StringSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':logo']" />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.colors') }}</h4>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':content_background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':header_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':link_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_muted_color']" />
+        </li>
+        <li>
+          <GroupSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling']" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Emails.Mailer',':enabled']" />
+        </li>
+        <template v-if="mailerEnabled">
+          <li>
+            <ChoiceSetting
+              :path="[':pleroma','Pleroma.Emails.Mailer',':adapter']"
+              :option-label-map="adaptersLabels"
+            />
+            <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
+            <ul class="setting-list suboptions">
+              <li v-if="adapterHasKey(':api_key')">
+                <!-- authentication info -->
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':access_key')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':access_key']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':access_token')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':access_token']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':username')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':password')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':password']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':secret')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':secret']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':auth')">
+                <ChoiceSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':auth']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+
+              <!-- server info -->
+              <li v-if="adapterHasKey(':relay')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':relay']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':ssl')">
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':ssl']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':tls')">
+                <ChoiceSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':tls']"
+                  :option-label-map="startTLSLabels"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':port')">
+                <IntegerSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':port']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':server_id')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':server_id']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':region')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':region']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':domain')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':domain']"
+                  :subgroup="adapter"
+                />
+              </li>
+
+              <!-- sendmail exclusive -->
+              <li v-if="adapterHasKey(':cmd_path')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_path']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':cmd_args')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_args']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':qmail')">
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':qmail']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':retries')">
+                <IntegerSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':retries']"
+                  :subgroup="adapter"
+                />
+              </li>
+            </ul>
+          </li>
+        </template>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./mailer_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
new file mode 100644
index 000000000..6c7231312
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -0,0 +1,41 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const MediaProxyTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+  },
+  computed: {
+    mediaProxyEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':enabled'
+      ]
+    },
+    mediaInvalidationProvider() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':invalidation'
+      ][':provider']
+    },
+    ...SharedComputedObject(),
+  },
+}
+
+export default MediaProxyTab
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
new file mode 100644
index 000000000..ed5f6f0b4
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -0,0 +1,135 @@
+<template>
+  <div :label="$t('admin_dash.tabs.media_proxy')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:media_proxy.:enabled" />
+          <ul
+            v-if="mediaProxyEnabled"
+            class="setting-list suboptions"
+          >
+            <li>
+              <StringSetting path=":pleroma.:media_proxy.:base_url" />
+            </li>
+            <li>
+              <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
+            </li>
+            <li>
+              <ListSetting
+                ignore-suggestions
+                path=":pleroma.:media_proxy.:whitelist"
+              />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <template v-if="mediaProxyEnabled">
+        <h3>{{ $t('admin_dash.media_proxy.invalidation') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_proxy.:invalidation.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <ChoiceSetting
+                  path=":pleroma.:media_proxy.:invalidation.:provider"
+                  parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                />
+              </li>
+              <h4>{{ $t('admin_dash.media_proxy.invalidation_settings') }}</h4>
+              <ul class="setting-list suboptions">
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Http'">
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                  <li>
+                    <ListSetting
+                      ignore-suggestions
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':headers']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                  <li>
+                    <ListSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':options']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                </template>
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Script'">
+                  <!-- TODO: you know the drill by now - list component -->
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':script_path']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':url_format']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                </template>
+              </ul>
+            </ul>
+          </li>
+        </ul>
+        <h3>{{ $t('admin_dash.media_proxy.limits') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_body_length"
+            />
+          </li>
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_read_duration"
+            />
+          </li>
+          <li>
+            <GroupSetting path=":pleroma.:media_proxy.:proxy_opts" />
+          </li>
+        </ul>
+        <!-- TODO: add whitelist when we have list component (hehe) -->
+        <h3>{{ $t('admin_dash.media_proxy.thumbnails') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_preview_proxy.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:image_quality"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:min_content_length"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_width"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_height"
+                />
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script src="./media_proxy_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
new file mode 100644
index 000000000..1ba9770f0
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -0,0 +1,37 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faGlobe)
+
+const MonitoringTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+  methods: {},
+}
+
+export default MonitoringTab
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.vue b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
new file mode 100644
index 000000000..762e44157
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
@@ -0,0 +1,47 @@
+<template>
+  <div :label="$t('admin_dash.tabs.monitoring')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.monitoring.builtins') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Emails.NewUsersDigestEmail',':enabled']" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:healthcheck" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.monitoring.prometheus') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']" />
+        </li>
+        <li>
+          <BooleanSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':auth']"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':path']"
+          />
+        </li>
+        <li>
+          <ChoiceSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':format']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':ip_whitelist']"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./monitoring_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.js b/src/components/settings_modal/admin_tabs/other_tab.js
new file mode 100644
index 000000000..a31bcf307
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/other_tab.js
@@ -0,0 +1,37 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const OtherTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    ColorSetting,
+    AttachmentSetting,
+    ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
+    GroupSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default OtherTab
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
new file mode 100644
index 000000000..55e61607d
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -0,0 +1,52 @@
+<template>
+  <div :label="$t('admin_dash.tabs.other')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.other.uncategorized') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <StringSetting path=":pleroma.:instance.:static_dir" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:profile_directory" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.reports') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:report_strip_status" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.user_backup') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':purge_after_days']" />
+        </li>
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':limit_days']" />
+        </li>
+        <!-- CONFIRM what is this?
+        <li>
+          <StringSetting :path="[':pleroma','Pleroma.User.Backup',':dir']" />
+        </li>
+        -->
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':process_chunk_size']" />
+        </li>
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.privileges') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting path=":pleroma.:instance.:admin_privileges" />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:instance.:moderator_privileges" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./other_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.js b/src/components/settings_modal/admin_tabs/posts_tab.js
new file mode 100644
index 000000000..654b18ed8
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/posts_tab.js
@@ -0,0 +1,37 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const PostsTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    ColorSetting,
+    AttachmentSetting,
+    ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
+    GroupSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default PostsTab
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
new file mode 100644
index 000000000..c76b2e4ee
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -0,0 +1,29 @@
+<template>
+  <div :label="$t('admin_dash.tabs.posts')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.posts.global') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instances_favicons.:enabled" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.posts.local') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.posts.remote') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:remote_post_retention_days" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:skip_thread_containment" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./posts_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.js b/src/components/settings_modal/admin_tabs/rates_tab.js
new file mode 100644
index 000000000..ddf18b035
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/rates_tab.js
@@ -0,0 +1,19 @@
+import RateSetting from '../helpers/rate_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const RatesTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    RateSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default RatesTab
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.vue b/src/components/settings_modal/admin_tabs/rates_tab.vue
new file mode 100644
index 000000000..3056a1920
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/rates_tab.vue
@@ -0,0 +1,41 @@
+<template>
+  <div :label="$t('admin_dash.tabs.instance')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.rate_limit.account_confirmation_resend') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:account_confirmation_resend" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:ap_routes" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:app_account_creation" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:authentication" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:oauth_app_creation" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:relation_id_action" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:search" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:status_id_action" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:statuses_actions" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:timeline" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./rates_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
new file mode 100644
index 000000000..8ec5e0d4b
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -0,0 +1,33 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+
+const RegistrationsTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    TupleSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+}
+
+export default RegistrationsTab
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
new file mode 100644
index 000000000..a52072c01
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -0,0 +1,182 @@
+<template>
+  <div :label="$t('admin_dash.tabs.instance')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.instance.registrations') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:registrations_open" />
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:instance.:invites_enabled"
+                parent-path=":pleroma.:instance.:registrations_open"
+                parent-invert
+              />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:birthday_required" />
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting
+                path=":pleroma.:instance.:birthday_min_age"
+                parent-path=":pleroma.:instance.:birthday_required"
+              />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:account_activation_required" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.instance.captcha_header') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
+              <ul class="setting-list suboptions">
+                <li>
+                  <ChoiceSetting
+                    :path="[':pleroma', 'Pleroma.Captcha', ':method']"
+                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
+                    :option-label-map="{
+                      'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'),
+                      'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha')
+                    }"
+                  />
+                  <IntegerSetting
+                    :path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']"
+                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
+                  />
+                </li>
+                <li
+                  v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'"
+                >
+                  <h5>{{ $t('admin_dash.instance.kocaptcha') }}</h5>
+                  <ul class="setting-list">
+                    <li>
+                      <StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']" />
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.registrations.autofollow') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            path=":pleroma.:instance.:autofollowed_nicknames"
+          />
+        </li>
+        <li>
+          <ListSetting
+            path=":pleroma.:instance.:autofollowing_nicknames"
+          />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.registrations.welcome.title') }}</h3>
+      <ul class="setting-list">
+        <p>{{ $t('admin_dash.registrations.welcome.description') }}</p>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.direct_message') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:direct_message.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:direct_message.:sender_nickname"
+                    parent-path=":pleroma.:welcome.:direct_message.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:direct_message.:message"
+                    parent-path=":pleroma.:welcome.:direct_message.:enabled"
+                  />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:welcome.:direct_message" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.chat_message') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:chat_message.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <StringSetting
+                    tuple
+                    path=":pleroma.:welcome.:chat_message.:sender_nickname"
+                    parent-path=":pleroma.:welcome.:chat_message.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:chat_message.:message"
+                    parent-path=":pleroma.:welcome.:chat_message.:enabled"
+                  />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:welcome.:chat_message" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.email_message') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:email.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <TupleSetting
+                    path=":pleroma.:welcome.:email.:sender"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:email.:subject"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:email.:html"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:welcome.:email" />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            ignore-suggestions
+            :path="[':pleroma', 'Pleroma.User', ':email_blacklist']"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./registrations_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.js b/src/components/settings_modal/admin_tabs/uploads_tab.js
new file mode 100644
index 000000000..760206499
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.js
@@ -0,0 +1,51 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
+const UploadsTab = {
+  provide() {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin',
+    }
+  },
+  data() {
+    return {
+      uploaders: [
+        {
+          key: 'Pleroma.Uploaders.Local',
+          value: 'Pleroma.Uploaders.Local',
+          label: this.$t('admin_dash.uploads.local_uploader'),
+        },
+        {
+          key: 'Pleroma.Uploaders.IPFS',
+          value: 'Pleroma.Uploaders.IPFS',
+          label: 'IPFS',
+        },
+        {
+          key: 'Pleroma.Uploaders.S3',
+          value: 'Pleroma.Uploaders.S3',
+          label: 'S3',
+        },
+      ],
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+  },
+  computed: {
+    uploader() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Upload'
+      ][':uploader']
+    },
+    ...SharedComputedObject(),
+  },
+}
+
+export default UploadsTab
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
new file mode 100644
index 000000000..d0462aff1
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -0,0 +1,110 @@
+<template>
+  <div :label="$t('admin_dash.tabs.uploads')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.uploads.upload') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Upload',':uploader']"
+            :options="uploaders"
+          />
+          <h4>{{ $t('admin_dash.uploads.uploader_settings') }}</h4>
+          <ul class="setting-list suboptions">
+            <template v-if="uploader === 'Pleroma.Uploaders.Local'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.Local',':uploads']"
+                />
+              </li>
+            </template>
+            <template v-else-if="uploader === 'Pleroma.Uploaders.IPFS'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.IPFS',':get_gateway_url']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.IPFS',':post_gateway_url']"
+                />
+              </li>
+            </template>
+            <template v-else-if="uploader === 'Pleroma.Uploaders.S3'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':bucket']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':bucket_namespace']"
+                />
+              </li>
+              <li>
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':streaming_enabled']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':truncated_namespace']"
+                />
+              </li>
+            </template>
+            <li>
+              <IntegerSetting
+                :path="[':pleroma','Pleroma.Uploaders.Uploader',':timeout']"
+              />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.uploads.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path=":pleroma.:instance.:attachment_links"
+            :options="uploaders"
+          />
+        </li>
+        <li>
+          <BooleanSetting
+            path=":pleroma.:instance.:cleanup_attachments"
+            :options="uploaders"
+          />
+        </li>
+      </ul>
+      <!-- CONFIRM how filters work -->
+      <h3>{{ $t('admin_dash.uploads.filenames') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Upload',':link_name']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <IntegerSetting
+            :path="[':pleroma','Pleroma.Upload',':filename_display_max_length']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :path="[':pleroma','Pleroma.Upload',':default_description']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :path="[':pleroma','Pleroma.Upload',':base_url']"
+            :subgroup="adapter"
+          />
+        </li>
+        <!-- TODO: add mime-type when we have a dynamic list component -->
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./uploads_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/attachment_setting.js b/src/components/settings_modal/helpers/attachment_setting.js
index c4c04b2b6..cbcd4abf8 100644
--- a/src/components/settings_modal/helpers/attachment_setting.js
+++ b/src/components/settings_modal/helpers/attachment_setting.js
@@ -1,7 +1,10 @@
-import Setting from './setting.js'
-import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
-import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
+import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import Setting from './setting.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
 
 export default {
   ...Setting,
@@ -11,34 +14,34 @@ export default {
     acceptTypes: {
       type: String,
       required: false,
-      default: 'image/*'
-    }
+      default: 'image/*',
+    },
   },
   components: {
     ...Setting.components,
     MediaUpload,
-    Attachment
+    Attachment,
   },
   computed: {
     ...Setting.computed,
-    attachment () {
+    attachment() {
       const path = this.realDraftMode ? this.draft : this.state
       // The "server" part is primarily for local dev, but could be useful for alt-domain or multiuser usage.
-      const url = path.includes('://') ? path : this.$store.state.instance.server + path
+      const url = path.includes('://') ? path : useInstanceStore().server + path
       return {
-        mimetype: fileTypeExt(url),
-        url
+        type: fileTypeExt(url),
+        url,
       }
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    setMediaFile (fileInfo) {
+    setMediaFile(fileInfo) {
       if (this.realDraftMode) {
         this.draft = fileInfo.url
       } else {
         this.configSink(this.path, fileInfo.url)
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/attachment_setting.vue b/src/components/settings_modal/helpers/attachment_setting.vue
index a61d56e8c..c8e0e4ea0 100644
--- a/src/components/settings_modal/helpers/attachment_setting.vue
+++ b/src/components/settings_modal/helpers/attachment_setting.vue
@@ -1,10 +1,11 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="AttachmentSetting"
+    class="AttachmentSetting setting-item"
     :class="{ '-compact': compact }"
   >
     <label
+      class="setting-label"
       :for="path"
       :class="{ 'faint': shouldBeDisabled }"
     >
@@ -39,7 +40,7 @@
           :changed="isChanged"
           :onclick="reset"
         />
-        <ProfileSettingIndicator :is-profile="isProfileSetting" />
+        <LocalSettingIndicator :is-local="isLocalSetting" />
       </div>
       <div v-if="!compact">{{ $t('settings.preview') }}</div>
       <Attachment
diff --git a/src/components/settings_modal/helpers/boolean_setting.js b/src/components/settings_modal/helpers/boolean_setting.js
index 199d3d0f0..e7b56f58c 100644
--- a/src/components/settings_modal/helpers/boolean_setting.js
+++ b/src/components/settings_modal/helpers/boolean_setting.js
@@ -5,27 +5,27 @@ export default {
   ...Setting,
   props: {
     ...Setting.props,
-    indeterminateState: [String, Object]
+    indeterminateState: [String, Object],
   },
   components: {
     ...Setting.components,
-    Checkbox
+    Checkbox,
   },
   computed: {
     ...Setting.computed,
-    isIndeterminate () {
+    isIndeterminate() {
       return this.visibleState === this.indeterminateState
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       // Basic tri-state toggle implementation
       if (!!this.indeterminateState && !e && this.visibleState === true) {
         // If we have indeterminate state, switching from true to false first goes through indeterminate
         return this.indeterminateState
       }
       return e
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 391318955..4fb37fab7 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -1,9 +1,10 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="BooleanSetting"
+    class="BooleanSetting setting-item"
   >
     <Checkbox
+      class="setting-control setting-label"
       :model-value="visibleState"
       :disabled="shouldBeDisabled"
       :indeterminate="isIndeterminate"
@@ -13,6 +14,12 @@
         class="label"
         :class="{ 'faint': shouldBeDisabled }"
       >
+        <ModifiedIndicator
+          :changed="isChanged"
+          :onclick="reset"
+        />
+        <LocalSettingIndicator :is-local="isLocalSetting" />
+        {{ ' ' }}
         <template v-if="backendDescriptionLabel">
           {{ backendDescriptionLabel }}
         </template>
@@ -22,19 +29,16 @@
         <slot v-else />
       </span>
     </Checkbox>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
     <p
-      v-if="backendDescriptionDescription"
+      v-if="backendDescriptionDescription || showDescription"
       class="setting-description"
       :class="{ 'faint': shouldBeDisabled }"
     >
-      {{ backendDescriptionDescription + ' ' }}
+      <slot name="description">
+        {{ backendDescriptionDescription + ' ' }}
+      </slot>
     </p>
+    <DraftButtons />
   </label>
 </template>
 
diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
index bdeece760..e5bc8420e 100644
--- a/src/components/settings_modal/helpers/choice_setting.js
+++ b/src/components/settings_modal/helpers/choice_setting.js
@@ -5,37 +5,50 @@ export default {
   ...Setting,
   components: {
     ...Setting.components,
-    Select
+    Select,
   },
   props: {
     ...Setting.props,
+    overrideOptions: {
+      type: Boolean,
+      required: false,
+    },
     options: {
       type: Array,
-      required: false
+      required: false,
     },
     optionLabelMap: {
       type: Object,
       required: false,
-      default: {}
-    }
+      default: {},
+    },
   },
   computed: {
     ...Setting.computed,
-    realOptions () {
+    realOptions() {
+      if (this.overrideOptions) {
+        return this.options
+      }
       if (this.realSource === 'admin') {
-        return this.backendDescriptionSuggestions.map(x => ({
+        if (
+          !this.backendDescriptionSuggestions?.length ||
+          this.backendDescriptionSuggestions?.length === 0
+        ) {
+          return this.options
+        }
+        return this.backendDescriptionSuggestions.map((x) => ({
           key: x,
           value: x,
-          label: this.optionLabelMap[x] || x
+          label: this.optionLabelMap[x] || x,
         }))
       }
       return this.options
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       return e
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index 0e22eb306..a162177ce 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -1,18 +1,27 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ChoiceSetting"
+    class="ChoiceSetting setting-item"
+    :class="{ 'faint': shouldBeDisabled }"
   >
-    <template v-if="backendDescriptionLabel">
-      {{ backendDescriptionLabel }}
-    </template>
-    <template v-else>
-      <slot />
-    </template>
-    {{ ' ' }}
+    <span class="setting-label">
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <LocalSettingIndicator :is-local="isLocalSetting" />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel }}
+      </template>
+      <template v-else>
+        <slot />
+      </template>
+    </span>
     <Select
-      :model-value="realDraftMode ? draft :state"
-      :disabled="disabled"
+      class="setting-control"
+      :model-value="realDraftMode ? draft : state"
+      :disabled="shouldBeDisabled"
       @update:model-value="update"
     >
       <option
@@ -24,11 +33,6 @@
         {{ option.value === defaultState ? $t('settings.instance_default_simple') : '' }}
       </option>
     </Select>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
     <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
@@ -40,3 +44,16 @@
 </template>
 
 <script src="./choice_setting.js"></script>
+
+<style lang="scss">
+.ChoiceSetting.setting-item {
+  .-mobile & {
+    display: block;
+
+    .setting-label {
+      display: block;
+      margin-bottom: 0.5em
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
new file mode 100644
index 000000000..d9b1e1397
--- /dev/null
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -0,0 +1,16 @@
+import ColorInput from 'src/components/color_input/color_input.vue'
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  components: {
+    ...Setting.components,
+    ColorInput,
+  },
+  methods: {
+    ...Setting.methods,
+    getValue(e) {
+      return e
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
new file mode 100644
index 000000000..f8f3b9427
--- /dev/null
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -0,0 +1,72 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="ColorSetting setting-item"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <ColorInput
+      :id="path"
+      :name="path"
+      class="setting-control color-setting-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
+      :model-value="realDraftMode ? draft : state"
+      @update:model-value="update"
+    />
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <LocalSettingIndicator :is-local="isLocalSetting" />
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<script src="./color_setting.js"></script>
+<style lang="scss">
+.ColorSetting {
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      ". desc"
+      ". draft";
+
+    .setting-label {
+      text-align: right;
+      align-self: center;
+    }
+
+    .setting-control {
+      align-self: end;
+    }
+  }
+
+  .color-setting-input {
+    align-self: baseline;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index 46a70e866..cc7010619 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -2,6 +2,7 @@
 <!-- TODO make it reusable -->
 <template>
   <span
+    v-if="$parent.isDirty || $parent.canHardReset"
     class="DraftButtons"
   >
     <Popover
@@ -57,27 +58,24 @@
 
 <script>
 import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faWrench
-)
+library.add(faWrench)
 
 export default {
   components: { Popover },
-  props: ['changed']
+  props: ['changed'],
 }
 </script>
 
 <style lang="scss">
 .DraftButtons {
-  display: inline-block;
+  display: inline-flex;
   position: relative;
-
-  .button-default {
-    margin-left: 0.5em;
-  }
+  gap: 0.5em;
+  margin-top: 0.5em
 }
 
 .draft-tooltip {
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 1cca45fbf..9fdcdd233 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -7,7 +7,6 @@
     popover-class="emoji-tab-edit-popover popover-default"
     :bound-to="{ x: 'container' }"
     :offset="{ y: 5 }"
-    :disabled="disabled"
     :class="{'emoji-unsaved': isEdited}"
   >
     <template #trigger>
@@ -30,15 +29,27 @@
 
       <div
         v-if="newUpload"
-        class="emoji-tab-popover-input"
+        class="emoji-tab-popover-new-upload"
       >
-        <input
-          type="file"
-          accept="image/*"
-          class="emoji-tab-popover-file input"
-          @change="uploadFile = $event.target.files"
-        >
+        <h4>{{ $t('admin_dash.emoji.emoji_source') }}</h4>
+
+        <div class="emoji-tab-popover-input">
+          <input
+            type="file"
+            accept="image/*"
+            class="emoji-tab-popover-file input"
+            @change="uploadFile = $event.target.files"
+          >
+        </div>
+        <div class="emoji-tab-popover-input ">
+          <input
+            v-model="uploadURL"
+            :placeholder="$t('admin_dash.emoji.upload_url')"
+            class="emoji-data-input input"
+          >
+        </div>
       </div>
+
       <div>
         <div class="emoji-tab-popover-input">
           <label>
@@ -63,16 +74,50 @@
           </label>
         </div>
 
+        <div
+          v-if="remote !== undefined"
+          class="emoji-tab-popover-input"
+        >
+          <label>
+            {{ $t('admin_dash.emoji.copy_to') }}
+
+            <SelectComponent
+              v-model="copyToPack"
+              class="form-control"
+            >
+              <option
+                value=""
+                disabled
+                hidden
+              >
+                {{ $t('admin_dash.emoji.emoji_pack') }}
+              </option>
+              <option
+                v-for="(pack, listPackName) in knownLocalPacks"
+                :key="listPackName"
+                :label="listPackName"
+              >
+                {{ listPackName }}
+              </option>
+            </SelectComponent>
+          </label>
+        </div>
+
+        <!--
+             For local emojis, disable the button if nothing was edited.
+             For remote emojis, also disable it if a local pack is not selected.
+             Remote emojis are processed by the same function that uploads new ones, as that is effectively what it does
+        -->
         <button
           class="button button-default btn"
           type="button"
-          :disabled="newUpload ? uploadFile.length == 0 : !isEdited"
-          @click="newUpload ? uploadEmoji() : saveEditedEmoji()"
+          :disabled="saveButtonDisabled"
+          @click="(newUpload || remote !== undefined) ? uploadEmoji() : saveEditedEmoji()"
         >
           {{ $t('admin_dash.emoji.save') }}
         </button>
 
-        <template v-if="!newUpload">
+        <template v-if="!newUpload && remote === undefined">
           <button
             class="button button-default btn emoji-tab-popover-button"
             type="button"
@@ -104,121 +149,160 @@
 </template>
 
 <script>
-import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
+import Popover from 'components/popover/popover.vue'
+import SelectComponent from 'components/select/select.vue'
 import StillImage from 'components/still-image/still-image.vue'
 
 export default {
-  components: { Popover, ConfirmModal, StillImage },
+  components: { Popover, ConfirmModal, StillImage, SelectComponent },
   inject: ['emojiAddr'],
   props: {
     placement: {
       type: String,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
+      required: true,
     },
 
     newUpload: Boolean,
 
     title: {
       type: String,
-      required: true
+      required: true,
     },
     packName: {
       type: String,
-      required: true
+      required: true,
     },
     shortcode: {
       type: String,
       // Only exists when this is not a new upload
-      default: ''
+      default: '',
     },
     file: {
       type: String,
       // Only exists when this is not a new upload
-      default: ''
-    }
+      default: '',
+    },
+
+    // Only exists for emojis from remote packs
+    remote: {
+      type: Object,
+      default: undefined,
+    },
+    knownLocalPacks: {
+      type: Object,
+      default: undefined,
+    },
   },
   emits: ['updatePackFiles', 'displayError'],
-  data () {
+  data() {
     return {
       uploadFile: [],
+      uploadURL: '',
       editedShortcode: this.shortcode,
       editedFile: this.file,
-      deleteModalVisible: false
+      deleteModalVisible: false,
+      copyToPack: '',
     }
   },
   computed: {
-    emojiPreview () {
+    emojiPreview() {
       if (this.newUpload && this.uploadFile.length > 0) {
         return URL.createObjectURL(this.uploadFile[0])
+      } else if (this.newUpload && this.uploadURL !== '') {
+        return this.uploadURL
       } else if (!this.newUpload) {
         return this.emojiAddr(this.file)
       }
 
       return null
     },
-    isEdited () {
-      return !this.newUpload && (this.editedShortcode !== this.shortcode || this.editedFile !== this.file)
-    }
+    isEdited() {
+      return (
+        !this.newUpload &&
+        (this.editedShortcode !== this.shortcode ||
+          this.editedFile !== this.file)
+      )
+    },
+    saveButtonDisabled() {
+      if (this.remote === undefined)
+        return this.newUpload
+          ? this.uploadURL === '' && this.uploadFile.length == 0
+          : !this.isEdited
+      else return this.copyToPack === ''
+    },
   },
   methods: {
-    saveEditedEmoji () {
+    saveEditedEmoji() {
       if (!this.isEdited) return
 
-      this.$store.state.api.backendInteractor.updateEmojiFile(
-        { packName: this.packName, shortcode: this.shortcode, newShortcode: this.editedShortcode, newFilename: this.editedFile, force: false }
-      ).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return Promise.reject(resp.error)
-        }
+      this.$store.state.api.backendInteractor
+        .updateEmojiFile({
+          packName: this.packName,
+          shortcode: this.shortcode,
+          newShortcode: this.editedShortcode,
+          newFilename: this.editedFile,
+          force: false,
+        })
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return Promise.reject(resp.error)
+          }
 
-        return resp.json()
-      }).then(resp => this.$emit('updatePackFiles', resp))
+          return resp.json()
+        })
+        .then((resp) => this.$emit('updatePackFiles', resp))
     },
-    uploadEmoji () {
-      this.$store.state.api.backendInteractor.addNewEmojiFile({
-        packName: this.packName,
-        file: this.uploadFile[0],
-        shortcode: this.editedShortcode,
-        filename: this.editedFile
-      }).then(resp => resp.json()).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return
-        }
+    uploadEmoji() {
+      let packName = this.remote === undefined ? this.packName : this.copyToPack
+      this.$store.state.api.backendInteractor
+        .addNewEmojiFile({
+          packName: packName,
+          file:
+            this.remote === undefined
+              ? this.uploadURL !== ''
+                ? this.uploadURL
+                : this.uploadFile[0]
+              : this.emojiAddr(this.file),
+          shortcode: this.editedShortcode,
+          filename: this.editedFile,
+        })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return
+          }
 
-        this.$emit('updatePackFiles', resp)
-        this.$refs.emojiPopover.hidePopover()
+          this.$emit('updatePackFiles', resp, packName)
+          this.$refs.emojiPopover.hidePopover()
 
-        this.editedFile = ''
-        this.editedShortcode = ''
-        this.uploadFile = []
-      })
+          this.editedFile = ''
+          this.editedShortcode = ''
+          this.uploadFile = []
+        })
     },
-    revertEmoji () {
+    revertEmoji() {
       this.editedFile = this.file
       this.editedShortcode = this.shortcode
     },
-    deleteEmoji () {
+    deleteEmoji() {
       this.deleteModalVisible = false
 
-      this.$store.state.api.backendInteractor.deleteEmojiFile(
-        { packName: this.packName, shortcode: this.shortcode }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return
-        }
+      this.$store.state.api.backendInteractor
+        .deleteEmojiFile({ packName: this.packName, shortcode: this.shortcode })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return
+          }
 
-        this.$emit('updatePackFiles', resp)
-      })
-    }
-  }
+          this.$emit('updatePackFiles', resp, this.packName)
+        })
+    },
+  },
 }
 </script>
 
@@ -228,9 +312,22 @@ export default {
     padding-right: 0.5em;
     padding-bottom: 0.5em;
 
+    .emoji-tab-popover-new-upload {
+      margin-bottom: 2em;
+    }
+
     .emoji {
-      width: 32px;
-      height: 32px;
+      width: 2.3em;
+      height: 2.3em;
+    }
+
+    .Select {
+      display: inline-block;
+    }
+
+    h4 {
+      margin-bottom: 1em;
+      margin-top: 1em;
     }
   }
 </style>
diff --git a/src/components/settings_modal/helpers/float_setting.vue b/src/components/settings_modal/helpers/float_setting.vue
index 15edb3c3e..a1c495cd1 100644
--- a/src/components/settings_modal/helpers/float_setting.vue
+++ b/src/components/settings_modal/helpers/float_setting.vue
@@ -10,7 +10,7 @@
 import NumberSetting from './number_setting.vue'
 export default {
   components: {
-    NumberSetting
-  }
+    NumberSetting,
+  },
 }
 </script>
diff --git a/src/components/settings_modal/helpers/group_setting.js b/src/components/settings_modal/helpers/group_setting.js
index 23a2a2025..327654ff1 100644
--- a/src/components/settings_modal/helpers/group_setting.js
+++ b/src/components/settings_modal/helpers/group_setting.js
@@ -1,13 +1,5 @@
-import { isEqual } from 'lodash'
-
 import Setting from './setting.js'
 
 export default {
   ...Setting,
-  computed: {
-    ...Setting.computed,
-    isDirty () {
-      return !isEqual(this.state, this.draft)
-    }
-  }
 }
diff --git a/src/components/settings_modal/helpers/group_setting.vue b/src/components/settings_modal/helpers/group_setting.vue
index a4df4bf35..7040c6214 100644
--- a/src/components/settings_modal/helpers/group_setting.vue
+++ b/src/components/settings_modal/helpers/group_setting.vue
@@ -1,13 +1,13 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="GroupSetting"
+    class="GroupSetting setting-item"
   >
     <ModifiedIndicator
       :changed="isChanged"
       :onclick="reset"
     />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <LocalSettingIndicator :is-local="isLocalSetting" />
     <DraftButtons />
   </span>
 </template>
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index c48f97b70..add6ab753 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -19,15 +19,14 @@
 
 <script>
 import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleQuestion
-)
+library.add(faCircleQuestion)
 
 export default {
-  components: { Popover }
+  components: { Popover },
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
index 8206c0c45..e9b227645 100644
--- a/src/components/settings_modal/helpers/integer_setting.vue
+++ b/src/components/settings_modal/helpers/integer_setting.vue
@@ -11,7 +11,7 @@
 import NumberSetting from './number_setting.vue'
 export default {
   components: {
-    NumberSetting
-  }
+    NumberSetting,
+  },
 }
 </script>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
new file mode 100644
index 000000000..ecbdb3669
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -0,0 +1,135 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+export default {
+  ...Setting,
+  data() {
+    return {
+      newValue: '',
+    }
+  },
+  components: {
+    ...Setting.components,
+    Checkbox,
+  },
+  props: {
+    ...Setting.props,
+    ignoreSuggestions: {
+      required: false,
+      type: Boolean,
+    },
+    overrideAvailableOptions: {
+      required: false,
+      type: Boolean,
+    },
+    options: {
+      required: false,
+      type: Set,
+    },
+    allowNew: {
+      required: false,
+      type: Boolean,
+      default: true,
+    },
+    forceNew: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    ...Setting.computed,
+    showNew() {
+      if (this.forceNew) return true
+      if (!this.allowNew) return false
+
+      const isExpert = useMergedConfigStore().mergedConfig.expertLevel > 0
+      const hasBuiltins = this.builtinEntries.length > 0
+
+      if (hasBuiltins) {
+        return isExpert
+      } else {
+        return true
+      }
+    },
+    valueSet() {
+      return new Set(this.visibleState)
+    },
+    suggestionsSet() {
+      const suggestions = this.backendDescriptionSuggestions
+      if (suggestions) {
+        return new Set(suggestions)
+      } else {
+        return new Set()
+      }
+    },
+    extraEntries() {
+      if (this.ignoreSuggestions) return [...this.valueSet.values()]
+      if (!this.suggestionsSet) return []
+      return [...this.valueSet.values()].filter((x) => {
+        return !this.builtinEntriesValueSet.has(x)
+      })
+    },
+    builtinEntries() {
+      if (this.ignoreSuggestions) return []
+      if (this.overrideAvailableOptions) {
+        return [...this.options]
+      }
+      if (!this.suggestionsSet) return []
+
+      const builtins = [...this.suggestionsSet.values()]
+      return builtins.map((option) => ({
+        label: option,
+        value: option,
+      }))
+    },
+    builtinEntriesValueSet() {
+      return new Set(this.builtinEntries.map((x) => x.value))
+    },
+  },
+  methods: {
+    ...Setting.methods,
+    optionPresent(option) {
+      return this.valueSet.has(option)
+    },
+    getValue({ event, value, index, eventType }) {
+      switch (eventType) {
+        case 'toggle': {
+          this.newValue = ''
+          const newSet = new Set(this.valueSet.values())
+          if (event) {
+            newSet.add(value)
+          } else {
+            newSet.delete(value)
+          }
+          return [...newSet.values()]
+        }
+
+        case 'add': {
+          if (!this.newValue) return this.valueSet.values()
+          const res = [...this.valueSet.values(), this.newValue]
+          this.newValue = ''
+          return res
+        }
+
+        case 'remove': {
+          const pre = [...this.valueSet.values()].slice(0, index)
+          const post = [...this.valueSet.values()].slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = [...this.valueSet.values()].slice(0, index)
+          const post = [...this.valueSet.values()].slice(index + 1)
+          const string = event.target.value
+          if (!string) return [...this.valueSet.values()]
+
+          return [...pre, string, ...post]
+        }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
new file mode 100644
index 000000000..4b62be306
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -0,0 +1,92 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="ListSetting setting-item"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li
+        v-for="(item, i) in builtinEntries"
+        :key="i"
+      >
+        <Checkbox
+          :disabled="shouldBeDisabled"
+          :model-value="optionPresent(item.value)"
+          @update:model-value="event => update({ event, value: item.value, eventType: 'toggle' })"
+        >
+          {{ item.label }}
+        </Checkbox>
+      </li>
+      <li
+        v-for="(item, index) in extraEntries"
+        :key="index"
+      >
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item"
+            @change="e => update({ event: e, index, eventType: 'edit' })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ index, eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li v-if="showNew">
+        <div class="btn-group">
+          <input
+            v-model="newValue"
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <LocalSettingIndicator :is-local="isLocalSetting" />
+    <DraftButtons />
+  </div>
+</template>
+
+<script src="./list_setting.js"></script>
+<style lang="scss">
+.ListSetting {
+  .setting-list {
+    .checkbox {
+      padding: 0.5em 0;
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.js b/src/components/settings_modal/helpers/list_tuple_setting.js
new file mode 100644
index 000000000..33cc725b1
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_tuple_setting.js
@@ -0,0 +1,44 @@
+import ListSetting from './list_setting.js'
+
+export default {
+  ...ListSetting,
+  data() {
+    return {
+      newValue: ['', ''],
+    }
+  },
+  methods: {
+    ...ListSetting.methods,
+    getValue({ event, index, eventType, tuple }) {
+      switch (eventType) {
+        case 'add': {
+          if (!this.newValue[0] || !this.newValue[1]) return this.visibleState
+          const res = [...this.visibleState, this.newValue]
+          this.newValue = ['', '']
+          return res
+        }
+
+        case 'remove': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+          const item = this.visibleState[index]
+          const string = event.target.value
+          if (!string) return this.visibleState
+
+          if (tuple === 0) {
+            return [...pre, [string, item[1]], ...post]
+          } else {
+            return [...pre, [item[0], string], ...post]
+          }
+        }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.vue b/src/components/settings_modal/helpers/list_tuple_setting.vue
new file mode 100644
index 000000000..6719c213e
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_tuple_setting.vue
@@ -0,0 +1,112 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="ListTupleSetting"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li
+        v-for="(item, index) in visibleState"
+        :key="index"
+      >
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item.tuple[0]"
+            @change="e => update({ event: e, index, eventType: 'edit', tuple: 0 })"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item.tuple[1]"
+            @change="e => update({ event: e, index, eventType: 'edit', tuple: 1 })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ index, eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li>
+        <div class="btn-group">
+          <input
+            v-model="newValue[0]"
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][0]"
+          >
+          <input
+            v-model="newValue[1]"
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][1]"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <DraftButtons />
+  </div>
+</template>
+
+<script src="./list_tuple_setting.js"></script>
+<style lang="scss">
+.ListTupleSetting {
+  .btn-group {
+    display: flex
+  }
+
+  dl {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    gap: 0.5em;
+    align-items: baseline;
+
+    dt {
+      display: inline;
+      font-weight: 800;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      display: inline;
+      margin: 0
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/local_setting_indicator.vue
similarity index 66%
rename from src/components/settings_modal/helpers/profile_setting_indicator.vue
rename to src/components/settings_modal/helpers/local_setting_indicator.vue
index d160781b1..e22e36fb2 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/local_setting_indicator.vue
@@ -1,7 +1,7 @@
 <template>
   <span
-    v-if="isProfile"
-    class="ProfileSettingIndicator"
+    v-if="isLocal"
+    class="LocalSettingIndicator"
   >
     <Popover
       trigger="hover"
@@ -9,13 +9,13 @@
       <template #trigger>
         &nbsp;
         <FAIcon
-          icon="server"
-          :aria-label="$t('settings.setting_server_side')"
+          icon="desktop"
+          :aria-label="$t('settings.setting_local_side')"
         />
       </template>
       <template #content>
         <div class="profilesetting-tooltip">
-          {{ $t('settings.setting_server_side') }}
+          {{ $t('settings.setting_local_side') }}
         </div>
       </template>
     </Popover>
@@ -24,21 +24,20 @@
 
 <script>
 import Popover from 'src/components/popover/popover.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faServer } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faServer
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faDesktop } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faDesktop)
 
 export default {
   components: { Popover },
-  props: ['isProfile']
+  props: ['isLocal'],
 }
 </script>
 
 <style lang="scss">
-.ProfileSettingIndicator {
+.LocalSettingIndicator {
   display: inline-block;
   position: relative;
 }
diff --git a/src/components/settings_modal/helpers/map_setting.js b/src/components/settings_modal/helpers/map_setting.js
new file mode 100644
index 000000000..8615c90ca
--- /dev/null
+++ b/src/components/settings_modal/helpers/map_setting.js
@@ -0,0 +1,73 @@
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  props: {
+    ...Setting.props,
+    allowNew: {
+      required: false,
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      newValue: ['', ''], // avoiding extra complexity by just using an array instead of an object
+    }
+  },
+  computed: {
+    ...Setting.computed,
+    // state that we'll show in the UI, i.e. transforming map into list
+    displayState() {
+      return Object.entries(this.visibleState)
+    },
+  },
+  methods: {
+    ...Setting.methods,
+    getValue({ event, key, eventType, isKey }) {
+      switch (eventType) {
+        case 'add': {
+          if (key === '') return this.visibleState
+          const res = {
+            ...this.visibleState,
+            ...Object.fromEntries([this.newValue]),
+          }
+          this.newValue = ['', '']
+          return res
+        }
+
+        case 'remove': {
+          // initial state for this type is empty array
+          if (Array.isArray(this.visibleState)) return this.visibleState
+          const newEntries = Object.entries(this.visibleState).filter(
+            ([k]) => k !== key,
+          )
+
+          if (newEntries.length === 0) return []
+          return Object.fromEntries(newEntries)
+        }
+
+        case 'edit': {
+          const string = event.target.value
+          const newEntries = Object.entries(this.visibleState).map(([k, v]) => {
+            if (isKey) {
+              if (k === key) {
+                return [string, v]
+              } else {
+                return [k, v]
+              }
+            } else {
+              if (k === key) {
+                return [k, string]
+              } else {
+                return [k, v]
+              }
+            }
+          })
+
+          return Object.fromEntries(newEntries)
+        }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
new file mode 100644
index 000000000..011003a51
--- /dev/null
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -0,0 +1,112 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="MapSetting setting-item"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li
+        v-for="(item, i) in displayState"
+        :key="i"
+      >
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[0]"
+            @change="e => update({ event: e, key: item[0], eventType: 'edit', isKey: true })"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[1]"
+            @change="e => update({ event: e, key: item[0], eventType: 'edit', isKey: false })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ key: item[0], eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li v-if="allowNew">
+        <div class="btn-group">
+          <input
+            v-model="newValue[0]"
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][0]"
+          >
+          <input
+            v-model="newValue[1]"
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][1]"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <LocalSettingIndicator :is-local="isLocalSetting" />
+    <DraftButtons />
+  </div>
+</template>
+
+<script src="./map_setting.js"></script>
+<style lang="scss">
+.MapSetting {
+  .btn-group {
+    display: flex
+  }
+
+  dl {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    gap: 0.5em;
+
+    dt {
+      display: inline;
+      font-weight: 800;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      display: inline;
+      margin: 0
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index a747cebd2..c723dfe19 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -24,12 +24,11 @@
 
 <script>
 import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faWrench
-)
+library.add(faWrench)
 
 export default {
   components: { Popover },
@@ -37,9 +36,9 @@ export default {
     changed: Boolean,
     messageKey: {
       type: String,
-      default: 'settings.setting_changed'
-    }
-  }
+      default: 'settings.setting_changed',
+    },
+  },
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/number_setting.js b/src/components/settings_modal/helpers/number_setting.js
index afbf5ed58..e037ece28 100644
--- a/src/components/settings_modal/helpers/number_setting.js
+++ b/src/components/settings_modal/helpers/number_setting.js
@@ -7,33 +7,33 @@ export default {
     min: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     max: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     step: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     truncate: {
       type: Number,
       required: false,
-      default: 1
-    }
+      default: 1,
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       if (!this.truncate === 1) {
         return parseInt(e.target.value)
       } else if (this.truncate > 1) {
         return Math.trunc(e.target.value / this.truncate) * this.truncate
       }
       return parseFloat(e.target.value)
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/number_setting.vue b/src/components/settings_modal/helpers/number_setting.vue
index 32dc6f83f..3a6434e9e 100644
--- a/src/components/settings_modal/helpers/number_setting.vue
+++ b/src/components/settings_modal/helpers/number_setting.vue
@@ -1,12 +1,21 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="NumberSetting"
+    class="NumberSetting setting-item"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
+      class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <LocalSettingIndicator :is-local="isLocalSetting" />
+    {{ ' ' }}
+    <DraftButtons v-if="!hideDraftButtons" />
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -18,21 +27,15 @@
     {{ ' ' }}
     <input
       :id="path"
-      class="input number-input"
+      class="input number-input setting-control"
       type="number"
       :step="step || 1"
       :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
       :min="min || 0"
       :value="realDraftMode ? draft :state"
       @change="update"
     >
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
diff --git a/src/components/settings_modal/helpers/proxy_setting.js b/src/components/settings_modal/helpers/proxy_setting.js
new file mode 100644
index 000000000..4195b8430
--- /dev/null
+++ b/src/components/settings_modal/helpers/proxy_setting.js
@@ -0,0 +1,54 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+const getUrl = (state) =>
+  state?.tuple ? state.tuple[1] + ':' + state.tuple[2] : state
+const getSocks = (state) => state?.tuple
+
+export default {
+  ...Setting,
+  data() {
+    return {
+      urlField: '',
+      socksField: false,
+    }
+  },
+  created() {
+    Setting.created()
+    this.urlField = getUrl(this.realDraftMode ? this.draft : this.state)
+    this.socksField = getSocks(this.realDraftMode ? this.draft : this.state)
+  },
+  computed: {
+    ...Setting.computed,
+    // state that we'll show in the UI, i.e. transforming map into list
+    displayState() {
+      if (this.visibleState?.tuple) {
+        return this.visibleState.tuple[1] + ':' + this.visibleState.tuple[2]
+      }
+      return this.visibleState
+    },
+    socksState() {
+      return getSocks(this.visibleState)
+    },
+  },
+  components: {
+    ...Setting.components,
+    Checkbox,
+  },
+  methods: {
+    ...Setting.methods,
+    getValue({ event, isProxy }) {
+      if (isProxy) {
+        this.socksField = event
+      } else {
+        this.urlField = event.target.value
+      }
+
+      if (this.socksField) {
+        return { tuple: [':socks5', ...this.urlField.split(':')] }
+      } else {
+        return this.urlField
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/proxy_setting.vue b/src/components/settings_modal/helpers/proxy_setting.vue
new file mode 100644
index 000000000..00552f511
--- /dev/null
+++ b/src/components/settings_modal/helpers/proxy_setting.vue
@@ -0,0 +1,58 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="ProxySetting setting-item"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <div class="setting-control">
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions[0]"
+        :value="displayState"
+        @change="event => update({ event })"
+      >
+      {{ ' ' }}
+      <Checkbox
+        :model-value="socksState"
+        :disabled="shouldBeDisabled"
+        :indeterminate="isIndeterminate"
+        @update:model-value="event => update({ event, isProxy: true})"
+      >
+        SOCKS5
+        {{ ' ' }}
+      </Checkbox>
+    </div>
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<script src="./proxy_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
new file mode 100644
index 000000000..0af54d3df
--- /dev/null
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -0,0 +1,102 @@
+import { clone } from 'lodash'
+
+import Attachment from 'src/components/attachment/attachment.vue'
+import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import Select from 'src/components/select/select.vue'
+import Setting from './setting.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+
+export default {
+  ...Setting,
+  components: {
+    ...Setting.components,
+    Select,
+    Attachment,
+    MediaUpload,
+  },
+  computed: {
+    ...Setting.computed,
+    purposeOptions() {
+      return ['any', 'monochrome', 'maskable'].map((value) => ({
+        value,
+        key: value,
+        label: this.$t('admin_dash.instance.pwa.icon.' + value),
+      }))
+    },
+  },
+  methods: {
+    ...Setting.methods,
+    attachment(e) {
+      const path = e[':src']
+      if (!path) {
+        return {
+          type: '',
+          url: '',
+        }
+      }
+      const url = path.includes('://') ? path : useInstanceStore().server + path
+
+      return {
+        type: fileTypeExt(url),
+        url,
+      }
+    },
+    setMediaFile({ event, index }) {
+      this.update({
+        event: {
+          target: {
+            value: event.url,
+          },
+        },
+        index,
+        eventType: 'edit',
+        field: ':src',
+      })
+    },
+    setPurpose({ event, index }) {
+      this.update({
+        event: {
+          target: {
+            value: event,
+          },
+        },
+        index,
+        eventType: 'edit',
+        field: ':purpose',
+      })
+    },
+    getValue({ event, field, index, eventType }) {
+      switch (eventType) {
+        case 'add': {
+          const res = [...this.visibleState, {}]
+          return res
+        }
+
+        case 'remove': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+          const item = clone(this.visibleState[index])
+          const string = event.target.value
+
+          if (!string) {
+            delete item[field]
+          } else {
+            item[field] = string
+          }
+
+          return [...pre, item, ...post]
+        }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
new file mode 100644
index 000000000..a55b5d793
--- /dev/null
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -0,0 +1,225 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="PWAManifestIconsSetting setting-item"
+  >
+    <label
+      class="pwa-label setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <div class="setting-control">
+      <ul class="item-list">
+        <li
+          v-if="visibleState.length === 0"
+          class="no_items"
+        >
+          {{ $t('admin_dash.instance.pwa.no_icons') }}
+          <button
+            v-if="visibleState.length === 0"
+            class="button-default add-button"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </li>
+        <li
+          v-for="(item, index) in visibleState"
+          :key="index"
+        >
+          <div class="icon-element">
+            <div class="src-field">
+              <Attachment
+                class="src-attachment"
+                :compact="true"
+                :attachment="attachment(item)"
+                size="small"
+                hide-description
+              />
+              <div class="src-url">
+                <label for="path">{{ $t('settings.url') }}</label>
+                <input
+                  :id="path"
+                  class="input string-input"
+                  :disabled="shouldBeDisabled"
+                  :value="item[':src']"
+                  @change="event => update({ event, index, eventType: 'edit', field: ':src' })"
+                >
+              </div>
+              <MediaUpload
+                ref="mediaUpload"
+                class="src-upload media-upload-icon"
+                :class="{ disabled: shouldBeDisabled }"
+                normal-button
+                accept-types="image"
+                @uploaded="event => setMediaFile({ event, index })"
+              />
+            </div>
+            <dl>
+              <dt>{{ $t('admin_dash.instance.pwa.icon.purpose') }}</dt>
+              <dd>
+                <Select
+                  :class="{ disabled: shouldBeDisabled }"
+                  :disabled="shouldBeDisabled"
+                  :model-value="item[':purpose']"
+                  @update:model-value="event => setPurpose({ event, index })"
+                >
+                  <option
+                    v-for="(purpose, index2) in purposeOptions"
+                    :key="index2"
+                    :value="purpose.value"
+                  >
+                    {{ purpose.label }}
+                  </option>
+                </Select>
+              </dd>
+              <dt><code>sizes</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
+              <dd>
+                <input
+                  class="input string-input"
+                  :class="{ disabled: shouldBeDisabled }"
+                  :value="item[':sizes']"
+                  @change="e => update({ event: e, index, eventType: 'edit', field: ':sizes' })"
+                >
+              </dd>
+              <dt><code>type</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
+              <dd>
+                <input
+                  class="input string-input"
+                  :class="{ disabled: shouldBeDisabled }"
+                  :value="item[':type']"
+                  @change="e => update({ event: e, index, eventType: 'edit', field: ':type' })"
+                >
+              </dd>
+            </dl>
+            <div class="buttons">
+              <button
+                v-if="index === visibleState.length - 1"
+                class="button-default add-button"
+                @click="e => update({ eventType: 'add' })"
+              >
+                <FAIcon icon="plus" />
+              </button>
+              <button
+                class="button-default delete-button"
+                @click="e => update({ index, eventType: 'remove' })"
+              >
+                <FAIcon icon="times" />
+              </button>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./pwa_manifest_icons_setting.js"></script>
+<style lang="scss">
+div.PWAManifestIconsSetting {
+  margin-left: 3em;
+
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label"
+      "desc"
+      "control"
+      "draft";
+    grid-template-rows: 2em auto 1fr;
+    grid-template-columns: 1fr;
+  }
+
+  .pwa-label.setting-label {
+    align-self: end;
+    text-align: left;
+  }
+
+  .buttons {
+    display: flex;
+    gap: 0.5em;
+    justify-content: right;
+    margin-top: 0.5em;
+
+    button {
+      line-height: 2;
+    }
+  }
+
+  ul {
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, 12em);
+    grid-gap: 2em;
+  }
+
+  dl {
+    display: grid;
+    grid-template-columns: 1fr;
+    margin-top: 0.5em;
+    gap: 0.25em;
+    align-items: baseline;
+
+    dt {
+      font-weight: 800;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      margin: 0
+    }
+  }
+
+  .src-field {
+    display: grid;
+    grid-template-columns: auto;
+    justify-items: center;
+    gap: 0.5em;
+
+    .src-attachment {
+      width: 10em;
+      height: 10em;
+      display: block;
+      margin-bottom: 0.5em;
+    }
+
+    .src-upload {
+      display: block;
+      width: 100%;
+    }
+
+    .src-url {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25em;
+      width: 100%;
+
+      label {
+        display: block;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/rate_setting.js b/src/components/settings_modal/helpers/rate_setting.js
new file mode 100644
index 000000000..0c37abb87
--- /dev/null
+++ b/src/components/settings_modal/helpers/rate_setting.js
@@ -0,0 +1,53 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  data() {
+    return {
+      newValue: '',
+    }
+  },
+  components: {
+    ...Setting.components,
+    Checkbox,
+  },
+  props: {
+    ...Setting.props,
+  },
+  computed: {
+    ...Setting.computed,
+    isSeparate() {
+      // [[a1, b1], [a2, b2]] vs [a, b]
+      return Array.isArray(this.visibleState[0])
+    },
+    normalizedState() {
+      if (this.isSeparate) {
+        return this.visibleState.map((y) => y.map((x) => Number(x) || 0))
+      } else {
+        return [this.visibleState.map((x) => Number(x) || 0)]
+      }
+    },
+  },
+  methods: {
+    ...Setting.methods,
+    getValue({ event, side, index, eventType }) {
+      if (eventType === 'edit') {
+        const value = Number(event.target.value)
+        if (Number.isNaN(value)) return this.visibleState
+
+        const newVal = [...this.normalizedState.map((x) => [...x])]
+        newVal[side][index] = value
+        return newVal
+      }
+
+      if (eventType === 'toggleMode') {
+        if (event === 'split') {
+          return [this.normalizedState[0], this.normalizedState[0]]
+        } else if (event === 'join') {
+          return [this.normalizedState[0]]
+        }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
new file mode 100644
index 000000000..bb361dfb9
--- /dev/null
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -0,0 +1,140 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="RateSetting setting-item"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <LocalSettingIndicator :is-local="isLocalSetting" />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <div class="setting-control">
+      <table>
+        <thead>
+          <tr>
+            <th>&nbsp;</th>
+            <th>
+              {{ $t('admin_dash.rate_limit.period') }}
+            </th>
+            <th>
+              {{ $t('admin_dash.rate_limit.amount') }}
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              {{ isSeparate ? $t('admin_dash.rate_limit.unauthenticated') : $t('admin_dash.rate_limit.rate_limit') }}
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[0][0]"
+                @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
+              >
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[0][1]"
+                @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
+              >
+            </td>
+          </tr>
+          <tr v-if="isSeparate">
+            <td>
+              {{ $t('admin_dash.rate_limit.authenticated') }}
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[1][0]"
+                @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
+              >
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[1][1]"
+                @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
+              >
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <Checkbox
+        :model-value="isSeparate"
+        @update:model-value="event => update({ event: event ? 'join' : 'split', eventType: 'toggleMode' })"
+      >
+        {{ $t('admin_dash.rate_limit.separate') }}
+      </Checkbox>
+    </div>
+    <DraftButtons />
+  </div>
+</template>
+
+<script src="./rate_setting.js"></script>
+<style lang="scss">
+.RateSetting {
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      "desc control"
+      ". draft";
+
+    .setting-label {
+      text-align: right;
+      align-self: center;
+    }
+
+    .setting-description {
+      text-align: right;
+    }
+
+    .setting-control {
+      align-self: end;
+    }
+  }
+
+  table {
+    margin-top: 0.5em;
+  }
+
+  th {
+    font-weight: normal;
+  }
+
+  td {
+    input {
+      width: 15ch;
+    }
+  }
+
+  margin-bottom: 2em;
+}
+</style>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index df137157a..af8ebecbd 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,99 +1,147 @@
-import ModifiedIndicator from './modified_indicator.vue'
-import ProfileSettingIndicator from './profile_setting_indicator.vue'
+import { cloneDeep, get, isEqual, set } from 'lodash'
+
 import DraftButtons from './draft_buttons.vue'
-import { get, set, cloneDeep } from 'lodash'
+import LocalSettingIndicator from './local_setting_indicator.vue'
+import ModifiedIndicator from './modified_indicator.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 export default {
   components: {
     ModifiedIndicator,
     DraftButtons,
-    ProfileSettingIndicator
+    LocalSettingIndicator,
   },
   props: {
     modelValue: {
       type: String,
-      default: null
+      default: null,
+    },
+    description: {
+      type: String,
+      default: null,
     },
     path: {
       type: [String, Array],
-      required: false
+      required: false,
+    },
+    showDescription: {
+      type: Boolean,
+      required: false,
+    },
+    descriptionPathOverride: {
+      type: [String, Array],
+      required: false,
+    },
+    suggestions: {
+      type: [String, Array],
+      required: false,
+    },
+    subgroup: {
+      type: String,
+      required: false,
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: false,
+    },
+    local: {
+      type: Boolean,
+      default: false,
     },
     parentPath: {
-      type: [String, Array]
+      type: [String, Array],
     },
     parentInvert: {
       type: Boolean,
-      default: false
+      default: false,
     },
     expert: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
     source: {
       type: String,
-      default: undefined
+      default: undefined,
+    },
+    hideDraftButtons: {
+      // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+      required: false,
+      type: Boolean,
+    },
+    hideLabel: {
+      type: Boolean,
     },
     hideDescription: {
-      type: Boolean
+      type: Boolean,
     },
     swapDescriptionAndLabel: {
-      type: Boolean
+      type: Boolean,
+    },
+    backendDescriptionPath: {
+      type: [String, Array],
     },
     overrideBackendDescription: {
-      type: Boolean
+      type: Boolean,
     },
     overrideBackendDescriptionLabel: {
-      type: Boolean
+      type: [Boolean, String],
     },
     draftMode: {
       type: Boolean,
-      default: undefined
+      default: undefined,
     },
     timedApplyMode: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   inject: {
     defaultSource: {
-      default: 'default'
+      default: 'default',
     },
     defaultDraftMode: {
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
-      localDraft: null
+      localDraft: null,
     }
   },
-  created () {
-    if (this.realDraftMode && (this.realSource !== 'admin' || this.path == null)) {
-      this.draft = this.state
+  created() {
+    if (
+      this.realDraftMode &&
+      (this.realSource !== 'admin' || this.path == null)
+    ) {
+      this.draft = cloneDeep(this.state)
     }
   },
   computed: {
     draft: {
-      get () {
+      get() {
         if (this.realSource === 'admin' || this.path == null) {
           return get(this.$store.state.adminSettings.draft, this.canonPath)
         } else {
           return this.localDraft
         }
       },
-      set (value) {
+      set(value) {
         if (this.realSource === 'admin' || this.path == null) {
-          this.$store.commit('updateAdminDraft', { path: this.canonPath, value })
+          this.$store.commit('updateAdminDraft', {
+            path: this.canonPath,
+            value,
+          })
         } else {
           this.localDraft = value
         }
-      }
+      },
     },
-    state () {
+    state() {
       if (this.path == null) {
         return this.modelValue
       }
@@ -104,98 +152,189 @@ export default {
         return value
       }
     },
-    visibleState () {
+    visibleState() {
       return this.realDraftMode ? this.draft : this.state
     },
-    realSource () {
+    realSource() {
       return this.source || this.defaultSource
     },
-    realDraftMode () {
-      return typeof this.draftMode === 'undefined' ? this.defaultDraftMode : this.draftMode
+    realDraftMode() {
+      return typeof this.draftMode === 'undefined'
+        ? this.defaultDraftMode
+        : this.draftMode
     },
-    backendDescription () {
-      return get(this.$store.state.adminSettings.descriptions, this.path)
+    backendDescription() {
+      return get(
+        this.$store.state.adminSettings.descriptions,
+        this.descriptionPath,
+      )
     },
-    backendDescriptionLabel () {
+    backendDescriptionLabel() {
       if (this.realSource !== 'admin') return ''
+      if (
+        this.overrideBackendDescriptionLabel !== '' &&
+        typeof this.overrideBackendDescriptionLabel === 'string'
+      ) {
+        return this.overrideBackendDescriptionLabel
+      }
       if (!this.backendDescription || this.overrideBackendDescriptionLabel) {
-        return this.$t([
-          'admin_dash',
-          'temp_overrides',
-          ...this.canonPath.map(p => p.replace(/\./g, '_DOT_')),
-          'label'
-        ].join('.'))
+        return this.$t(
+          [
+            'admin_dash',
+            'temp_overrides',
+            ...this.canonPath.map((p) => p.replace(/\./g, '_DOT_')),
+            'label',
+          ].join('.'),
+        )
       } else {
         return this.swapDescriptionAndLabel
           ? this.backendDescription?.description
           : this.backendDescription?.label
       }
     },
-    backendDescriptionDescription () {
+    backendDescriptionDescription() {
+      if (this.description) return this.description
       if (this.realSource !== 'admin') return ''
       if (this.hideDescription) return null
       if (!this.backendDescription || this.overrideBackendDescription) {
-        return this.$t([
-          'admin_dash',
-          'temp_overrides',
-          ...this.canonPath.map(p => p.replace(/\./g, '_DOT_')),
-          'description'
-        ].join('.'))
+        return this.$t(
+          [
+            'admin_dash',
+            'temp_overrides',
+            ...this.canonPath.map((p) => p.replace(/\./g, '_DOT_')),
+            'description',
+          ].join('.'),
+        )
       } else {
         return this.swapDescriptionAndLabel
           ? this.backendDescription?.label
           : this.backendDescription?.description
       }
     },
-    backendDescriptionSuggestions () {
-      return this.backendDescription?.suggestions
+    backendDescriptionSuggestions() {
+      return this.backendDescription?.suggestions || this.suggestions
     },
-    shouldBeDisabled () {
+    shouldBeDisabled() {
       if (this.path == null) {
         return this.disabled
       }
-      const parentValue = this.parentPath !== undefined ? get(this.configSource, this.parentPath) : null
-      return this.disabled || (parentValue !== null ? (this.parentInvert ? parentValue : !parentValue) : false)
+      let parentValue = null
+      if (this.parentPath !== undefined && this.realSource === 'admin') {
+        if (this.realDraftMode) {
+          parentValue = get(
+            this.$store.state.adminSettings.draft,
+            this.parentPath,
+          )
+        } else {
+          parentValue = get(this.configSource, this.parentPath)
+        }
+      }
+      return (
+        this.disabled ||
+        (parentValue !== null
+          ? this.parentInvert
+            ? parentValue
+            : !parentValue
+          : false)
+      )
     },
-    configSource () {
+    configSource() {
       switch (this.realSource) {
         case 'profile':
           return this.$store.state.profileConfig
         case 'admin':
           return this.$store.state.adminSettings.config
         default:
-          return this.$store.getters.mergedConfig
+          return useMergedConfigStore().mergedConfig
       }
     },
-    configSink () {
+    configSink() {
       if (this.path == null) {
         return (k, v) => this.$emit('update:modelValue', v)
       }
+
       switch (this.realSource) {
         case 'profile':
-          return (k, v) => this.$store.dispatch('setProfileOption', { name: k, value: v })
+          return (k, v) =>
+            this.$store.dispatch('setProfileOption', { name: k, value: v })
         case 'admin':
-          return (k, v) => this.$store.dispatch('pushAdminSetting', { path: k, value: v })
+          return (k, v) =>
+            this.$store.dispatch('pushAdminSetting', { path: k, value: v })
         default:
-          if (this.timedApplyMode) {
-            return (k, v) => this.$store.dispatch('setOptionTemporarily', { name: k, value: v })
-          } else {
-            return (k, v) => this.$store.dispatch('setOption', { name: k, value: v })
+          return (readPath, value) => {
+            const writePath = `${readPath}`
+
+            if (!this.timedApplyMode) {
+              if (this.local) {
+                useLocalConfigStore().set({
+                  path: writePath,
+                  value,
+                })
+              } else {
+                useSyncConfigStore().setSimplePrefAndSave({
+                  path: writePath,
+                  value,
+                })
+              }
+            } else {
+              if (useInterfaceStore().temporaryChangesTimeoutId !== null) {
+                console.error("Can't track more than one temporary change")
+                return
+              }
+
+              const oldValue = get(this.configSource, readPath)
+
+              if (this.local) {
+                useLocalConfigStore().setTemporarily({ path: writePath, value })
+              } else {
+                useSyncConfigStore().setPreference({ path: writePath, value })
+              }
+
+              const confirm = () => {
+                if (this.local) {
+                  useLocalConfigStore().set({ path: writePath, value })
+                } else {
+                  useSyncConfigStore().pushSyncConfig()
+                }
+                useInterfaceStore().clearTemporaryChanges()
+              }
+
+              const revert = () => {
+                if (this.local) {
+                  useLocalConfigStore().unsetTemporarily({
+                    path: writePath,
+                    value,
+                  })
+                } else {
+                  useSyncConfigStore().setPreference({
+                    path: writePath,
+                    value: oldValue,
+                  })
+                }
+                useInterfaceStore().clearTemporaryChanges()
+              }
+
+              useInterfaceStore().setTemporaryChanges({ confirm, revert })
+            }
           }
       }
     },
-    defaultState () {
+    defaultState() {
       switch (this.realSource) {
         case 'profile':
           return {}
-        default:
-          return get(this.$store.getters.defaultConfig, this.path)
+        default: {
+          return get(useMergedConfigStore().mergedConfigDefault, this.path)
+        }
       }
     },
-    isProfileSetting () {
+    isProfileSetting() {
       return this.realSource === 'profile'
     },
-    isChanged () {
+    isLocalSetting() {
+      return this.local
+    },
+    isChanged() {
       if (this.path == null) return false
       switch (this.realSource) {
         case 'profile':
@@ -205,57 +344,85 @@ export default {
           return this.state !== this.defaultState
       }
     },
-    canonPath () {
+    canonPath() {
       if (this.path == null) return null
       return Array.isArray(this.path) ? this.path : this.path.split('.')
     },
-    isDirty () {
+    descriptionPath() {
+      if (this.path == null) return null
+      if (this.descriptionPathOverride) return this.descriptionPathOverride
+      const path = Array.isArray(this.path) ? this.path : this.path.split('.')
+      if (this.subgroup) {
+        return [
+          ...path.slice(0, path.length - 1),
+          ':subgroup,' + this.subgroup,
+          ...path.slice(path.length - 1),
+        ]
+      }
+      return path
+    },
+    isDirty() {
       if (this.path == null) return false
       if (this.realSource === 'admin' && this.canonPath.length > 3) {
         return false // should not show draft buttons for "grouped" values
       } else {
-        return this.realDraftMode && this.draft !== this.state
+        return this.realDraftMode && !isEqual(this.draft, this.state)
       }
     },
-    canHardReset () {
-      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths &&
-             this.$store.state.adminSettings.modifiedPaths.has(this.canonPath.join(' -> '))
+    canHardReset() {
+      return (
+        this.realSource === 'admin' &&
+        this.$store.state.adminSettings.modifiedPaths?.has(
+          this.canonPath.join(' -> '),
+        )
+      )
+    },
+    matchesExpertLevel() {
+      const settingExpertLevel = this.expert || 0
+      const userToggleExpert =
+        useMergedConfigStore().mergedConfig.expertLevel || 0
+
+      return settingExpertLevel <= userToggleExpert
     },
-    matchesExpertLevel () {
-      return (this.expert || 0) <= this.$store.state.config.expertLevel > 0
-    }
   },
   methods: {
-    getValue (e) {
+    getValue(e) {
       return e.target.value
     },
-    update (e) {
+    update(e) {
       if (this.realDraftMode) {
         this.draft = this.getValue(e)
       } else {
         this.configSink(this.path, this.getValue(e))
       }
     },
-    commitDraft () {
+    commitDraft() {
       if (this.realDraftMode) {
         this.configSink(this.path, this.draft)
       }
     },
-    reset () {
+    reset() {
       if (this.realDraftMode) {
         this.draft = cloneDeep(this.state)
       } else {
-        set(this.$store.getters.mergedConfig, this.path, cloneDeep(this.defaultState))
+        set(
+          useMergedConfigStore().mergedConfig,
+          this.path,
+          cloneDeep(this.defaultState),
+        )
       }
     },
-    hardReset () {
+    hardReset() {
       switch (this.realSource) {
         case 'admin':
-          return this.$store.dispatch('resetAdminSetting', { path: this.path })
-            .then(() => { this.draft = this.state })
+          return this.$store
+            .dispatch('resetAdminSetting', { path: this.path })
+            .then(() => {
+              this.draft = this.state
+            })
         default:
           console.warn('Hard reset not implemented yet!')
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/shared_computed_object.js b/src/components/settings_modal/helpers/shared_computed_object.js
index bb3d36ac4..39e0b5b9c 100644
--- a/src/components/settings_modal/helpers/shared_computed_object.js
+++ b/src/components/settings_modal/helpers/shared_computed_object.js
@@ -1,19 +1,18 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const SharedComputedObject = () => ({
-  user () {
-    return this.$store.state.users.currentUser
-  },
-  expertLevel () {
-    return this.$store.getters.mergedConfig.expertLevel > 0
-  },
-  mergedConfig () {
-    return this.$store.getters.mergedConfig
-  },
-  adminConfig () {
-    return this.$store.state.adminSettings.config
-  },
-  adminDraft () {
-    return this.$store.state.adminSettings.draft
-  }
+  ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
+  ...mapPiniaState(useMergedConfigStore, {
+    expertLevel: (store) => store.mergedConfig.expertLevel,
+  }),
+  ...mapState({
+    adminConfig: (state) => state.adminSettings.config,
+    adminDraft: (state) => state.adminSettings.draft,
+    user: (state) => state.users.currentUser,
+  }),
 })
 
 export default SharedComputedObject
diff --git a/src/components/settings_modal/helpers/string_setting.js b/src/components/settings_modal/helpers/string_setting.js
index b368cfc8c..327654ff1 100644
--- a/src/components/settings_modal/helpers/string_setting.js
+++ b/src/components/settings_modal/helpers/string_setting.js
@@ -1,5 +1,5 @@
 import Setting from './setting.js'
 
 export default {
-  ...Setting
+  ...Setting,
 }
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index d0c70b150..af84590b2 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -1,13 +1,20 @@
 <template>
-  <label
+  <span
     v-if="matchesExpertLevel"
-    class="StringSetting"
+    class="StringSetting setting-item"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <LocalSettingIndicator :is-local="isLocalSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -16,21 +23,17 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
     <input
       :id="path"
-      class="input string-input"
+      class="setting-control input string-input"
+      :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
       :value="realDraftMode ? draft : state"
       @change="update"
     >
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
@@ -38,7 +41,7 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+  </span>
 </template>
 
 <script src="./string_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/tuple_setting.js b/src/components/settings_modal/helpers/tuple_setting.js
new file mode 100644
index 000000000..88019c901
--- /dev/null
+++ b/src/components/settings_modal/helpers/tuple_setting.js
@@ -0,0 +1,16 @@
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  methods: {
+    ...Setting.methods,
+    getValue({ e, side }) {
+      const [a, b] = this.visibleState || []
+      if (side === 0) {
+        return { tuple: [e.target.value, b] }
+      } else {
+        return { tuple: [a, e.target.value] }
+      }
+    },
+  },
+}
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
new file mode 100644
index 000000000..7835b9218
--- /dev/null
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -0,0 +1,58 @@
+<template>
+  <span
+    v-if="matchesExpertLevel"
+    class="setting-item"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <LocalSettingIndicator :is-local="isLocalSetting" />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <span class="setting-control">
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
+        :value="visibleState?.tuple?.[0]"
+        @change="e => update({ e, side: 0 })"
+      >
+      {{ ' ' }}
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+        :value="visibleState?.tuple?.[1]"
+        @change="e => update({ e, side: 1 })"
+      >
+    </span>
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </span>
+</template>
+
+<script src="./tuple_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/unit_setting.js b/src/components/settings_modal/helpers/unit_setting.js
index daeddd813..99f4ac38e 100644
--- a/src/components/settings_modal/helpers/unit_setting.js
+++ b/src/components/settings_modal/helpers/unit_setting.js
@@ -1,7 +1,23 @@
 import Select from 'src/components/select/select.vue'
 import Setting from './setting.js'
 
-export const allCssUnits = ['cm', 'mm', 'in', 'px', 'pt', 'pc', 'em', 'ex', 'ch', 'rem', 'vw', 'vh', 'vmin', 'vmax', '%']
+export const allCssUnits = [
+  'cm',
+  'mm',
+  'in',
+  'px',
+  'pt',
+  'pc',
+  'em',
+  'ex',
+  'ch',
+  'rem',
+  'vw',
+  'vh',
+  'vmin',
+  'vmax',
+  '%',
+]
 export const defaultHorizontalUnits = ['px', 'rem', 'vw']
 export const defaultVerticalUnits = ['px', 'rem', 'vh']
 
@@ -9,47 +25,51 @@ export default {
   ...Setting,
   components: {
     ...Setting.components,
-    Select
+    Select,
   },
   props: {
     ...Setting.props,
     min: Number,
     units: {
       type: Array,
-      default: () => allCssUnits
+      default: () => allCssUnits,
     },
     unitSet: {
       type: String,
-      default: 'none'
+      default: 'none',
     },
     step: {
       type: Number,
-      default: 1
+      default: 1,
     },
     resetDefault: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
   computed: {
     ...Setting.computed,
-    stateUnit () {
-      return typeof this.state === 'string' ? this.state.replace(/[0-9,.]+/, '') : ''
+    stateUnit() {
+      return typeof this.state === 'string'
+        ? this.state.replace(/[0-9,.]+/, '')
+        : ''
+    },
+    stateValue() {
+      return typeof this.state === 'string'
+        ? this.state.replace(/[^0-9,.]+/, '')
+        : ''
     },
-    stateValue () {
-      return typeof this.state === 'string' ? this.state.replace(/[^0-9,.]+/, '') : ''
-    }
   },
   methods: {
     ...Setting.methods,
-    getUnitString (value) {
+    getUnitString(value) {
       if (this.unitSet === 'none') return value
       return this.$t(['settings', 'units', this.unitSet, value].join('.'))
     },
-    updateValue (e) {
+    updateValue(e) {
       this.configSink(this.path, parseFloat(e.target.value) + this.stateUnit)
     },
-    updateUnit (e) {
+    updateUnit(e) {
       let value = this.stateValue
       const newUnit = e.target.value
       if (this.resetDefault) {
@@ -59,6 +79,6 @@ export default {
         }
       }
       this.configSink(this.path, value + newUnit)
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/unit_setting.vue b/src/components/settings_modal/helpers/unit_setting.vue
index 0c0d6a689..54fb84111 100644
--- a/src/components/settings_modal/helpers/unit_setting.vue
+++ b/src/components/settings_modal/helpers/unit_setting.vue
@@ -1,16 +1,21 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="UnitSetting"
+    class="UnitSetting setting-item"
   >
     <label
       :for="path"
-      class="size-label"
+      class="setting-label size-label"
     >
+      <LocalSettingIndicator :is-local="isLocalSetting" />
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      {{ ' ' }}
       <slot />
     </label>
-    {{ ' ' }}
-    <span class="no-break">
+    <span class="no-break setting-control">
       <input
         :id="path"
         class="input number-input"
@@ -38,10 +43,6 @@
       </Select>
     </span>
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
   </span>
 </template>
 
@@ -50,7 +51,7 @@
 <style lang="scss">
 .UnitSetting {
   .no-break {
-    display: inline-block;
+    display: inline-flex;
   }
 
   .number-input {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
new file mode 100644
index 000000000..e407d29e5
--- /dev/null
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -0,0 +1,209 @@
+// eslint-disable-next-line no-unused
+
+import { throttle } from 'lodash'
+import { mapState as mapPiniaState, mapState } from 'pinia'
+import { Fragment, h } from 'vue'
+
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
+import './vertical_tab_switcher.scss'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
+
+const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
+
+export default {
+  name: 'VerticalTabSwitcher',
+  props: {
+    renderOnlyFocused: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    onSwitch: {
+      required: false,
+      type: Function,
+      default: undefined,
+    },
+    activeTab: {
+      required: false,
+      type: String,
+      default: undefined,
+    },
+    bodyScrollLock: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      active: findFirstUsable(this.slots()),
+      resizeHandler: null,
+      navSide: 'tabs',
+    }
+  },
+  computed: {
+    activeIndex() {
+      // In case of controlled component
+      if (this.activeTab) {
+        return this.slots().findIndex(
+          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+        )
+      } else {
+        return this.active
+      }
+    },
+    isActive() {
+      return (tabName) => {
+        const isWanted = (slot) =>
+          slot.props && slot.props['data-tab-name'] === tabName
+        return this.$slots.default().findIndex(isWanted) === this.activeIndex
+      }
+    },
+    ...mapPiniaState(useInterfaceStore, {
+      mobileLayout: (store) => store.layoutType === 'mobile',
+    }),
+  },
+  beforeUpdate() {
+    const currentSlot = this.slots()[this.active]
+    if (!currentSlot.props) {
+      this.active = findFirstUsable(this.slots())
+    }
+  },
+  methods: {
+    clickTab(index) {
+      return (e) => {
+        e.preventDefault()
+        this.setTab(index)
+      }
+    },
+    setTab(index) {
+      if (typeof this.onSwitch === 'function') {
+        this.onSwitch.call(null, this.slots()[index].key)
+      }
+      this.active = index
+      this.changeNavSide('content')
+    },
+    changeNavSide(side) {
+      if (this.navSide !== side) {
+        this.navSide = side
+      }
+    },
+    // DO NOT put it to computed, it doesn't work (caching?)
+    slots() {
+      if (this.$slots.default()[0].type === Fragment) {
+        return this.$slots.default()[0].children
+      }
+      return this.$slots.default()
+    },
+  },
+  render() {
+    const tabs = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const classesTab = ['vertical-tab', 'menu-item']
+      if (
+        this.activeIndex === index &&
+        useInterfaceStore().layoutType !== 'mobile'
+      ) {
+        classesTab.push('-active')
+      }
+      return (
+        <button
+          disabled={props.disabled}
+          onClick={this.clickTab(index)}
+          class={classesTab.join(' ')}
+          type="button"
+          role="tab"
+          title={props.label}
+        >
+          {!props.icon ? (
+            ''
+          ) : (
+            <FAIcon class="tab-icon" size="1x" fixed-width icon={props.icon} />
+          )}
+          <span class="text">{props.label}</span>
+        </button>
+      )
+    })
+
+    const contents = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const active = this.activeIndex === index
+
+      let delayRender = slot.props['delay-render']
+      if (delayRender && active) {
+        slot.props['delay-render'] = false
+        delayRender = false
+      }
+      const renderSlot =
+        !delayRender && (!this.renderOnlyFocused || active) ? slot : ''
+
+      const headerClasses = ['tab-content-label']
+      const header = (
+        <h2 class={headerClasses}>
+          <button
+            type="button"
+            onClick={() => this.changeNavSide('tabs')}
+            title={this.$t('nav.back')}
+            class="button-unstyled"
+          >
+            <FAIcon size="lg" class="back-button-icon" icon="chevron-left" />
+          </button>
+          {props.label}
+        </h2>
+      )
+
+      const wrapperClasses = [
+        'tab-content-wrapper',
+        active ? '-active' : '-hidden',
+      ]
+      const contentClasses = ['tab-content']
+      if (props['full-width'] || props['full-width'] === '') {
+        contentClasses.push('-full-width')
+        wrapperClasses.push('-full-width')
+      }
+      if (props['full-height'] || props['full-width'] === '') {
+        contentClasses.push('-full-height')
+        wrapperClasses.push('-full-height')
+      }
+      return (
+        <div class={wrapperClasses}>
+          <div class="tab-mobile-header">{header}</div>
+          <div class="tab-slot-wrapper">
+            <div class={contentClasses}>{renderSlot}</div>
+          </div>
+        </div>
+      )
+    })
+
+    const rootClasses = ['vertical-tab-switcher']
+    if (useInterfaceStore().layoutType === 'mobile') {
+      rootClasses.push('-mobile')
+    }
+
+    if (this.navSide === 'tabs') {
+      rootClasses.push('-nav-tabs')
+    } else {
+      rootClasses.push('-nav-contents')
+    }
+
+    return (
+      <div ref="root" class={rootClasses.join(' ')}>
+        <div class="tabs" role="tablist" ref="nav">
+          {tabs}
+        </div>
+        <div
+          role="tabpanel"
+          class="contents"
+          v-body-scroll-lock={this.bodyScrollLock}
+          ref="contents"
+        >
+          {contents}
+        </div>
+      </div>
+    )
+  },
+}
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
new file mode 100644
index 000000000..cb9ac205c
--- /dev/null
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -0,0 +1,181 @@
+.vertical-tab-switcher {
+  display: flex;
+  flex-direction: row;
+  container-type: inline-size;
+
+  > .tabs {
+    flex: 0 0 15em;
+    flex-direction: column;
+    overflow: hidden auto;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 15em;
+    min-width: 15em;
+    border-right: 1px solid;
+    border-right-color: var(--border);
+    box-sizing: border-box;
+
+    > .menu-item {
+      padding: 0.5em 1em;
+
+      .tab-icon {
+        vertical-align: middle;
+        margin-right: 0.75em;
+      }
+    }
+  }
+
+  > .contents {
+    .tab-content-label {
+      box-sizing: border-box;
+      margin: 0;
+      border-bottom: 1px solid var(--border);
+      display: none;
+
+      button {
+        box-sizing: border-box;
+        padding: 0.5em;
+      }
+    }
+
+    .tab-slot-wrapper {
+      flex: 1 1 auto;
+      height: 100%;
+      overflow-y: auto;
+      display: grid;
+      grid-template-columns: minmax(1em, 1fr) minmax(min-content, 45em) minmax(1em, 1fr);
+      grid-template-areas: ". content .";
+      flex-direction: column;
+
+      .tab-content {
+        grid-area: content;
+
+        &.-full-width {
+          grid-column: 1 / 4;
+        }
+
+        &.-full-height {
+          > * {
+            height: 100%;
+          }
+        }
+      }
+    }
+
+    .tab-content-wrapper {
+      flex: 1 1 auto;
+      height: 100%;
+
+      &.-hidden {
+        display: none;
+      }
+    }
+  }
+
+  &.-mobile {
+    > .contents {
+      .tab-content-label {
+        display: block
+      }
+    }
+
+    &.-nav-contents {
+      > .contents {
+        display: block;
+        flex-grow: 1;
+        flex-shrink: 1;
+      }
+
+      > .tabs {
+        display: none;
+        flex-grow: 0;
+        flex-shrink: 1;
+      }
+    }
+
+    &.-nav-tabs {
+      > .tabs {
+        display: block;
+        flex-grow: 1;
+      }
+
+      > .contents {
+        display: none;
+        flex-grow: 0;
+        flex-shrink: 1;
+      }
+    }
+
+    .tab-slot-wrapper {
+      grid-template-columns: 0 minmax(min-content, 45em) 0;
+    }
+  }
+
+  @supports (container-type: inline-size) {
+    &,
+    &.-mobile {
+      &.-nav-contents,
+      &.-nav-tabs {
+        /* I THINK it's a false positive and eslint doesn't understand the @-rule */
+        /* stylelint-disable no-descending-specificity */
+        > .contents {
+          display: block;
+          flex-grow: 1;
+        }
+
+        > .tabs {
+          display: block;
+          flex-grow: 0;
+        }
+        /* stylelint-enable no-descending-specificity */
+      }
+    }
+
+    @container (width < 50em) {
+      > .contents {
+        .tab-content-label {
+          display: block
+        }
+      }
+
+      &.-mobile {
+        > .contents {
+          .tab-content-label {
+            display: block
+          }
+        }
+      }
+
+      &,
+      &.-mobile {
+        &.-nav-contents {
+          > .contents {
+            display: block;
+            flex-grow: 1;
+          }
+
+          > .tabs {
+            display: none;
+            flex-grow: 0;
+            flex-shrink: 1;
+          }
+        }
+
+        &.-nav-tabs {
+          /* stylelint-disable no-descending-specificity */
+          > .tabs {
+            display: block;
+            flex-grow: 1;
+          }
+
+          > .contents {
+            display: none;
+            flex-grow: 0;
+            flex-shrink: 1;
+          }
+          /* stylelint-enable no-descending-specificity */
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index b4677fe7f..4ca2857b2 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -1,27 +1,33 @@
-import Modal from 'src/components/modal/modal.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import { cloneDeep, isEqual } from 'lodash'
+import { mapActions, mapState } from 'pinia'
+
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
-import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
-import Popover from '../popover/popover.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { cloneDeep, isEqual } from 'lodash'
-import { mapState, mapActions } from 'pinia'
+import Modal from 'src/components/modal/modal.vue'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import Popover from '../popover/popover.vue'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import { LOCAL_ONLY_KEYS } from 'src/modules/default_config_state.js'
 import {
+  newExporter,
   newImporter,
-  newExporter
 } from 'src/services/export_import/export_import.js'
+import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
 import {
-  faTimes,
-  faFileUpload,
+  faChevronDown,
   faFileDownload,
-  faChevronDown
+  faFileUpload,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faWindowMinimize
-} from '@fortawesome/free-regular-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
 const PLEROMAFE_SETTINGS_MINOR_VERSION = 0
@@ -31,25 +37,25 @@ library.add(
   faWindowMinimize,
   faFileUpload,
   faFileDownload,
-  faChevronDown
+  faChevronDown,
 )
 
 const SettingsModal = {
-  data () {
+  data() {
     return {
       dataImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       dataThemeExporter: newExporter({
         filename: 'pleromafe_settings.full',
-        getExportedObject: () => this.generateExport(true)
+        getExportedObject: () => this.generateExport(true),
       }),
       dataExporter: newExporter({
         filename: 'pleromafe_settings',
-        getExportedObject: () => this.generateExport()
-      })
+        getExportedObject: () => this.generateExport(),
+      }),
     }
   },
   components: {
@@ -62,29 +68,29 @@ const SettingsModal = {
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
+        delay: 0,
+      },
     ),
     SettingsModalAdminContent: getResettableAsyncComponent(
       () => import('./settings_modal_admin_content.vue'),
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
-    )
+        delay: 0,
+      },
+    ),
   },
   methods: {
-    closeModal () {
+    closeModal() {
       useInterfaceStore().closeSettingsModal()
     },
-    peekModal () {
+    peekModal() {
       useInterfaceStore().togglePeekSettingsModal()
     },
-    importValidator (data) {
+    importValidator(data) {
       if (!Array.isArray(data._pleroma_settings_version)) {
         return {
-          messageKey: 'settings.file_import_export.invalid_file'
+          messageKey: 'settings.file_import_export.invalid_file',
         }
       }
 
@@ -95,8 +101,8 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_new',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
@@ -105,94 +111,135 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_old',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
       if (minor > PLEROMAFE_SETTINGS_MINOR_VERSION) {
         useInterfaceStore().pushGlobalNotice({
           level: 'warning',
-          messageKey: 'settings.file_export_import.errors.file_slightly_new'
+          messageKey: 'settings.file_export_import.errors.file_slightly_new',
         })
       }
 
       return true
     },
-    onImportFailure (result) {
+    onImportFailure(result) {
       if (result.error) {
-        useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_settings_imported', level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'settings.invalid_settings_imported',
+          level: 'error',
+        })
       } else {
-        useInterfaceStore().pushGlobalNotice({ ...result.validationResult, level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          ...result.validationResult,
+          level: 'error',
+        })
       }
     },
-    onImport (data) {
-      if (data) { this.$store.dispatch('loadSettings', data) }
+    onImport(data) {
+      if (data) {
+        Object.entries(data).forEach(([path, value]) => {
+          if (LOCAL_ONLY_KEYS.has(path)) {
+            useLocalConfigStore().set({ path, value })
+          } else {
+            if (path.startsWith('muteFilters')) {
+              Object.keys(
+                useMergedConfigStore().mergedConfig.muteFilters,
+              ).forEach((key) => {
+                useSyncConfigStore().unsetPreference({
+                  path: `simple.${path}.${key}`,
+                })
+              })
+
+              Object.entries(value).forEach(([key, filter]) => {
+                useSyncConfigStore().setPreference({
+                  path: `simple.${path}.${key}`,
+                  value: filter,
+                })
+              })
+            } else {
+              useSyncConfigStore().setPreference({
+                path: `simple.${path}`,
+                value,
+              })
+            }
+          }
+        })
+        useSyncConfigStore().pushSyncConfig()
+      }
     },
-    restore () {
+    restore() {
       this.dataImporter.importData()
     },
-    backup () {
+    backup() {
       this.dataExporter.exportData()
     },
-    backupWithTheme () {
+    backupWithTheme() {
       this.dataThemeExporter.exportData()
     },
-    generateExport (theme = false) {
-      const { config } = this.$store.state
+    generateExport(theme = false) {
+      const config = useMergedConfigStore().mergedConfigWithoutDefaults
       let sample = config
       if (!theme) {
         const ignoreList = new Set([
           'customTheme',
           'customThemeSource',
-          'colors'
+          'colors',
         ])
         sample = Object.fromEntries(
-          Object
-            .entries(sample)
-            .filter(([key]) => !ignoreList.has(key))
+          Object.entries(sample).filter(
+            ([key, value]) => !ignoreList.has(key) && value !== undefined,
+          ),
         )
       }
       const clone = cloneDeep(sample)
       clone._pleroma_settings_version = [
         PLEROMAFE_SETTINGS_MAJOR_VERSION,
-        PLEROMAFE_SETTINGS_MINOR_VERSION
+        PLEROMAFE_SETTINGS_MINOR_VERSION,
       ]
       return clone
     },
-    resetAdminDraft () {
+    resetAdminDraft() {
       this.$store.commit('resetAdminDraft')
     },
-    pushAdminDraft () {
+    pushAdminDraft() {
       this.$store.dispatch('pushAdminDraft')
     },
-    ...mapActions(useInterfaceStore, ['temporaryChangesRevert', 'temporaryChangesConfirm'])
+    ...mapActions(useInterfaceStore, [
+      'temporaryChangesRevert',
+      'temporaryChangesConfirm',
+    ]),
   },
   computed: {
     ...mapState(useInterfaceStore, {
-      temporaryChangesTimeoutId: store => store.temporaryChangesTimeoutId,
-      currentSaveStateNotice: store => store.settings.currentSaveStateNotice,
-      modalActivated: store => store.settingsModalState !== 'hidden',
-      modalMode: store => store.settingsModalMode,
-      modalOpenedOnceUser: store => store.settingsModalLoadedUser,
-      modalOpenedOnceAdmin: store => store.settingsModalLoadedAdmin,
-      modalPeeked: store => store.settingsModalState === 'minimized'
+      temporaryChangesCountdown: (store) => store.temporaryChangesCountdown,
+      currentSaveStateNotice: (store) => store.settings.currentSaveStateNotice,
+      modalActivated: (store) => store.settingsModalState !== 'hidden',
+      modalMode: (store) => store.settingsModalMode,
+      modalOpenedOnceUser: (store) => store.settingsModalLoadedUser,
+      modalOpenedOnceAdmin: (store) => store.settingsModalLoadedAdmin,
+      modalPeeked: (store) => store.settingsModalState === 'minimized',
     }),
     expertLevel: {
-      get () {
-        return this.$store.state.config.expertLevel > 0
+      get() {
+        return useMergedConfigStore().mergedConfig.expertLevel > 0
+      },
+      set(value) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'expertLevel',
+          value: value ? 1 : 0,
+        })
       },
-      set (value) {
-        this.$store.dispatch('setOption', { name: 'expertLevel', value: value ? 1 : 0 })
-      }
     },
-    adminDraftAny () {
+    adminDraftAny() {
       return !isEqual(
         this.$store.state.adminSettings.config,
-        this.$store.state.adminSettings.draft
+        this.$store.state.adminSettings.draft,
       )
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModal
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 2c975917f..371498a96 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -1,48 +1,170 @@
 .settings-modal {
   overflow: hidden;
 
-  h4 {
+  h2 {
+    font-size: 1.3rem;
+    font-weight: 500;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    margin-right: 1em;
+  }
+
+  h3 {
+    font-size: 1.2rem;
+    font-weight: 500;
+    margin-top: 1em;
     margin-bottom: 0.5em;
+    margin-right: 1em;
+    border-bottom: 1px solid var(--border);
+    padding-bottom: 0.25em;
+    box-sizing: border-box;
+    padding-left: 0.5em;
+  }
+
+  h4 {
+    font-size: 1.1rem;
+    margin-top: 1em;
+    margin-right: 1em;
+    margin-bottom: 0.5em;
+    margin-left: 1em;
+  }
+
+  h5 {
+    font-size: 1rem;
+    margin-left: 1em;
+    margin-bottom: 0.25em;
+    margin-top: 0.75em;
+  }
+
+  p {
+    line-height: 1.5;
+  }
+
+  .suboptions {
+    margin-left: 1em;
+  }
+
+  .sidenote {
+    margin-left: 5em;
+    padding: 0.25em 1em;
+    margin-top: 0.25em;
+  }
+
+  .setting-description {
+    margin-top: 0.2em;
+    margin-bottom: 0;
+    font-size: 80%;
+  }
+
+  .setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      "label desc"
+      ".     draft";
+    grid-template-columns: 4fr 5fr;
+    column-gap: 0.5em;
+    align-items: baseline;
+    padding: 0.5em 0;
+
+    .setting-label {
+      grid-area: label;
+      text-align: right;
+    }
+
+    .ModifiedIndicator,
+    .LocalSettingIndicator {
+      grid-area: indicator;
+    }
+
+    .setting-control {
+      grid-area: control;
+
+      &.textarea {
+        align-self: baseline;
+        overflow: auto;
+      }
+
+      &.checkbox {
+        display: grid;
+        grid-template-columns: subgrid;
+
+        .label {
+          grid-area: label;
+          text-align: right;
+        }
+
+        .checkbox-indicator {
+          grid-area: control;
+        }
+
+        .-mobile & {
+          .label {
+            text-align: left;
+          }
+        }
+      }
+    }
+
+    .setting-control.setting-label {
+      grid-column: 1 / 3;
+      text-align: left;
+    }
+
+    .setting-description {
+      grid-area: desc;
+    }
+
+    .DraftButtons {
+      grid-area: draft;
+    }
+  }
+
+  .vertical-tab-switcher {
+    height: 100%;
   }
 
   .setting-list,
   .option-list {
     list-style-type: none;
-    padding-left: 2em;
+    padding-left: 0;
+    margin: 0;
 
     .btn:not(.dropdown-button) {
       padding: 0 2em;
     }
 
-    li {
-      margin-bottom: 0.5em;
-    }
-
-    .suboptions {
-      margin-top: 0.3em;
+    .btn-group {
+      .button-default {
+        flex: 0 1 auto;
+      }
     }
 
     &.two-column {
-      column-count: 2;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      margin-left: 2em;
+      border-bottom: 1px solid var(--border);
+      padding-bottom: 0.5em;
+      margin-bottom: 1em;
+
+      .setting-item {
+        grid-template-columns: 3fr 1fr;
+      }
 
       > li {
+        margin: 0;
         break-inside: avoid;
       }
     }
   }
 
-  .setting-description {
-    margin-top: 0.2em;
-    margin-bottom: 2em;
-    font-size: 70%;
-  }
-
   .settings-modal-panel {
     overflow: hidden;
     transition: transform;
     transition-timing-function: ease-in-out;
     transition-duration: 300ms;
-    width: 1000px;
+    width: 70em;
     max-width: 90vw;
     height: 90vh;
 
@@ -77,18 +199,49 @@
   }
 
   &.-mobile {
-    .setting-list,
-    .option-list {
-      padding-left: 0.25em;
+    .tabs {
+      .menu-item {
+        font-size: 1.2em;
+        padding-top: 0.75em;
+        padding-bottom: 0.75em;
+      }
+    }
 
-      > li {
-        margin: 1em 0;
-        line-height: 1.5em;
-        vertical-align: middle;
+    /* stylelint-disable no-descending-specificity */
+    .setting-item {
+      grid-template-columns: 1fr min-content;
+      column-gap: 0.5em;
+      padding: 1em;
+      align-items: center;
+
+      .setting-label {
+        text-align: left;
       }
 
+      .checkbox {
+        .label {
+          text-align: left;
+          margin-left: 0;
+        }
+      }
+    }
+
+    ul {
+      padding: 0;
+
+      li:not(:first-child) {
+        .setting-item {
+          border-top: 1px solid var(--border);
+        }
+      }
+    }
+
+
+
+    .setting-list:not(.suboptions),
+    .option-list {
       &.two-column {
-        column-count: 1;
+        grid-template-columns: 1fr;
       }
     }
   }
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index b4ccba191..d2b4f60ee 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -158,14 +158,14 @@
     </div>
     <teleport to="#modal">
       <ConfirmModal
-        v-if="temporaryChangesTimeoutId"
+        v-if="temporaryChangesCountdown > 0"
         :title="$t('settings.confirm_new_setting')"
         :cancel-text="$t('settings.revert')"
         :confirm-text="$t('settings.confirm')"
         @cancelled="temporaryChangesRevert"
         @accepted="temporaryChangesConfirm"
       >
-        {{ $t('settings.confirm_new_question') }}
+        {{ $t('settings.confirm_new_question_countdown', temporaryChangesCountdown) }}
       </ConfirmModal>
     </teleport>
   </Modal>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 593318ec4..6cd760833 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,79 +1,123 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-
-import InstanceTab from './admin_tabs/instance_tab.vue'
-import LimitsTab from './admin_tabs/limits_tab.vue'
-import FrontendsTab from './admin_tabs/frontends_tab.vue'
+import AuthTab from './admin_tabs/auth_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
-import { useInterfaceStore } from 'src/stores/interface'
+import FederationTab from './admin_tabs/federation_tab.vue'
+import FrontendsTab from './admin_tabs/frontends_tab.vue'
+import HTTPTab from './admin_tabs/http_tab.vue'
+import InstanceTab from './admin_tabs/instance_tab.vue'
+import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
+import LimitsTab from './admin_tabs/limits_tab.vue'
+import LinksTab from './admin_tabs/links_tab.vue'
+import MailerTab from './admin_tabs/mailer_tab.vue'
+import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
+import MonitoringTab from './admin_tabs/monitoring_tab.vue'
+import OtherTab from './admin_tabs/other_tab.vue'
+import PostsTab from './admin_tabs/posts_tab.vue'
+import RatesTab from './admin_tabs/rates_tab.vue'
+import RegistrationsTab from './admin_tabs/registrations_tab.vue'
+import UploadsTab from './admin_tabs/uploads_tab.vue'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
+  faChain,
+  faChartLine,
+  faCircleNodes,
+  faDoorOpen,
+  faEllipsis,
+  faEnvelope,
+  faGauge,
+  faGears,
+  faGlobe,
   faHand,
+  faKey,
   faLaptopCode,
-  faPaintBrush,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo
+  faMessage,
+  faTowerBroadcast,
+  faUpload,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
   faWrench,
   faHand,
+  faChain,
+  faGlobe,
   faLaptopCode,
-  faPaintBrush,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo
+  faTowerBroadcast,
+  faEnvelope,
+  faChartLine,
+  faDoorOpen,
+  faGears,
+  faKey,
+  faCircleNodes,
+  faUpload,
+  faMessage,
+  faEllipsis,
+  faGauge,
 )
 
 const SettingsModalAdminContent = {
   components: {
-    TabSwitcher,
+    VerticalTabSwitcher,
 
     InstanceTab,
-    LimitsTab,
+    RegistrationsTab,
+    EmojiTab,
     FrontendsTab,
-    EmojiTab
+    FederationTab,
+    LimitsTab,
+    MailerTab,
+    UploadsTab,
+    MediaProxyTab,
+    LinksTab,
+    JobQueuesTab,
+    AuthTab,
+    HTTPTab,
+    MonitoringTab,
+    RatesTab,
+    OtherTab,
+    PostsTab,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    open () {
+    open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
     },
-    bodyLock () {
+    bodyLock() {
       return useInterfaceStore().settingsModalState === 'visible'
     },
-    adminDbLoaded () {
+    adminDbLoaded() {
       return this.$store.state.adminSettings.loaded
     },
-    adminDescriptionsLoaded () {
+    adminDescriptionsLoaded() {
       return this.$store.state.adminSettings.descriptions !== null
     },
-    noDb () {
+    noDb() {
       return this.$store.state.adminSettings.dbConfigEnabled === false
-    }
+    },
   },
-  created () {
+  created() {
     if (this.user.rights.admin) {
       this.$store.dispatch('loadAdminStuff')
     }
   },
   methods: {
-    onOpen () {
+    onOpen() {
       const targetTab = useInterfaceStore().settingsModalTargetTab
       // We're being told to open in specific tab
       if (targetTab) {
-        const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
-          return elm.props && elm.props['data-tab-name'] === targetTab
-        })
+        const tabIndex = this.$refs.tabSwitcher.$slots
+          .default()
+          .findIndex((elm) => {
+            return elm.props && elm.props['data-tab-name'] === targetTab
+          })
         if (tabIndex >= 0) {
           this.$refs.tabSwitcher.setTab(tabIndex)
         }
@@ -81,16 +125,16 @@ const SettingsModalAdminContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.onOpen()
   },
   watch: {
     open: function (value) {
       if (value) this.onOpen()
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModalAdminContent
diff --git a/src/components/settings_modal/settings_modal_admin_content.scss b/src/components/settings_modal/settings_modal_admin_content.scss
deleted file mode 100644
index c1a25cf1e..000000000
--- a/src/components/settings_modal/settings_modal_admin_content.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  .setting-item {
-    border-bottom: 2px solid var(--border);
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      display: block;
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 0.5em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 39ef74f64..94f843871 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -1,8 +1,8 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     v-if="adminDescriptionsLoaded && (noDb || adminDbLoaded)"
     ref="tabSwitcher"
-    class="settings_tab-switcher"
+    class="settings-admin-content settings_tab-switcher"
     :side-tab-bar="true"
     :scrollable-tabs="true"
     :render-only-focused="true"
@@ -15,7 +15,7 @@
       data-tab-name="nodb-notice"
     >
       <div :label="$t('admin_dash.tabs.nodb')">
-        <div class="setting-item">
+        <div class="setting-section">
           <h2>{{ $t('admin_dash.nodb.heading') }}</h2>
           <i18n-t
             scope="global"
@@ -48,6 +48,41 @@
     >
       <InstanceTab />
     </div>
+
+    <div
+      :label="$t('admin_dash.tabs.registrations')"
+      icon="door-open"
+      data-tab-name="registrations"
+    >
+      <RegistrationsTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.auth')"
+      icon="key"
+      data-tab-name="monitoring"
+    >
+      <AuthTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.emoji')"
+      icon="face-smile-beam"
+      data-tab-name="emoji"
+      full-width
+    >
+      <EmojiTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.frontends')"
+      icon="laptop-code"
+      data-tab-name="frontends"
+      full-width
+    >
+      <FrontendsTab />
+    </div>
+
     <div
       v-if="adminDbLoaded"
       :label="$t('admin_dash.tabs.limits')"
@@ -56,24 +91,104 @@
     >
       <LimitsTab />
     </div>
+
     <div
-      :label="$t('admin_dash.tabs.frontends')"
-      icon="laptop-code"
-      data-tab-name="frontends"
+      v-if="adminDbLoaded"
+      :label="$t('admin_dash.tabs.rate_limit')"
+      icon="gauge"
+      data-tab-name="rate_limits"
     >
-      <FrontendsTab />
+      <RatesTab />
     </div>
 
     <div
-      :label="$t('admin_dash.tabs.emoji')"
-      icon="face-smile-beam"
-      data-tab-name="emoji"
+      :label="$t('admin_dash.tabs.uploads')"
+      icon="upload"
+      data-tab-name="uploads"
     >
-      <EmojiTab />
+      <UploadsTab />
     </div>
-  </tab-switcher>
+
+    <div
+      :label="$t('admin_dash.tabs.media_proxy')"
+      icon="tower-broadcast"
+      data-tab-name="media_proxy"
+    >
+      <MediaProxyTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.posts')"
+      icon="message"
+      data-tab-name="other"
+    >
+      <PostsTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.links')"
+      icon="chain"
+      data-tab-name="links"
+    >
+      <LinksTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.mailer')"
+      icon="envelope"
+      data-tab-name="mailer"
+    >
+      <MailerTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.federation')"
+      icon="circle-nodes"
+      data-tab-name="monitoring"
+    >
+      <FederationTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.http')"
+      icon="globe"
+      data-tab-name="http"
+    >
+      <HTTPTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.job_queues')"
+      icon="gears"
+      data-tab-name="job_queues"
+    >
+      <JobQueuesTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.monitoring')"
+      icon="chart-line"
+      data-tab-name="monitoring"
+    >
+      <MonitoringTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.other')"
+      icon="ellipsis"
+      data-tab-name="other"
+    >
+      <OtherTab />
+    </div>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./settings_modal_admin_content.js"></script>
 
-<style src="./settings_modal_admin_content.scss" lang="scss"></style>
+<style lang="scss">
+.settings-admin-content {
+  .setting-item {
+    grid-template-columns: 1fr 3fr;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index c46b477d8..6e5d2addc 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,48 +1,61 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
+import AppearanceTab from './tabs/appearance_tab.vue'
+import ClutterTab from './tabs/clutter_tab.vue'
+import ComposingTab from './tabs/composing_tab.vue'
 import DataImportExportTab from './tabs/data_import_export_tab.vue'
+import DeveloperTab from './tabs/developer_tab.vue'
+import FilteringTab from './tabs/filtering_tab.vue'
+import GeneralTab from './tabs/general_tab.vue'
+import LayoutTab from './tabs/layout_tab.vue'
 import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
 import NotificationsTab from './tabs/notifications_tab.vue'
-import FilteringTab from './tabs/filtering_tab.vue'
-import SecurityTab from './tabs/security_tab/security_tab.vue'
+import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
+import PostsTab from './tabs/posts_tab.vue'
 import ProfileTab from './tabs/profile_tab.vue'
-import GeneralTab from './tabs/general_tab.vue'
-import AppearanceTab from './tabs/appearance_tab.vue'
-import VersionTab from './tabs/version_tab.vue'
-import ThemeTab from './tabs/theme_tab/theme_tab.vue'
+import SecurityTab from './tabs/security_tab/security_tab.vue'
 import StyleTab from './tabs/style_tab/style_tab.vue'
 
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
-  faUser,
-  faFilter,
-  faPaintBrush,
-  faPalette,
   faBell,
+  faBroom,
+  faCode,
+  faColumns,
   faDownload,
   faEyeSlash,
-  faInfo,
-  faWindowRestore
+  faFilter,
+  faLock,
+  faMessage,
+  faPaintBrush,
+  faPalette,
+  faUser,
+  faWindowRestore,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(
   faWrench,
   faUser,
-  faFilter,
-  faPaintBrush,
-  faPalette,
+  faMessage,
+  faWindowRestore,
+  faColumns,
   faBell,
-  faDownload,
+  faFilter,
   faEyeSlash,
-  faInfo,
-  faWindowRestore
+  faBroom,
+  faLock,
+  faDownload,
+  faPalette,
+  faPaintBrush,
+  faCode,
 )
 
 const SettingsModalContent = {
   components: {
-    TabSwitcher,
+    VerticalTabSwitcher,
 
     DataImportExportTab,
     MutesAndBlocksTab,
@@ -51,36 +64,45 @@ const SettingsModalContent = {
     SecurityTab,
     ProfileTab,
     GeneralTab,
+    PostsTab,
+    ComposingTab,
+    ClutterTab,
+    LayoutTab,
     AppearanceTab,
     StyleTab,
-    VersionTab,
-    ThemeTab
+    DeveloperTab,
+    OldThemeTab,
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    open () {
+    open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
     },
-    bodyLock () {
+    bodyLock() {
       return useInterfaceStore().settingsModalState === 'visible'
     },
-    expertLevel () {
-      return this.$store.state.config.expertLevel
+    expertLevel() {
+      return useMergedConfigStore().mergedConfig.expertLevel
     },
-    isMobileLayout () {
-      return useInterfaceStore().layoutType === 'mobile'
+  },
+  data() {
+    return {
+      navCollapsed: false,
+      navHideHeader: false,
     }
   },
   methods: {
-    onOpen () {
+    onOpen() {
       const targetTab = useInterfaceStore().settingsModalTargetTab
       // We're being told to open in specific tab
       if (targetTab) {
-        const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
-          return elm.props && elm.props['data-tab-name'] === targetTab
-        })
+        const tabIndex = this.$refs.tabSwitcher.$slots
+          .default()
+          .findIndex((elm) => {
+            return elm.props && elm.props['data-tab-name'] === targetTab
+          })
         if (tabIndex >= 0) {
           this.$refs.tabSwitcher.setTab(tabIndex)
         }
@@ -88,16 +110,16 @@ const SettingsModalContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.onOpen()
   },
   watch: {
     open: function (value) {
       if (value) this.onOpen()
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModalContent
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
deleted file mode 100644
index 25e9bda3a..000000000
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  h1 {
-    margin-bottom: 0.5em;
-    margin-top: 0.5em;
-  }
-
-  h4 {
-    margin-bottom: 0;
-    margin-top: 0.25em;
-  }
-
-  h5 {
-    margin-bottom: 0;
-    margin-top: 0.25em;
-  }
-
-  .setting-item {
-    border-bottom: 2px solid var(--border);
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 1em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index f9a1e99bc..139622781 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -1,10 +1,10 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     ref="tabSwitcher"
     class="settings_tab-switcher"
-    :side-tab-bar="true"
     :scrollable-tabs="true"
     :body-scroll-lock="bodyLock"
+    :hide-header="navHideHeader"
   >
     <div
       :label="$t('settings.general')"
@@ -14,6 +14,33 @@
       <GeneralTab />
     </div>
     <div
+      v-if="isLoggedIn"
+      :label="$t('settings.profile_tab')"
+      icon="user"
+      data-tab-name="profile"
+      :full-width="true"
+    >
+      <ProfileTab />
+    </div>
+    <div
+      v-if="isLoggedIn"
+      :label="$t('settings.composing')"
+      icon="pen-alt"
+      data-tab-name="composing"
+      :delay-render="true"
+    >
+      <ComposingTab />
+    </div>
+    <div
+      :label="$t('settings.posts')"
+      icon="message"
+      data-tab-name="posts"
+      :delay-render="true"
+    >
+      <PostsTab />
+    </div>
+    <div
+      :full-width="true"
       :label="$t('settings.appearance')"
       icon="window-restore"
       data-tab-name="appearance"
@@ -22,47 +49,22 @@
       <AppearanceTab />
     </div>
     <div
-      v-if="expertLevel > 0"
-      :label="$t('settings.style.themes3.editor.title')"
-      icon="palette"
-      data-tab-name="style"
+      :label="$t('settings.layout')"
+      icon="table-columns"
+      data-tab-name="layout"
       :delay-render="true"
     >
-      <StyleTab />
-    </div>
-    <div
-      v-if="expertLevel > 0"
-      :label="$t('settings.theme_old')"
-      icon="paint-brush"
-      data-tab-name="theme"
-      :delay-render="true"
-    >
-      <ThemeTab />
-    </div>
-    <div
-      v-if="isLoggedIn"
-      :label="$t('settings.profile_tab')"
-      icon="user"
-      data-tab-name="profile"
-    >
-      <ProfileTab />
+      <LayoutTab />
     </div>
     <div
       v-if="isLoggedIn"
+      :full-width="true"
       :label="$t('settings.notifications')"
       icon="bell"
       data-tab-name="notifications"
     >
       <NotificationsTab />
     </div>
-    <div
-      v-if="isLoggedIn"
-      :label="$t('settings.security_tab')"
-      icon="lock"
-      data-tab-name="security"
-    >
-      <SecurityTab />
-    </div>
     <div
       :label="$t('settings.filtering')"
       icon="filter"
@@ -73,12 +75,28 @@
     <div
       v-if="isLoggedIn"
       :label="$t('settings.mutes_and_blocks')"
-      :fullHeight="true"
       icon="eye-slash"
       data-tab-name="mutesAndBlocks"
+      :full-width="true"
+      :full-height="true"
     >
       <MutesAndBlocksTab />
     </div>
+    <div
+      :label="$t('settings.clutter')"
+      icon="broom"
+      data-tab-name="clutter"
+    >
+      <ClutterTab />
+    </div>
+    <div
+      v-if="isLoggedIn"
+      :label="$t('settings.security_tab')"
+      icon="lock"
+      data-tab-name="security"
+    >
+      <SecurityTab />
+    </div>
     <div
       v-if="isLoggedIn"
       :label="$t('settings.data_import_export_tab')"
@@ -88,15 +106,34 @@
       <DataImportExportTab />
     </div>
     <div
-      :label="$t('settings.version.title')"
-      icon="info"
-      data-tab-name="version"
+      v-if="expertLevel > 0"
+      :label="$t('settings.style.themes3.editor.title')"
+      icon="palette"
+      data-tab-name="style"
+      :delay-render="true"
+      :full-width="true"
     >
-      <VersionTab />
+      <StyleTab />
     </div>
-  </tab-switcher>
+    <div
+      v-if="expertLevel > 0"
+      :label="$t('settings.theme_old')"
+      icon="paint-brush"
+      data-tab-name="theme"
+      :delay-render="true"
+      :full-width="true"
+    >
+      <OldThemeTab />
+    </div>
+    <div
+      v-if="expertLevel > 0"
+      :label="$t('settings.developer')"
+      icon="code"
+      data-tab-name="developer"
+    >
+      <DeveloperTab />
+    </div>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./settings_modal_user_content.js"></script>
-
-<style src="./settings_modal_user_content.scss" lang="scss"></style>
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 996f3a20c..99e267d8b 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,38 +1,30 @@
+import { mapActions } from 'pinia'
+
+import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
+import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 import UnitSetting from '../helpers/unit_setting.vue'
-import { defaultHorizontalUnits } from '../helpers/unit_setting.js'
-import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import Preview from './theme_tab/theme_preview.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
+import Preview from './old_theme_tab/theme_preview.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface.js'
 
 import { newImporter } from 'src/services/export_import/export_import.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
 import {
-  getCssRules
-} from 'src/services/theme_data/css_utils.js'
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
-import { mapActions } from 'pinia'
-import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
-
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 
 const AppearanceTab = {
-  data () {
+  data() {
     return {
       availableThemesV3: [],
       availableThemesV2: [],
@@ -43,7 +35,7 @@ const AppearanceTab = {
         validator: this.importValidator,
         onImport: this.onImport,
         parser: this.importParser,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       palettesKeys: [
         'bg',
@@ -53,25 +45,29 @@ const AppearanceTab = {
         'cRed',
         'cGreen',
         'cBlue',
-        'cOrange'
+        'cOrange',
       ],
       userPalette: {},
       intersectionObserver: null,
-      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.third_column_mode_${mode}`)
-      })),
-      forcedRoundnessOptions: ['disabled', 'sharp', 'nonsharp', 'round'].map((mode, i) => ({
-        key: mode,
-        value: i - 1,
-        label: this.$t(`settings.style.themes3.hacks.forced_roundness_mode_${mode}`)
-      })),
+      forcedRoundnessOptions: ['disabled', 'sharp', 'nonsharp', 'round'].map(
+        (mode, i) => ({
+          key: mode,
+          value: i - 1,
+          label: this.$t(
+            `settings.style.themes3.hacks.forced_roundness_mode_${mode}`,
+          ),
+        }),
+      ),
       underlayOverrideModes: ['none', 'opaque', 'transparent'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.style.themes3.hacks.underlay_override_mode_${mode}`)
-      }))
+        label: this.$t(
+          `settings.style.themes3.hacks.underlay_override_mode_${mode}`,
+        ),
+      })),
+      backgroundUploading: false,
+      background: null,
+      backgroundPreview: null,
     }
   },
   components: {
@@ -80,17 +76,15 @@ const AppearanceTab = {
     IntegerSetting,
     FloatSetting,
     UnitSetting,
-    ProfileSettingIndicator,
-    FontControl,
     Preview,
-    PaletteEditor
+    PaletteEditor,
   },
-  mounted () {
+  mounted() {
     useInterfaceStore().getThemeData()
 
     const updateIndex = (resource) => {
       const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
-      const currentIndex = this.$store.state.instance[`${resource}sIndex`]
+      const currentIndex = useInstanceStore()[`${resource}sIndex`]
 
       let promise
       if (currentIndex) {
@@ -99,117 +93,151 @@ const AppearanceTab = {
         promise = useInterfaceStore()[`fetch${capitalizedResource}sIndex`]()
       }
 
-      return promise.then(index => {
-        return Object
-          .entries(index)
-          .map(([k, func]) => [k, func()])
+      return promise.then((index) => {
+        return Object.entries(index).map(([k, func]) => [k, func()])
       })
     }
 
-    updateIndex('style').then(styles => {
-      styles.forEach(([key, stylePromise]) => stylePromise.then(data => {
-        const meta = data.find(x => x.component === '@meta')
-        this.availableThemesV3.push({ key, data, name: meta.directives.name, version: 'v3' })
-      }))
+    updateIndex('style').then((styles) => {
+      styles.forEach(([key, stylePromise]) =>
+        stylePromise.then((data) => {
+          const meta = data.find((x) => x.component === '@meta')
+          this.availableThemesV3.push({
+            key,
+            data,
+            name: meta.directives.name,
+            version: 'v3',
+          })
+        }),
+      )
     })
 
-    updateIndex('theme').then(themes => {
-      themes.forEach(([key, themePromise]) => themePromise.then(data => {
-        if (!data) {
-          console.warn(`Theme with key ${key} is empty or malformed`)
-        } else if (Array.isArray(data)) {
-          console.warn(`Theme with key ${key} is a v1 theme and should be moved to static/palettes/index.json`)
-        } else if (!data.source && !data.theme) {
-          console.warn(`Theme with key ${key} is malformed`)
-        } else {
-          this.availableThemesV2.push({ key, data, name: data.name, version: 'v2' })
-        }
-      }))
+    updateIndex('theme').then((themes) => {
+      themes.forEach(([key, themePromise]) =>
+        themePromise.then((data) => {
+          if (!data) {
+            console.warn(`Theme with key ${key} is empty or malformed`)
+          } else if (Array.isArray(data)) {
+            console.warn(
+              `Theme with key ${key} is a v1 theme and should be moved to static/palettes/index.json`,
+            )
+          } else if (!data.source && !data.theme) {
+            console.warn(`Theme with key ${key} is malformed`)
+          } else {
+            this.availableThemesV2.push({
+              key,
+              data,
+              name: data.name,
+              version: 'v2',
+            })
+          }
+        }),
+      )
     })
 
     this.userPalette = useInterfaceStore().paletteDataUsed || {}
 
-    updateIndex('palette').then(bundledPalettes => {
-      bundledPalettes.forEach(([key, palettePromise]) => palettePromise.then(v => {
-        let palette
-        if (Array.isArray(v)) {
-          const [
-            name,
-            bg,
-            fg,
-            text,
-            link,
-            cRed = '#FF0000',
-            cGreen = '#00FF00',
-            cBlue = '#0000FF',
-            cOrange = '#E3FF00'
-          ] = v
-          palette = { key, name, bg, fg, text, link, cRed, cBlue, cGreen, cOrange }
-        } else {
-          palette = { key, ...v }
-        }
-        if (!palette.key.startsWith('style.')) {
-          this.bundledPalettes.push(palette)
-        }
-      }))
+    updateIndex('palette').then((bundledPalettes) => {
+      bundledPalettes.forEach(([key, palettePromise]) =>
+        palettePromise.then((v) => {
+          let palette
+          if (Array.isArray(v)) {
+            const [
+              name,
+              bg,
+              fg,
+              text,
+              link,
+              cRed = '#FF0000',
+              cGreen = '#00FF00',
+              cBlue = '#0000FF',
+              cOrange = '#E3FF00',
+            ] = v
+            palette = {
+              key,
+              name,
+              bg,
+              fg,
+              text,
+              link,
+              cRed,
+              cBlue,
+              cGreen,
+              cOrange,
+            }
+          } else {
+            palette = { key, ...v }
+          }
+          if (!palette.key.startsWith('style.')) {
+            this.bundledPalettes.push(palette)
+          }
+        }),
+      )
     })
 
     this.previewTheme('stock', 'v3')
 
     if (window.IntersectionObserver) {
-      this.intersectionObserver = new IntersectionObserver((entries, observer) => {
-        entries.forEach(({ target, isIntersecting }) => {
-          if (!isIntersecting) return
-          const theme = this.availableStyles.find(x => x.key === target.dataset.themeKey)
-          this.$nextTick(() => {
-            if (theme) this.previewTheme(theme.key, theme.version, theme.data)
+      this.intersectionObserver = new IntersectionObserver(
+        (entries, observer) => {
+          entries.forEach(({ target, isIntersecting }) => {
+            if (!isIntersecting) return
+            const theme = this.availableStyles.find(
+              (x) => x.key === target.dataset.themeKey,
+            )
+            this.$nextTick(() => {
+              if (theme) this.previewTheme(theme.key, theme.version, theme.data)
+            })
+            observer.unobserve(target)
           })
-          observer.unobserve(target)
-        })
-      }, {
-        root: this.$refs.themeList
-      })
+        },
+        {
+          root: this.$refs.themeList,
+        },
+      )
     } else {
-      this.availableStyles.forEach(theme => this.previewTheme(theme.key, theme.version, theme.data))
+      this.availableStyles.forEach((theme) =>
+        this.previewTheme(theme.key, theme.version, theme.data),
+      )
     }
   },
-  updated () {
+  updated() {
     this.$nextTick(() => {
-      this.$refs.themeList.querySelectorAll('.theme-preview').forEach(node => {
-        this.intersectionObserver.observe(node)
-      })
+      this.$refs.themeList
+        .querySelectorAll('.theme-preview')
+        .forEach((node) => {
+          this.intersectionObserver.observe(node)
+        })
     })
   },
   watch: {
-    paletteDataUsed () {
+    paletteDataUsed() {
       this.userPalette = this.paletteDataUsed || {}
-    }
+    },
   },
   computed: {
-    switchInProgress () {
+    isDefaultBackground() {
+      return !this.$store.state.users.currentUser.background_image
+    },
+    switchInProgress() {
       return useInterfaceStore().themeChangeInProgress
     },
-    paletteDataUsed () {
+    paletteDataUsed() {
       return useInterfaceStore().paletteDataUsed
     },
-    availableStyles () {
-      return [
-        ...this.availableThemesV3,
-        ...this.availableThemesV2
-      ]
+    availableStyles() {
+      return [...this.availableThemesV3, ...this.availableThemesV2]
     },
-    availablePalettes () {
-      return [
-        ...this.bundledPalettes,
-        ...this.stylePalettes
-      ]
+    availablePalettes() {
+      return [...this.bundledPalettes, ...this.stylePalettes]
     },
-    stylePalettes () {
+    stylePalettes() {
       const ruleset = useInterfaceStore().styleDataUsed || []
       if (!ruleset && ruleset.length === 0) return
-      const meta = ruleset.find(x => x.component === '@meta')
-      const result = ruleset.filter(x => x.component.startsWith('@palette'))
-        .map(x => {
+      const meta = ruleset.find((x) => x.component === '@meta')
+      const result = ruleset
+        .filter((x) => x.component.startsWith('@palette'))
+        .map((x) => {
           const { variant, directives } = x
           const {
             bg,
@@ -221,7 +249,7 @@ const AppearanceTab = {
             cBlue,
             cGreen,
             cOrange,
-            wallpaper
+            wallpaper,
           } = directives
 
           const result = {
@@ -236,126 +264,106 @@ const AppearanceTab = {
             cBlue,
             cGreen,
             cOrange,
-            wallpaper
+            wallpaper,
           }
           return Object.fromEntries(Object.entries(result).filter(([, v]) => v))
         })
       return result
     },
-    noIntersectionObserver () {
+    noIntersectionObserver() {
       return !window.IntersectionObserver
     },
-    horizontalUnits () {
-      return defaultHorizontalUnits
+    instanceWallpaper() {
+      useInstanceStore().instanceIdentity.background
     },
-    fontsOverride () {
-      return this.$store.getters.mergedConfig.fontsOverride
-    },
-    columns () {
-      const mode = this.$store.getters.mergedConfig.thirdColumnMode
-
-      const notif = mode === 'none' ? [] : ['notifs']
-
-      if (this.$store.getters.mergedConfig.sidebarRight || mode === 'postform') {
-        return [...notif, 'content', 'sidebar']
-      } else {
-        return ['sidebar', 'content', ...notif]
-      }
-    },
-    instanceWallpaperUsed () {
-      return this.$store.state.instance.background &&
+    instanceWallpaperUsed() {
+      return (
+        useInstanceStore().instanceIdentity.background &&
         !this.$store.state.users.currentUser.background_image
+      )
     },
-    language: {
-      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
-      set: function (val) {
-        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
-      }
-    },
-    customThemeVersion () {
+    customThemeVersion() {
       const { themeVersion } = useInterfaceStore()
       return themeVersion
     },
-    isCustomThemeUsed () {
+    isCustomThemeUsed() {
       const { customTheme, customThemeSource } = this.mergedConfig
       return customTheme != null || customThemeSource != null
     },
-    isCustomStyleUsed () {
+    isCustomStyleUsed() {
       const { styleCustomData } = this.mergedConfig
       return styleCustomData != null
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    updateFont (key, value) {
-      this.$store.dispatch('setOption', {
-        name: 'theme3hacks',
-        value: {
-          ...this.mergedConfig.theme3hacks,
-          fonts: {
-            ...this.mergedConfig.theme3hacks.fonts,
-            [key]: value
-          }
-        }
-      })
-    },
-    importFile () {
+    importFile() {
       this.fileImporter.importData()
     },
-    importParser (file, filename) {
+    importParser(file, filename) {
       if (filename.endsWith('.json')) {
         return JSON.parse(file)
       } else if (filename.endsWith('.iss')) {
         return deserialize(file)
       }
     },
-    onImport (parsed, filename) {
+    onImport(parsed, filename) {
       if (filename.endsWith('.json')) {
         useInterfaceStore().setThemeCustom(parsed.source || parsed.theme)
       } else if (filename.endsWith('.iss')) {
         useInterfaceStore().setStyleCustom(parsed)
       }
     },
-    onImportFailure (result) {
+    onImportFailure(result) {
       console.error('Failure importing theme:', result)
-      useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'settings.invalid_theme_imported',
+        level: 'error',
+      })
     },
-    importValidator (parsed, filename) {
+    importValidator(parsed, filename) {
       if (filename.endsWith('.json')) {
         const version = parsed._pleroma_theme_version
         return version >= 1 || version <= 2
       } else if (filename.endsWith('.iss')) {
         if (!Array.isArray(parsed)) return false
         if (parsed.length < 1) return false
-        if (parsed.find(x => x.component === '@meta') == null) return false
+        if (parsed.find((x) => x.component === '@meta') == null) return false
         return true
       }
     },
-    isThemeActive (key) {
-      return key === (this.mergedConfig.theme || this.$store.state.instance.theme)
+    isThemeActive(key) {
+      return (
+        key ===
+        (this.mergedConfig.theme || useInstanceStore().instanceIdentity.theme)
+      )
     },
-    isStyleActive (key) {
-      return key === (this.mergedConfig.style || this.$store.state.instance.style)
+    isStyleActive(key) {
+      return (
+        key ===
+        (this.mergedConfig.style || useInstanceStore().instanceIdentity.style)
+      )
     },
-    isPaletteActive (key) {
-      return key === (this.mergedConfig.palette || this.$store.state.instance.palette)
+    isPaletteActive(key) {
+      return (
+        key ===
+        (this.mergedConfig.palette ||
+          useInstanceStore().instanceIdentity.palette)
+      )
     },
-    ...mapActions(useInterfaceStore, [
-      'setStyle',
-      'setTheme'
-    ]),
-    setPalette (name, data) {
+    ...mapActions(useInterfaceStore, ['setStyle', 'setTheme']),
+    setPalette(name, data) {
       useInterfaceStore().setPalette(name)
       this.userPalette = data
     },
-    setPaletteCustom (data) {
+    setPaletteCustom(data) {
       useInterfaceStore().setPaletteCustom(data)
       this.userPalette = data
     },
-    resetTheming () {
+    resetTheming() {
       useInterfaceStore().setStyle('stock')
     },
-    previewTheme (key, version, input) {
+    previewTheme(key, version, input) {
       let theme3
       if (this.compilationCache[key]) {
         theme3 = this.compilationCache[key]
@@ -368,10 +376,10 @@ const AppearanceTab = {
             ultimateBackgroundColor: '#000000',
             liteMode: true,
             debug: true,
-            onlyNormalState: true
+            onlyNormalState: true,
           })
         } else if (version === 'v3') {
-          const palette = input.find(x => x.component === '@palette')
+          const palette = input.find((x) => x.component === '@palette')
           let paletteRule
           if (palette) {
             const { directives } = palette
@@ -380,21 +388,20 @@ const AppearanceTab = {
             paletteRule = {
               component: 'Root',
               directives: Object.fromEntries(
-                Object
-                  .entries(directives)
+                Object.entries(directives)
                   .filter(([k]) => k && k !== 'name')
-                  .map(([k, v]) => ['--' + k, 'color | ' + v])
-              )
+                  .map(([k, v]) => ['--' + k, 'color | ' + v]),
+              ),
             }
           } else {
             paletteRule = null
           }
 
           theme3 = init({
-            inputRuleset: [...input, paletteRule].filter(x => x),
+            inputRuleset: [...input, paletteRule].filter((x) => x),
             ultimateBackgroundColor: '#000000',
             liteMode: true,
-            onlyNormalState: true
+            onlyNormalState: true,
           })
         }
       } else {
@@ -402,7 +409,7 @@ const AppearanceTab = {
           inputRuleset: [],
           ultimateBackgroundColor: '#000000',
           liteMode: true,
-          onlyNormalState: true
+          onlyNormalState: true,
         })
       }
 
@@ -410,18 +417,82 @@ const AppearanceTab = {
         this.compilationCache[key] = theme3
       }
 
-      const styleEl = document.getElementById('theme-holder')
-      const styleSheet = styleEl.sheet
-      styleSheet.insertRule([
-        '#theme-preview-',
-        key,
-        ' {\n',
-        getCssRules(theme3.eager).join('\n'),
-        '\n}'
-      ].join(''), 'index-max')
+      const sheet = createStyleSheet('appearance-tab-previews', 90)
+      sheet.addRule(
+        [
+          '#theme-preview-',
+          key,
+          ' {\n',
+          getCssRules(theme3.eager).join('\n'),
+          '\n}',
+        ].join(''),
+      )
+      sheet.ready = true
+      adoptStyleSheets()
+    },
+    uploadFile(slot, e) {
+      const file = e.target.files[0]
+      if (!file) {
+        return
+      }
+      if (file.size > useInstanceStore()[slot + 'limit']) {
+        const filesize = fileSizeFormatService.fileSizeFormat(file.size)
+        const allowedsize = fileSizeFormatService.fileSizeFormat(
+          useInstanceStore()[slot + 'limit'],
+        )
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'upload.error.message',
+          messageArgs: [
+            this.$t('upload.error.file_too_big', {
+              filesize: filesize.num,
+              filesizeunit: filesize.unit,
+              allowedsize: allowedsize.num,
+              allowedsizeunit: allowedsize.unit,
+            }),
+          ],
+          level: 'error',
+        })
+        return
+      }
 
-    }
-  }
+      const reader = new FileReader()
+      reader.onload = ({ target }) => {
+        const img = target.result
+        this[slot + 'Preview'] = img
+        this[slot] = file
+      }
+      reader.readAsDataURL(file)
+    },
+    resetBackground() {
+      const confirmed = window.confirm(
+        this.$t('settings.reset_background_confirm'),
+      )
+      if (confirmed) {
+        this.submitBackground('')
+      }
+    },
+    resetUploadedBackground() {
+      this.backgroundPreview = null
+    },
+    submitBackground(background) {
+      if (!this.backgroundPreview && background !== '') {
+        return
+      }
+
+      this.backgroundUploading = true
+      this.$store.state.api.backendInteractor
+        .updateProfileImages({ background })
+        .then((data) => {
+          this.$store.commit('addNewUsers', [data])
+          this.$store.commit('setCurrentUser', data)
+          this.backgroundPreview = null
+        })
+        .catch(this.displayUploadError)
+        .finally(() => {
+          this.backgroundUploading = false
+        })
+    },
+  },
 }
 
 export default AppearanceTab
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index ae8691f16..eadfa090d 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -1,27 +1,135 @@
 .appearance-tab {
+  margin: 1em;
+
+  h3 {
+    border: none
+  }
+
   .palette,
   .theme-notice {
     padding: 0.5em;
-    margin: 1em;
   }
 
-  .setting-item {
-    padding-bottom: 0;
+  .theme-name {
+    font-weight: 900;
+    padding-bottom: 0.5em;
+  }
 
-    &.heading {
-      display: grid;
-      align-items: baseline;
-      grid-template-columns: 1fr auto auto auto;
-      grid-gap: 0.5em;
+  input[type="file"] {
+    padding: 0.25em;
+    height: auto;
+  }
 
-      h2 {
-        flex: 1 0 auto;
-      }
+  .banner-background {
+    display: flex;
+    gap: 1em;
+    flex-wrap: wrap;
+
+    h4 {
+      margin: 0;
     }
   }
 
-  h4 {
-    margin: 0.5em 0;
+  .banner-background-input {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
+
+    .custom-bg-control {
+      display: grid;
+      gap: 0.5em;
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  .banner-background-preview {
+    display: flex;
+    max-width: 100%;
+    width: 300px;
+    position: relative;
+
+    img {
+      width: 100%;
+    }
+
+    .fun-monitor {
+      position: relative;
+      pointer-events: none;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      * {
+        line-height: 1;
+      }
+
+      &-display-bezel,
+      &-display-screen {
+        aspect-ratio: 16 / 9;
+        width: 16em;
+      }
+
+      img {
+        object-fit: cover;
+      }
+
+      .wallpaper {
+        position: absolute;
+        inset: 0;
+        background-color: var(--wallpaper);
+      }
+
+      &-display-uploading {
+        position: absolute;
+        inset: 0;
+        z-index: 1;
+        display: flex;
+        place-items: center;
+        place-content: center;
+        background-color: rgb(0 0 0 / 60%);
+        font-size: 4em;
+      }
+
+      &-display-screen {
+        padding: 0;
+        overflow: hidden;
+        position: relative;
+
+        &-overlay {
+          background: transparent;
+          position: absolute;
+          inset: 0;
+          z-index: 2;
+        }
+
+        &-image {
+          aspect-ratio: 16 / 9
+        }
+      }
+
+      &-display-bezel {
+        padding: 1em;
+        margin: 0;
+        order: 1;
+        z-index: 3;
+      }
+
+      &-neck {
+        width: 5em;
+        height: 3em;
+        margin-top: -1em;
+        margin-bottom: -0.5em;
+        order: 2
+      }
+
+      &-stand {
+        width: 8em;
+        height: 1em;
+        order: 3;
+        z-index: 1
+      }
+    }
   }
 
   .palettes-container {
@@ -30,7 +138,9 @@
     scrollbar-gutter: stable;
     border-radius: var(--roundness);
     border: 1px solid var(--border);
-    margin: -0.5em;
+    margin-bottom: 0.5em;
+    margin-top: 0;
+    padding: 0.5em;
   }
 
   .palettes {
@@ -40,9 +150,9 @@
     padding: 0.5em;
     width: 100%;
 
-    h4 {
-      margin: 0;
+    h5 {
       grid-column: 1 / span 2;
+      margin-bottom: 0;
     }
   }
 
@@ -120,7 +230,7 @@
 
     .theme-preview {
       font-size: 1rem; // fix for firefox
-      width: 19rem;
+      width: 14rem;
       display: flex;
       flex-direction: column;
       align-items: center;
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index cbbb8ff9c..cd463a34a 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -1,10 +1,15 @@
 <template>
   <div
     class="appearance-tab"
-    :label="$t('settings.general')"
+    :label="$t('settings.interface')"
+    icon="table-columns"
   >
-    <div class="setting-item">
-      <h2>{{ $t('settings.theme') }}</h2>
+    <div
+      class="setting-section"
+      :label="$t('settings.theme')"
+      icon="paintbrush"
+    >
+      <h3>{{ $t('settings.style.style_section') }}</h3>
       <ul
         ref="themeList"
         class="theme-list"
@@ -17,10 +22,10 @@
           @click="resetTheming"
         >
           <preview id="theme-preview-stock" />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.stock_theme_used') }}
             <span class="alert neutral version">v3</span>
-          </h4>
+          </span>
         </button>
         <button
           v-if="isCustomThemeUsed"
@@ -28,10 +33,10 @@
           class="button-default theme-preview toggled"
         >
           <preview />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.custom_theme_used') }}
             <span class="alert neutral version">v2</span>
-          </h4>
+          </span>
         </button>
         <button
           v-if="isCustomStyleUsed"
@@ -39,25 +44,25 @@
           class="button-default theme-preview toggled"
         >
           <preview />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.custom_style_used') }}
             <span class="alert neutral version">v3</span>
-          </h4>
+          </span>
         </button>
         <button
           v-for="style in availableStyles"
           :key="style.key"
           :data-theme-key="style.key"
           class="button-default theme-preview"
-          :class="{ toggled: isThemeActive(style.key), disabled: switchInProgress }"
+          :class="{ toggled: isStyleActive(style.key), disabled: switchInProgress }"
           :disabled="switchInProgress"
           @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)"
         >
           <preview :id="'theme-preview-' + style.key" />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ style.name }}
             <span class="alert neutral version">{{ style.version }}</span>
-          </h4>
+          </span>
         </button>
       </ul>
       <div class="import-file-container">
@@ -70,16 +75,14 @@
           <FAIcon icon="folder-open" />
           {{ $t('settings.style.themes3.editor.load_style') }}
         </button>
-      </div>
-      <div class="setting-item">
-        <h2>{{ $t('settings.style.themes3.palette.label') }}</h2>
+        <h4>{{ $t('settings.style.themes3.palette.label') }}</h4>
         <div
           v-if="customThemeVersion === 'v3'"
           class="palettes-container"
         >
-          <h4 v-if="stylePalettes?.length > 0">
+          <h5 v-if="stylePalettes?.length > 0">
             {{ $t('settings.style.themes3.palette.style') }}
-          </h4>
+          </h5>
           <div class="palettes">
             <button
               v-for="p in stylePalettes || []"
@@ -103,7 +106,7 @@
                 />
               </div>
             </button>
-            <h4>{{ $t('settings.style.themes3.palette.bundled') }}</h4>
+            <h5>{{ $t('settings.style.themes3.palette.bundled') }}</h5>
             <button
               v-for="p in bundledPalettes"
               :key="p.name"
@@ -130,9 +133,9 @@
         </div>
         <div>
           <template v-if="customThemeVersion === 'v3'">
-            <h4 v-if="expertLevel > 0">
+            <h5 v-if="expertLevel > 0">
               {{ $t('settings.style.themes3.palette.user') }}
-            </h4>
+            </h5>
             <PaletteEditor
               v-if="expertLevel > 0"
               v-model="userPalette"
@@ -150,193 +153,76 @@
           </template>
         </div>
       </div>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.scale_and_layout') }}</h2>
+      <h3>{{ $t('settings.background') }}</h3>
+      <div class="banner-background">
+        <div class="banner-background-preview">
+          <div class="fun-monitor">
+            <div class="fun-monitor-stand button-default" />
+            <div class="fun-monitor-neck button-default" />
+            <div class="fun-monitor-display-bezel button-default">
+              <div class="fun-monitor-display-screen input">
+                <img
+                  v-if="backgroundPreview || user.background_image || instanceWallpaper"
+                  class="fun-monitor-display-screen-image"
+                  :src="backgroundPreview || user.background_image || instanceWallpaper"
+                >
+                <div
+                  v-else
+                  class="wallpaper"
+                />
+                <div class="fun-monitor-display-screen-overlay input" />
+                <div
+                  v-if="backgroundUploading"
+                  class="fun-monitor-display-uploading"
+                >
+                  <FAIcon
+                    class="fun-monitor-display-screen-uploading"
+                    spin
+                    icon="circle-notch"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="banner-background-input">
+          <h4>{{ $t('settings.set_new_background') }}</h4>
+          <input
+            type="file"
+            class="input"
+            @change="uploadFile('background', $event)"
+          >
+          <div class="custom-bg-control">
+            <button
+              :disabled="!backgroundPreview"
+              class="btn button-default"
+              @click="submitBackground(background)"
+            >
+              {{ $t('settings.save') }}
+            </button>
+            <button
+              :disabled="!backgroundPreview"
+              class="btn button-default"
+              @click="resetUploadedBackground"
+            >
+              {{ $t('settings.reset') }}
+            </button>
+          </div>
+          <button
+            v-if="!isDefaultBackground"
+            class="btn button-default reset-button"
+            :title="$t('settings.reset_profile_background')"
+            @click="resetBackground"
+          >
+            {{ $t('settings.reset_profile_background') }}
+          </button>
+        </div>
+      </div>
+      <h3>{{ $t('settings.visual_tweaks') }}</h3>
       <div class="alert neutral theme-notice">
-        {{ $t("settings.style.appearance_tab_note") }}
+        {{ $t("settings.style.visual_tweaks_section_note") }}
       </div>
       <ul class="setting-list">
-        <li>
-          <UnitSetting
-            path="textSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 14, 'rem': 1 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.text_size') }}
-          </UnitSetting>
-          <div>
-            <small>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip"
-                tag="span"
-              >
-                <code>px</code>
-                <code>rem</code>
-              </i18n-t>
-              <br>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip2"
-                tag="span"
-              >
-                <code>14px</code>
-              </i18n-t>
-            </small>
-          </div>
-        </li>
-        <li>
-          <UnitSetting
-            path="emojiSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 32, 'rem': 2.2 }"
-          >
-            {{ $t('settings.emoji_size') }}
-          </UnitSetting>
-          <ul
-            class="setting-list suboptions"
-          >
-            <li>
-              <FloatSetting
-                v-if="user"
-                path="emojiReactionsScale"
-                expert="1"
-              >
-                {{ $t('settings.emoji_reactions_scale') }}
-              </FloatSetting>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <UnitSetting
-            path="navbarSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 55, 'rem': 3.5 }"
-          >
-            {{ $t('settings.navbar_size') }}
-          </UnitSetting>
-        </li>
-        <h3>{{ $t('settings.style.interface_font_user_override') }}</h3>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.interface"
-            name="ui"
-            :label="$t('settings.style.fonts.components.interface')"
-            :fallback="{ family: 'sans-serif' }"
-            no-inherit="1"
-            @update:model-value="v => updateFont('interface', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.input"
-            name="input"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.input')"
-            @update:model-value="v => updateFont('input', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.post"
-            name="post"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.post')"
-            @update:model-value="v => updateFont('post', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.monospace"
-            name="postCode"
-            :fallback="{ family: 'monospace' }"
-            :label="$t('settings.style.fonts.components.monospace')"
-            @update:model-value="v => updateFont('monospace', v)"
-          />
-        </li>
-        <h3>{{ $t('settings.columns') }}</h3>
-        <li>
-          <UnitSetting
-            path="panelHeaderSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 52, 'rem': 3.2 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.panel_header_size') }}
-          </UnitSetting>
-        </li>
-        <li>
-          <BooleanSetting path="sidebarRight">
-            {{ $t('settings.right_sidebar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="navbarColumnStretch">
-            {{ $t('settings.navbar_column_stretch') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            v-if="user"
-            id="thirdColumnMode"
-            path="thirdColumnMode"
-            :options="thirdColumnModeOptions"
-          >
-            {{ $t('settings.third_column_mode') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="expertLevel > 0">
-          {{ $t('settings.column_sizes') }}
-          <div class="column-settings">
-            <UnitSetting
-              v-for="column in columns"
-              :key="column"
-              :path="column + 'ColumnWidth'"
-              :units="horizontalUnits"
-              expert="1"
-            >
-              {{ $t('settings.column_sizes_' + column) }}
-            </UnitSetting>
-          </div>
-        </li>
-        <li>
-          <BooleanSetting path="disableStickyHeaders">
-            {{ $t('settings.disable_sticky_headers') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="showScrollbars">
-            {{ $t('settings.show_scrollbars') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <UnitSetting
-            path="themeEditorMinWidth"
-            :units="['px', 'rem']"
-            expert="1"
-          >
-            {{ $t('settings.theme_editor_min_width') }}
-          </UnitSetting>
-        </li>
-      </ul>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.visual_tweaks') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting path="modalMobileCenter">
-            {{ $t('settings.mobile_center_dialog') }}
-          </BooleanSetting>
-        </li>
         <li>
           <ChoiceSetting
             id="forcedRoundness"
@@ -360,22 +246,6 @@
             {{ $t('settings.hide_wallpaper') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            path="forceThemeRecompilation"
-            :expert="1"
-          >
-            {{ $t('settings.force_theme_recompilation_debug') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="themeDebug"
-            :expert="1"
-          >
-            {{ $t('settings.theme_debug') }}
-          </BooleanSetting>
-        </li>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
new file mode 100644
index 000000000..85749ab3f
--- /dev/null
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -0,0 +1,159 @@
+import { mapActions, mapState } from 'pinia'
+import { v4 as uuidv4 } from 'uuid'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Select from 'src/components/select/select.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+const ClutterTab = {
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    UnitSetting,
+    IntegerSetting,
+    Checkbox,
+    Select,
+    HelpIndicator,
+  },
+  computed: {
+    ...SharedComputedObject(),
+    ...mapState(useInstanceCapabilitiesStore, ['shoutAvailable']),
+    ...mapState(useInstanceStore, {
+      showFeaturesPanel: (store) => store.instanceIdentity.showFeaturesPanel,
+      instanceSpecificPanelPresent: (store) =>
+        store.instanceIdentity.showInstanceSpecificPanel &&
+        store.instanceIdentity.instanceSpecificPanelContent,
+    }),
+    ...mapState(useSyncConfigStore, {
+      muteFilters: (store) =>
+        Object.entries(store.prefsStorage.simple.muteFilters),
+      muteFiltersObject: (store) => store.prefsStorage.simple.muteFilters,
+    }),
+  },
+  methods: {
+    ...mapActions(useSyncConfigStore, [
+      'setSimplePrefAndSave',
+      'unsetSimplePrefAndSave',
+      'pushSyncConfig',
+    ]),
+    getDatetimeLocal(timestamp) {
+      const date = new Date(timestamp)
+      const fmt = new Intl.NumberFormat('en-US', { minimumIntegerDigits: 2 })
+      const datetime = [
+        date.getFullYear(),
+        '-',
+        fmt.format(date.getMonth() + 1),
+        '-',
+        fmt.format(date.getDate()),
+        'T',
+        fmt.format(date.getHours()),
+        ':',
+        fmt.format(date.getMinutes()),
+      ].join('')
+      return datetime
+    },
+    checkRegexValid(id) {
+      const filter = this.muteFiltersObject[id]
+      if (filter.type !== 'regexp') return true
+      if (filter.type !== 'user_regexp') return true
+      const { value } = filter
+      let valid = true
+      try {
+        new RegExp(value)
+      } catch {
+        valid = false
+        console.error('Invalid RegExp: ' + value)
+      }
+      return valid
+    },
+    createFilter(
+      filter = {
+        type: 'word',
+        value: '',
+        name: 'New Filter',
+        enabled: true,
+        expires: null,
+        hide: false,
+      },
+    ) {
+      const newId = uuidv4()
+
+      filter.order = this.muteFilters.length + 2
+      this.muteFiltersDraftObject[newId] = filter
+      this.setSimplePrefAndSave({ path: 'muteFilters.' + newId, value: filter })
+      this.pushSyncConfig()
+    },
+    exportFilter(id) {
+      this.exportedFilter = { ...this.muteFiltersDraftObject[id] }
+      delete this.exportedFilter.order
+      this.filterExporter.exportData()
+    },
+    importFilter() {
+      this.filterImporter.importData()
+    },
+    copyFilter(id) {
+      const filter = { ...this.muteFiltersDraftObject[id] }
+      const newId = uuidv4()
+
+      this.muteFiltersDraftObject[newId] = filter
+      this.setSimplePrefAndSave({ path: 'muteFilters.' + newId, value: filter })
+      this.pushSyncConfig()
+    },
+    deleteFilter(id) {
+      delete this.muteFiltersDraftObject[id]
+      this.unsetSimplePrefAndSave({ path: 'muteFilters.' + id, value: null })
+      this.pushSyncConfig()
+    },
+    purgeExpiredFilters() {
+      this.muteFiltersExpired.forEach(([id]) => {
+        delete this.muteFiltersDraftObject[id]
+        this.unsetSimplePrefAndSave({ path: 'muteFilters.' + id, value: null })
+      })
+      this.pushSyncConfig()
+    },
+    updateFilter(id, field, value) {
+      const filter = { ...this.muteFiltersDraftObject[id] }
+      if (field === 'expires-never') {
+        if (!value) {
+          const offset = 1000 * 60 * 60 * 24 * 14 // 2 weeks
+          const date = Date.now() + offset
+          filter.expires = date
+        } else {
+          filter.expires = null
+        }
+      } else if (field === 'expires') {
+        const parsed = Date.parse(value)
+        filter.expires = parsed.valueOf()
+      } else {
+        filter[field] = value
+      }
+      this.muteFiltersDraftObject[id] = filter
+      this.muteFiltersDraftDirty[id] = true
+    },
+    saveFilter(id) {
+      this.setSimplePrefAndSave({
+        path: 'muteFilters.' + id,
+        value: this.muteFiltersDraftObject[id],
+      })
+      this.pushSyncConfig()
+      this.muteFiltersDraftDirty[id] = false
+    },
+  },
+  // Updating nested properties
+  watch: {
+    replyVisibility() {
+      this.$store.dispatch('queueFlushAll')
+    },
+  },
+}
+
+export default ClutterTab
diff --git a/src/components/settings_modal/tabs/clutter_tab.vue b/src/components/settings_modal/tabs/clutter_tab.vue
new file mode 100644
index 000000000..533cd85c6
--- /dev/null
+++ b/src/components/settings_modal/tabs/clutter_tab.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="clutter-tab">
+    <div class="setting-section">
+      <h3>{{ $t('settings.interface') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="alwaysShowSubjectInput">
+            {{ $t('settings.subject_input_always_show') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="minimalScopesMode">
+            {{ $t('settings.minimal_scopes_mode') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hidePostStats">
+            {{ $t('settings.hide_post_stats') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideUserStats">
+            {{ $t('settings.hide_user_stats') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideBotIndication">
+            {{ $t('settings.hide_actor_type_indication') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideScrobbles">
+            {{ $t('settings.hide_scrobbles') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <UnitSetting
+                key="hideScrobblesAfter"
+                path="hideScrobblesAfter"
+                :units="['m', 'h', 'd']"
+                unit-set="time"
+              >
+                {{ $t('settings.hide_scrobbles_after') }}
+              </UnitSetting>
+            </li>
+            <li v-if="instanceSpecificPanelPresent">
+              <BooleanSetting path="hideISP">
+                {{ $t('settings.hide_isp') }}
+              </BooleanSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting
+            path="maxThumbnails"
+            :min="0"
+          >
+            {{ $t('settings.max_thumbnails') }}
+          </IntegerSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="hideAttachments"
+          >
+            {{ $t('settings.hide_attachments_in_tl') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="hideAttachmentsInConv"
+          >
+            {{ $t('settings.hide_attachments_in_convo') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="userCardHidePersonalMarks">
+            {{ $t('settings.user_card_hide_personal_marks') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="shoutAvailable">
+          <BooleanSetting path="hideShoutbox">
+            {{ $t('settings.hide_shoutbox') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./clutter_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
new file mode 100644
index 000000000..ab8d0101d
--- /dev/null
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -0,0 +1,189 @@
+import { mapState } from 'pinia'
+
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import Select from 'src/components/select/select.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import localeService from 'src/services/locale/locale.service.js'
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faDatabase,
+  faGlobe,
+  faMessage,
+  faPenAlt,
+  faSliders,
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
+
+const ComposingTab = {
+  data() {
+    return {
+      subjectLineOptions: ['email', 'noop', 'masto'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(
+          `settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`,
+        ),
+      })),
+      conversationDisplayOptions: ['tree', 'linear'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_display_${mode}`),
+      })),
+      absoluteTime12hOptions: ['24h', '12h'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.absolute_time_format_12h_${mode}`),
+      })),
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.conversation_other_replies_button_${mode}`),
+        }),
+      ),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.mention_link_display_${mode}`),
+        }),
+      ),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`),
+      })),
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.unsaved_post_action_${mode}`),
+      })),
+      loopSilentAvailable:
+        // Firefox
+        Object.getOwnPropertyDescriptor(
+          HTMLVideoElement.prototype,
+          'mozHasAudio',
+        ) ||
+        // Chrome-likes
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'webkitAudioDecodedByteCount',
+        ) ||
+        // Future spec, still not supported in Nightly 63 as of 08/2018
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'audioTracks',
+        ),
+      emailLanguage: this.$store.state.users.currentUser.language || [''],
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    FloatSetting,
+    UnitSetting,
+    InterfaceLanguageSwitcher,
+    ScopeSelector,
+    Select,
+    FontControl,
+  },
+  computed: {
+    postFormats() {
+      return useInstanceCapabilitiesStore().postFormats
+    },
+    postContentOptions() {
+      return this.postFormats.map((format) => ({
+        key: format,
+        value: format,
+        label: this.$t(`post_status.content_type["${format}"]`),
+      }))
+    },
+    language: {
+      get: function () {
+        return useMergedConfigStore().mergedConfig.interfaceLanguage
+      },
+      set: function (val) {
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'interfaceLanguage',
+          value: val,
+        })
+      },
+    },
+    ...SharedComputedObject(),
+    ...mapState(useInstanceStore, ['blockExpiration']),
+  },
+  methods: {
+    changeDefaultScope(value) {
+      this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
+    },
+    clearCache(key) {
+      clearCache(key)
+        .then(() => {
+          this.$store.dispatch('settingsSaved', { success: true })
+        })
+        .catch((error) => {
+          this.$store.dispatch('settingsSaved', { error })
+        })
+    },
+    tooSmall() {
+      this.$emit('tooSmall')
+    },
+    tooBig() {
+      this.$emit('tooBig')
+    },
+    getNavMode() {
+      return this.$refs.tabSwitcher.getNavMode()
+    },
+    clearAssetCache() {
+      this.clearCache(cacheKey)
+    },
+    clearEmojiCache() {
+      this.clearCache(emojiCacheKey)
+    },
+    updateProfile() {
+      const params = {
+        language: localeService.internalToBackendLocaleMulti(
+          this.emailLanguage,
+        ),
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+        })
+    },
+    updateFont(key, value) {
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'theme3hacks',
+        value: {
+          ...this.mergedConfig.theme3hacks,
+          fonts: {
+            ...this.mergedConfig.theme3hacks.fonts,
+            [key]: value,
+          },
+        },
+      })
+    },
+  },
+}
+
+export default ComposingTab
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
new file mode 100644
index 000000000..755539096
--- /dev/null
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -0,0 +1,117 @@
+<template>
+  <div :label="$t('settings.posts')">
+    <div class="setting-section">
+      <h3>{{ $t('settings.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <label
+            class="setting-item "
+            for="default-vis"
+          >
+            <ScopeSelector
+              class="scope-selector setting-control"
+              :show-all="true"
+              :user-default="$store.state.profileConfig.defaultScope"
+              :initial-scope="$store.state.profileConfig.defaultScope"
+              :on-scope-change="changeDefaultScope"
+              :unstyled="false"
+            />
+          </label>
+        </li>
+        <li>
+          <!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
+          <BooleanSetting path="sensitiveByDefault">
+            {{ $t('settings.sensitive_by_default') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="postFormats.length > 0">
+          <ChoiceSetting
+            id="postContentType"
+            path="postContentType"
+            :options="postContentOptions"
+            :local="true"
+          >
+            {{ $t('settings.default_post_status_content_type') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <BooleanSetting path="padEmoji">
+            {{ $t('settings.pad_emoji') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autocompleteSelect"
+            expert="1"
+          >
+            {{ $t('settings.autocomplete_select_first') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autoSaveDraft"
+          >
+            {{ $t('settings.auto_save_draft') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="!mergedConfig.autoSaveDraft">
+          <ChoiceSetting
+            id="unsavedPostAction"
+            path="unsavedPostAction"
+            :options="unsavedPostActionOptions"
+            expert="1"
+          >
+            {{ $t('settings.unsaved_post_action') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.replies') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path="scopeCopy"
+          >
+            {{ $t('settings.scope_copy') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="subjectLineBehavior"
+            path="subjectLineBehavior"
+            :options="subjectLineOptions"
+          >
+            {{ $t('settings.subject_line_behavior') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.attachments') }}
+      </h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path="imageCompression"
+            :local="true"
+            expert="1"
+          >
+            {{ $t('settings.image_compression') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="alwaysUseJpeg"
+                :local="true"
+                expert="1"
+                parent-path="imageCompression"
+              >
+                {{ $t('settings.always_use_jpeg') }}
+              </BooleanSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./composing_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 4304e59c0..cc41302c7 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,85 +1,90 @@
-import Importer from 'src/components/importer/importer.vue'
-import Exporter from 'src/components/exporter/exporter.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 import { mapState } from 'vuex'
-import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Exporter from 'src/components/exporter/exporter.vue'
+import Importer from 'src/components/importer/importer.vue'
+
+import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
 
 const DataImportExportTab = {
-  data () {
+  data() {
     return {
       activeTab: 'profile',
       newDomainToMute: '',
       listBackupsError: false,
       addBackupError: false,
       addedBackup: false,
-      backups: []
+      backups: [],
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
     this.fetchBackups()
   },
   components: {
     Importer,
     Exporter,
-    Checkbox
+    Checkbox,
   },
   computed: {
     ...mapState({
       backendInteractor: (state) => state.api.backendInteractor,
-      user: (state) => state.users.currentUser
-    })
+      user: (state) => state.users.currentUser,
+    }),
   },
   methods: {
-    getFollowsContent () {
-      return this.backendInteractor.exportFriends({ id: this.user.id })
+    getFollowsContent() {
+      return this.backendInteractor
+        .exportFriends({ id: this.user.id })
         .then(this.generateExportableUsersContent)
     },
-    getBlocksContent () {
-      return this.backendInteractor.fetchBlocks()
+    getBlocksContent() {
+      return this.backendInteractor
+        .fetchBlocks()
         .then(this.generateExportableUsersContent)
     },
-    getMutesContent () {
-      return this.backendInteractor.fetchMutes()
+    getMutesContent() {
+      return this.backendInteractor
+        .fetchMutes()
         .then(this.generateExportableUsersContent)
     },
-    importFollows (file) {
-      return this.backendInteractor.importFollows({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    importBlocks (file) {
-      return this.backendInteractor.importBlocks({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    importMutes (file) {
-      return this.backendInteractor.importMutes({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    generateExportableUsersContent (users) {
-      // Get addresses
-      return users.map((user) => {
-        // check is it's a local user
-        if (user && user.is_local) {
-          // append the instance address
-          return user.screen_name + '@' + location.hostname
+    importFollows(file) {
+      return this.backendInteractor.importFollows({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
         }
-        return user.screen_name
-      }).join('\n')
+      })
     },
-    addBackup () {
-      this.$store.state.api.backendInteractor.addBackup()
+    importBlocks(file) {
+      return this.backendInteractor.importBlocks({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
+        }
+      })
+    },
+    importMutes(file) {
+      return this.backendInteractor.importMutes({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
+        }
+      })
+    },
+    generateExportableUsersContent(users) {
+      // Get addresses
+      return users
+        .map((user) => {
+          // check is it's a local user
+          if (user && user.is_local) {
+            // append the instance address
+            return user.screen_name + '@' + location.hostname
+          }
+          return user.screen_name
+        })
+        .join('\n')
+    },
+    addBackup() {
+      this.$store.state.api.backendInteractor
+        .addBackup()
         .then(() => {
           this.addedBackup = true
           this.addBackupError = false
@@ -90,8 +95,9 @@ const DataImportExportTab = {
         })
         .then(() => this.fetchBackups())
     },
-    fetchBackups () {
-      this.$store.state.api.backendInteractor.listBackups()
+    fetchBackups() {
+      this.$store.state.api.backendInteractor
+        .listBackups()
         .then((res) => {
           this.backups = res
           this.listBackupsError = false
@@ -99,8 +105,8 @@ const DataImportExportTab = {
         .catch((error) => {
           this.listBackupsError = error.error
         })
-    }
-  }
+    },
+  },
 }
 
 export default DataImportExportTab
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.scss b/src/components/settings_modal/tabs/data_import_export_tab.scss
new file mode 100644
index 000000000..477dab66c
--- /dev/null
+++ b/src/components/settings_modal/tabs/data_import_export_tab.scss
@@ -0,0 +1,21 @@
+.data-import-export-tab {
+  .importer-exporter {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0.5em;
+  }
+
+  table {
+    td, th {
+      line-height: 1.5;
+    }
+
+    th {
+      padding: 0 0.5em;
+    }
+
+    td {
+      padding: 0.5em;
+    }
+  }
+}
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index eb3c86425..d5e540b8b 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -1,62 +1,77 @@
 <template>
   <div
+    class="data-import-export-tab"
     :label="$t('settings.data_import_export_tab')"
   >
-    <div class="setting-item">
-      <h2>{{ $t('settings.follow_import') }}</h2>
-      <p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importFollows"
-        :success-message="$t('settings.follows_imported')"
-        :error-message="$t('settings.follow_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.follow_export') }}</h2>
-      <Exporter
-        :get-content="getFollowsContent"
-        filename="friends.csv"
-        :export-button-label="$t('settings.follow_export_button')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.block_import') }}</h2>
-      <p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importBlocks"
-        :success-message="$t('settings.blocks_imported')"
-        :error-message="$t('settings.block_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.block_export') }}</h2>
-      <Exporter
-        :get-content="getBlocksContent"
-        filename="blocks.csv"
-        :export-button-label="$t('settings.block_export_button')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.mute_import') }}</h2>
-      <p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importMutes"
-        :success-message="$t('settings.mutes_imported')"
-        :error-message="$t('settings.mute_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.mute_export') }}</h2>
-      <Exporter
-        :get-content="getMutesContent"
-        filename="mutes.csv"
-        :export-button-label="$t('settings.mute_export_button')"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.account_backup') }}</h2>
-      <p>{{ $t('settings.account_backup_description') }}</p>
-      <table>
+    <div class="setting-section">
+      <h3>{{ $t('settings.import_export.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.import_export.follows') }}</h4>
+          <p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importFollows"
+              :success-message="$t('settings.follows_imported')"
+              :error-message="$t('settings.follow_import_error')"
+            />
+            <Exporter
+              :get-content="getFollowsContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.follow_export_button')"
+            />
+          </div>
+        </li>
+        <li>
+          <h4>{{ $t('settings.import_export.mutes') }}</h4>
+          <p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importMutes"
+              :success-message="$t('settings.mutes_imported')"
+              :error-message="$t('settings.mute_import_error')"
+            />
+            <Exporter
+              :get-content="getMutesContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.mute_export_button')"
+            />
+          </div>
+        </li>
+        <li>
+          <h4>{{ $t('settings.import_export.blocks') }}</h4>
+          <p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importBlocks"
+              :success-message="$t('settings.blocks_imported')"
+              :error-message="$t('settings.block_import_error')"
+            />
+            <Exporter
+              :get-content="getBlocksContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.block_export_button')"
+            />
+          </div>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.account_backup') }}</h3>
+      <div class="setting-list">
+        <p>{{ $t('settings.account_backup_description') }}</p>
+        <button
+          class="btn button-default"
+          @click="addBackup"
+        >
+          {{ $t('settings.add_backup') }}
+        </button>
+        <p v-if="addedBackup">
+          {{ $t('settings.added_backup') }}
+        </p>
+        <template v-if="addBackupError !== false">
+          <p>{{ $t('settings.add_backup_error', { error: addBackupError }) }}</p>
+        </template>
+      </div>
+      <table class="setting-list">
         <thead>
           <tr>
             <th>{{ $t('settings.account_backup_table_head') }}</th>
@@ -111,21 +126,9 @@
           />
         </button>
       </div>
-      <button
-        class="btn button-default"
-        @click="addBackup"
-      >
-        {{ $t('settings.add_backup') }}
-      </button>
-      <p v-if="addedBackup">
-        {{ $t('settings.added_backup') }}
-      </p>
-      <template v-if="addBackupError !== false">
-        <p>{{ $t('settings.add_backup_error', { error: addBackupError }) }}</p>
-      </template>
     </div>
   </div>
 </template>
 
 <script src="./data_import_export_tab.js"></script>
-<!-- <style lang="scss" src="./profile.scss"></style> -->
+<style lang="scss" src="./data_import_export_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
new file mode 100644
index 000000000..b500d2f03
--- /dev/null
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -0,0 +1,48 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+
+const pleromaFeCommitUrl =
+  'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
+
+const VersionTab = {
+  data() {
+    const instance = useInstanceStore()
+    return {
+      backendVersion: instance.backendVersion,
+      backendRepository: instance.backendRepository,
+      frontendVersion: instance.frontendVersion,
+    }
+  },
+  components: {
+    BooleanSetting,
+  },
+  computed: {
+    frontendVersionLink() {
+      return pleromaFeCommitUrl + this.frontendVersion
+    },
+    ...SharedComputedObject(),
+  },
+  methods: {
+    clearAssetCache() {
+      this.clearCache(cacheKey)
+    },
+    clearEmojiCache() {
+      this.clearCache(emojiCacheKey)
+    },
+    clearCache(key) {
+      clearCache(key)
+        .then(() => {
+          this.$store.dispatch('settingsSaved', { success: true })
+        })
+        .catch((error) => {
+          this.$store.dispatch('settingsSaved', { error })
+        })
+    },
+  },
+}
+
+export default VersionTab
diff --git a/src/components/settings_modal/tabs/developer_tab.scss b/src/components/settings_modal/tabs/developer_tab.scss
new file mode 100644
index 000000000..a94b5c122
--- /dev/null
+++ b/src/components/settings_modal/tabs/developer_tab.scss
@@ -0,0 +1,30 @@
+.developer-tab {
+  .setting-list {
+    margin-left: 2em;
+  }
+
+  .cache-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column: 1 / 3;
+    column-gap: 0.5em;
+    margin: 0 5em;
+
+    .-mobile & {
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr 1fr;
+      row-gap: 0.5em;
+      margin: 0;
+    }
+  }
+
+
+  dt {
+    font-weight: 900;
+  }
+
+  dd {
+    margin-top: 0.5em;
+    margin-bottom: 1em;
+  }
+}
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
new file mode 100644
index 000000000..3e0fe71cb
--- /dev/null
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -0,0 +1,80 @@
+<template>
+  <div
+    :label="$t('settings.developer')"
+    class="developer-tab"
+  >
+    <div class="setting-section">
+      <h3>{{ $t('settings.version.title') }}</h3>
+      <dl class="setting-list">
+        <dt>{{ $t('settings.version.backend_version') }}</dt>
+        <dd>
+          <a
+            :href="backendRepository"
+            target="_blank"
+          >
+            {{ backendVersion }}
+          </a>
+        </dd>
+        <dt>{{ $t('settings.version.frontend_version') }}</dt>
+        <dd>
+          <a
+            :href="frontendVersionLink"
+            target="_blank"
+          >
+            {{ frontendVersion }}
+          </a>
+        </dd>
+      </dl>
+      <h3>{{ $t('settings.debug') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="virtualScrolling"
+          >
+            {{ $t('settings.virtual_scrolling') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="themeDebug"
+            :local="true"
+            :expert="1"
+          >
+            {{ $t('settings.theme_debug') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="forceThemeRecompilation"
+            :local="true"
+            :expert="1"
+          >
+            {{ $t('settings.force_theme_recompilation_debug') }}
+          </BooleanSetting>
+        </li>
+        <h4>{{ $t('settings.cache') }}</h4>
+        <li>
+          <div class="setting-item">
+            <div class="cache-buttons">
+              <button
+                class="btn button-default"
+                @click="clearAssetCache"
+              >
+                {{ $t('settings.clear_asset_cache') }}
+              </button>
+              <button
+                class="btn button-default"
+                @click="clearEmojiCache"
+              >
+                {{ $t('settings.clear_emoji_cache') }}
+              </button>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script src="./developer_tab.js" />
+<style lang="scss" src="./developer_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 5ff137062..ef3d8835b 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,44 +1,52 @@
 import { cloneDeep } from 'lodash'
-import { mapState, mapActions } from 'pinia'
-import { v4 as uuidv4 } from 'uuid';
+import { mapActions, mapState } from 'pinia'
+import { v4 as uuidv4 } from 'uuid'
 
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import {
-  newImporter,
-  newExporter
-} from 'src/services/export_import/export_import.js'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import HelpIndicator from '../helpers/help_indicator.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
-
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import {
+  newExporter,
+  newImporter,
+} from 'src/services/export_import/export_import.js'
 
 const SUPPORTED_TYPES = new Set(['word', 'regexp', 'user', 'user_regexp'])
 
 const FilteringTab = {
-  data () {
+  data() {
     return {
-      replyVisibilityOptions: ['all', 'following', 'self'].map(mode => ({
+      replyVisibilityOptions: ['all', 'following', 'self'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.reply_visibility_${mode}`)
+        label: this.$t(`settings.reply_visibility_${mode}`),
       })),
-      muteFiltersDraftObject: cloneDeep(useServerSideStorageStore().prefsStorage.simple.muteFilters),
+      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`user_card.mute_block_${mode}`),
+      })),
+      muteFiltersDraftObject: cloneDeep(
+        useSyncConfigStore().prefsStorage.simple.muteFilters,
+      ),
       muteFiltersDraftDirty: Object.fromEntries(
         Object.entries(
-          useServerSideStorageStore().prefsStorage.simple.muteFilters
-        ).map(([k]) => [k, false])
+          useSyncConfigStore().prefsStorage.simple.muteFilters,
+        ).map(([k]) => [k, false]),
       ),
       exportedFilter: null,
       filterImporter: newImporter({
-        validator (parsed) {
+        validator(parsed) {
           if (Array.isArray(parsed)) return false
           if (!SUPPORTED_TYPES.has(parsed.type)) return false
           return true
@@ -49,7 +57,7 @@ const FilteringTab = {
             expires = null,
             hide = false,
             name = '',
-            value = ''
+            value = '',
           } = data
 
           this.createFilter({
@@ -57,22 +65,21 @@ const FilteringTab = {
             expires,
             hide,
             name,
-            value
+            value,
           })
         },
-        onImportFailure (result) {
+        onImportFailure(result) {
           console.error('Failure importing filter:', result)
-          useInterfaceStore()
-            .pushGlobalNotice({
-              messageKey: 'settings.filter.import_failure',
-              level: 'error'
-            })
-        }
+          useInterfaceStore().pushGlobalNotice({
+            messageKey: 'settings.filter.import_failure',
+            level: 'error',
+          })
+        },
       }),
       filterExporter: newExporter({
         filename: 'pleromafe_mute-filter',
-        getExportedObject: () => this.exportedFilter
-      })
+        getExportedObject: () => this.exportedFilter,
+      }),
     }
   },
   components: {
@@ -82,32 +89,78 @@ const FilteringTab = {
     IntegerSetting,
     Checkbox,
     Select,
-    HelpIndicator
+    HelpIndicator,
   },
   computed: {
     ...SharedComputedObject(),
-    ...mapState(
-      useServerSideStorageStore,
-      {
-        muteFilters: store => Object.entries(store.prefsStorage.simple.muteFilters),
-        muteFiltersObject: store => store.prefsStorage.simple.muteFilters
-      }
-    ),
-    muteFiltersDraft () {
+    ...mapState(useSyncConfigStore, {
+      muteFilters: (store) =>
+        Object.entries(store.prefsStorage.simple.muteFilters),
+      muteFiltersObject: (store) => store.prefsStorage.simple.muteFilters,
+    }),
+    ...mapState(useInstanceCapabilitiesStore, ['blockExpiration']),
+    onMuteDefaultActionLv1: {
+      get() {
+        const value = useMergedConfigStore().mergedConfig.onMuteDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set(value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.setPreference({
+          path: 'simple.onMuteDefaultAction',
+          value: realValue,
+        })
+      },
+    },
+    onBlockDefaultActionLv1: {
+      get() {
+        const value = useMergedConfigStore().mergedConfig.onBlockDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set(value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.setPreference({
+          path: 'simple.onBlockDefaultAction',
+          value: realValue,
+        })
+      },
+    },
+    muteFiltersDraft() {
       return Object.entries(this.muteFiltersDraftObject)
     },
-    muteFiltersExpired () {
+    muteFiltersExpired() {
       const now = Date.now()
-      return Object
-        .entries(this.muteFiltersDraftObject)
-        .filter(([, { expires }]) => expires != null && expires <= now)
-    }
+      return Object.entries(this.muteFiltersDraftObject).filter(
+        ([, { expires }]) => expires != null && expires <= now,
+      )
+    },
   },
   methods: {
-    ...mapActions(useServerSideStorageStore, ['setPreference', 'unsetPreference', 'pushServerSideStorage']),
-    getDatetimeLocal (timestamp) {
+    ...mapActions(useSyncConfigStore, [
+      'setPreference',
+      'setSimplePrefAndSave',
+      'unsetSimplePrefAndSave',
+      'unsetPreference',
+      'unsetPrefAndSave',
+      'pushSyncConfig',
+    ]),
+    getDatetimeLocal(timestamp) {
       const date = new Date(timestamp)
-      let fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+      const fmt = new Intl.NumberFormat('en-US', { minimumIntegerDigits: 2 })
       const datetime = [
         date.getFullYear(),
         '-',
@@ -117,11 +170,11 @@ const FilteringTab = {
         'T',
         fmt.format(date.getHours()),
         ':',
-        fmt.format(date.getMinutes())
+        fmt.format(date.getMinutes()),
       ].join('')
       return datetime
     },
-    checkRegexValid (id) {
+    checkRegexValid(id) {
       const filter = this.muteFiltersObject[id]
       if (filter.type !== 'regexp') return true
       if (filter.type !== 'user_regexp') return true
@@ -135,20 +188,21 @@ const FilteringTab = {
       }
       return valid
     },
-    createFilter (filter = {
-      type: 'word',
-      value: '',
-      name: 'New Filter',
-      enabled: true,
-      expires: null,
-      hide: false,
-    }) {
+    createFilter(
+      filter = {
+        type: 'word',
+        value: '',
+        name: 'New Filter',
+        enabled: true,
+        expires: null,
+        hide: false,
+      },
+    ) {
       const newId = uuidv4()
 
       filter.order = this.muteFilters.length + 2
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
-      this.pushServerSideStorage()
+      this.setSimplePrefAndSave({ path: 'muteFilters.' + newId, value: filter })
     },
     exportFilter(id) {
       this.exportedFilter = { ...this.muteFiltersDraftObject[id] }
@@ -158,26 +212,23 @@ const FilteringTab = {
     importFilter() {
       this.filterImporter.importData()
     },
-    copyFilter (id) {
+    copyFilter(id) {
       const filter = { ...this.muteFiltersDraftObject[id] }
       const newId = uuidv4()
 
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
-      this.pushServerSideStorage()
+      this.setSimplePrefAndSave({ path: 'muteFilters.' + newId, value: filter })
     },
-    deleteFilter (id) {
+    deleteFilter(id) {
       delete this.muteFiltersDraftObject[id]
-      this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
-      this.pushServerSideStorage()
+      this.unsetSimplePrefAndSave({ path: 'muteFilters.' + id, value: null })
     },
-    purgeExpiredFilters () {
+    purgeExpiredFilters() {
       this.muteFiltersExpired.forEach(([id]) => {
-        console.log(id)
         delete this.muteFiltersDraftObject[id]
-        this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+        this.unsetPreference({ path: 'simple.muteFilters.' + id, value: null })
       })
-      this.pushServerSideStorage()
+      this.pushSyncConfig()
     },
     updateFilter(id, field, value) {
       const filter = { ...this.muteFiltersDraftObject[id] }
@@ -199,17 +250,24 @@ const FilteringTab = {
       this.muteFiltersDraftDirty[id] = true
     },
     saveFilter(id) {
-      this.setPreference({ path: 'simple.muteFilters.' + id , value: this.muteFiltersDraftObject[id] })
-      this.pushServerSideStorage()
+      this.setSimplePrefAndSave({
+        path: 'muteFilters.' + id,
+        value: this.muteFiltersDraftObject[id],
+      })
       this.muteFiltersDraftDirty[id] = false
     },
   },
   // Updating nested properties
   watch: {
-    replyVisibility () {
+    replyVisibility() {
       this.$store.dispatch('queueFlushAll')
-    }
-  }
+    },
+    muteFiltersObject() {
+      this.muteFiltersDraftObject = cloneDeep(
+        useMergedConfigStore().mergedConfig.muteFilters,
+      )
+    },
+  },
 }
 
 export default FilteringTab
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 6db82d3c4..bb0dccb85 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -1,10 +1,7 @@
 <template>
-  <div
-    :label="$t('settings.filtering')"
-    class="filtering-tab"
-  >
-    <div class="setting-item">
-      <h2>{{ $t('settings.filter.clutter') }}</h2>
+  <div class="filtering-tab">
+    <div class="setting-section">
+      <h3>{{ $t('settings.filter.mute_filter') }}</h3>
       <ul class="setting-list">
         <li>
           <ChoiceSetting
@@ -17,69 +14,74 @@
           </ChoiceSetting>
         </li>
         <li>
-          <BooleanSetting
-            expert="1"
-            path="hidePostStats"
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_mute_expiration') }}
+            </span>
+            <Select
+              id="onMuteDefaultActionLv1"
+              v-model="onMuteDefaultActionLv1"
+            >
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
+          <ul
+            v-if="onMuteDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
-            {{ $t('settings.hide_post_stats') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            expert="1"
-            path="hideUserStats"
-          >
-            {{ $t('settings.hide_user_stats') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideBotIndication">
-            {{ $t('settings.hide_actor_type_indication') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideScrobbles">
-            {{ $t('settings.hide_scrobbles') }}
-          </BooleanSetting>
-          <ul class="setting-list suboptions">
             <li>
               <UnitSetting
-                key="hideScrobblesAfter"
-                path="hideScrobblesAfter"
-                :units="['m', 'h', 'd']"
+                path="onMuteDefaultAction"
                 unit-set="time"
-                expert="1"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
               >
-                {{ $t('settings.hide_scrobbles_after') }}
+                {{ $t('user_card.default_expiration_time') }}
               </UnitSetting>
             </li>
           </ul>
         </li>
-        <h3>{{ $t('settings.attachments') }}</h3>
-        <li>
-          <IntegerSetting
-            path="maxThumbnails"
-            expert="1"
-            :min="0"
+        <li v-if="blockExpiration">
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_block_expiration') }}
+            </span>
+            <Select
+              id="onBlockDefaultActionLv1"
+              v-model="onBlockDefaultActionLv1"
+              class="setting-control"
+            >
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
+          <ul
+            v-if="onBlockDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
-            {{ $t('settings.max_thumbnails') }}
-          </IntegerSetting>
+            <li>
+              <UnitSetting
+                path="onBlockDefaultAction"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('user_card.default_expiration_time') }}
+              </UnitSetting>
+            </li>
+          </ul>
         </li>
-        <li>
-          <BooleanSetting path="hideAttachments">
-            {{ $t('settings.hide_attachments_in_tl') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideAttachmentsInConv">
-            {{ $t('settings.hide_attachments_in_convo') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.filter.mute_filter') }}</h2>
-      <ul class="setting-list">
         <li>
           <BooleanSetting path="hideFilteredStatuses">
             {{ $t('settings.hide_muted_statuses') }}
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index df28a23e3..db1177cb2 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,121 +1,74 @@
+import { mapState } from 'pinia'
+
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
+import UnitSetting from '../helpers/unit_setting.vue'
 
-library.add(
-  faGlobe
-)
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import localeService from 'src/services/locale/locale.service.js'
 
 const GeneralTab = {
-  data () {
+  data() {
     return {
-      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
+      absoluteTime12hOptions: ['24h', '12h'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
+        label: this.$t(`settings.absolute_time_format_12h_${mode}`),
       })),
-      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.conversation_display_${mode}`)
-      })),
-      absoluteTime12hOptions: ['24h', '12h'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.absolute_time_format_12h_${mode}`)
-      })),
-      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
-      })),
-      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.mention_link_display_${mode}`)
-      })),
-      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
-      })),
-      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.unsaved_post_action_${mode}`)
-      })),
-      loopSilentAvailable:
-      // Firefox
-      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
-      // Chrome-likes
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
-      // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
+      emailLanguage: this.$store.state.users.currentUser.language || [''],
     }
   },
   components: {
     BooleanSetting,
     ChoiceSetting,
-    IntegerSetting,
-    FloatSetting,
     UnitSetting,
+    FloatSetting,
+    FontControl,
     InterfaceLanguageSwitcher,
-    ScopeSelector,
-    ProfileSettingIndicator
   },
   computed: {
-    postFormats () {
-      return this.$store.state.instance.postFormats || []
-    },
-    postContentOptions () {
-      return this.postFormats.map(format => ({
-        key: format,
-        value: format,
-        label: this.$t(`post_status.content_type["${format}"]`)
-      }))
-    },
     language: {
-      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      get: function () {
+        return useMergedConfigStore().mergedConfig.interfaceLanguage
+      },
       set: function (val) {
-        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
-      }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'interfaceLanguage',
+          value: val,
+        })
+      },
     },
-    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
+    ...mapState(useInstanceCapabilitiesStore, ['blockExpiration']),
   },
   methods: {
-    changeDefaultScope (value) {
-      this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
-    },
-    clearCache (key) {
-      clearCache(key)
-        .then(() => {
-          this.$store.dispatch('settingsSaved', { success: true })
-        })
-        .catch(error => {
-          this.$store.dispatch('settingsSaved', { error })
+    updateProfile() {
+      const params = {
+        language: localeService.internalToBackendLocaleMulti(
+          this.emailLanguage,
+        ),
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
         })
     },
-    clearAssetCache () {
-      this.clearCache(cacheKey)
+    updateFont(path, value) {
+      useLocalConfigStore().set({ path, value })
     },
-    clearEmojiCache () {
-      this.clearCache(emojiCacheKey)
-    }
-  }
+  },
 }
 
 export default GeneralTab
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index b8da782fb..19800e0dd 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,25 +1,113 @@
 <template>
-  <div :label="$t('settings.general')">
-    <div class="setting-item">
-      <h2>{{ $t('settings.interface') }}</h2>
+  <div>
+    <div class="setting-section">
+      <h3>{{ $t('settings.format_and_language') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('settings.interfaceLanguage') }}</h4>
+        <interface-language-switcher
+          v-model="language"
+          class="lang-selector"
+          @update="val => language = val"
+        />
+        <interface-language-switcher
+          v-model="emailLanguage"
+          class="lang-selector"
+          :profile="true"
+          @update:model-value="updateProfile()"
+        />
+        <li>
+          <BooleanSetting path="useAbsoluteTimeFormat">
+            {{ $t('settings.absolute_time_format') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="absoluteTime12h"
+            path="absoluteTime12h"
+            :options="absoluteTime12hOptions"
+          >
+            {{ $t('settings.absolute_time_format_12h') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.scale_and_font') }}</h3>
       <ul class="setting-list">
         <li>
-          <interface-language-switcher
-            :prompt-text="$t('settings.interfaceLanguage')"
-            :language="language"
-            :set-language="val => language = val"
-          />
-        </li>
-        <li v-if="instanceSpecificPanelPresent">
-          <BooleanSetting path="hideISP">
-            {{ $t('settings.hide_isp') }}
-          </BooleanSetting>
+          <UnitSetting
+            path="textSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 14, 'rem': 1 }"
+            timed-apply-mode
+            :local="true"
+          >
+            {{ $t('settings.text_size') }}
+          </UnitSetting>
+          <p class="sidenote">
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip"
+              tag="span"
+            >
+              <code>px</code>
+              <code>rem</code>
+            </i18n-t>
+            <br>
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip2"
+              tag="span"
+            >
+              <code>14px</code>
+            </i18n-t>
+          </p>
         </li>
         <li>
-          <BooleanSetting path="stopGifs">
-            {{ $t('settings.stop_gifs') }}
-          </BooleanSetting>
+          <FontControl
+            :model-value="mergedConfig.fontInterface"
+            name="ui"
+            :label="$t('settings.style.fonts.components_inline.interface')"
+            :fallback="{ family: 'sans-serif' }"
+            no-inherit="1"
+            @update:model-value="v => updateFont('fontInterface', v)"
+          />
         </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.fontInput"
+            name="input"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components_inline.input')"
+            @update:model-value="v => updateFont('fontInput', v)"
+          />
+        </li>
+        <li>
+          <UnitSetting
+            path="emojiSize"
+            :step="0.1"
+            :local="true"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 32, 'rem': 2.2 }"
+          >
+            {{ $t('settings.emoji_size') }}
+          </UnitSetting>
+          <ul
+            class="setting-list suboptions"
+          >
+            <li>
+              <FloatSetting
+                v-if="user"
+                path="emojiReactionsScale"
+                :local="true"
+              >
+                {{ $t('settings.emoji_reactions_scale') }}
+              </FloatSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.timelines') }}</h3>
+      <ul class="setting-list">
         <li>
           <BooleanSetting path="streaming">
             {{ $t('settings.streaming') }}
@@ -38,63 +126,24 @@
         <li>
           <BooleanSetting
             path="useStreamingApi"
+            :local="true"
             expert="1"
           >
             {{ $t('settings.useStreamingApi') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            path="virtualScrolling"
-            expert="1"
-          >
-            {{ $t('settings.virtual_scrolling') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="userPopoverAvatarAction"
-            path="userPopoverAvatarAction"
-            :options="userPopoverAvatarActionOptions"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_action') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userPopoverOverlay"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_overlay') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="alwaysShowNewPostButton"
-            expert="1"
-          >
-            {{ $t('settings.always_show_post_button') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autohideFloatingPostButton"
-            expert="1"
-          >
-            {{ $t('settings.autohide_floating_post_button') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="instanceShoutboxPresent">
-          <BooleanSetting
-            path="hideShoutbox"
-            expert="1"
-          >
-            {{ $t('settings.hide_shoutbox') }}
-          </BooleanSetting>
-        </li>
+      </ul>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.confirmations') }}
+      </h3>
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
         <li class="select-multiple">
-          <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
+          <h4 class="label">
+            {{ $t('settings.confirm_dialogs') }}
+          </h4>
           <ul class="option-list">
             <li>
               <BooleanSetting path="modalOnRepeat">
@@ -106,16 +155,15 @@
                 {{ $t('settings.confirm_dialogs_unfollow') }}
               </BooleanSetting>
             </li>
-            <li>
-              <BooleanSetting path="modalOnBlock">
+            <li
+              v-if="!blockExpiration"
+            >
+              <BooleanSetting
+                path="modalOnBlock"
+              >
                 {{ $t('settings.confirm_dialogs_block') }}
               </BooleanSetting>
             </li>
-            <li>
-              <BooleanSetting path="modalOnMute">
-                {{ $t('settings.confirm_dialogs_mute') }}
-              </BooleanSetting>
-            </li>
             <li>
               <BooleanSetting path="modalOnMuteConversation">
                 {{ $t('settings.confirm_dialogs_mute_conversation') }}
@@ -155,383 +203,6 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.post_look_feel') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <ChoiceSetting
-            id="conversationDisplay"
-            path="conversationDisplay"
-            :options="conversationDisplayOptions"
-          >
-            {{ $t('settings.conversation_display') }}
-          </ChoiceSetting>
-        </li>
-        <ul
-          v-if="mergedConfig.conversationDisplay !== 'linear'"
-          class="setting-list suboptions"
-        >
-          <li>
-            <BooleanSetting path="conversationTreeAdvanced">
-              {{ $t('settings.tree_advanced') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="conversationTreeFadeAncestors"
-              :expert="1"
-            >
-              {{ $t('settings.tree_fade_ancestors') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <IntegerSetting
-              path="maxDepthInThread"
-              :min="3"
-              :expert="1"
-            >
-              {{ $t('settings.max_depth_in_thread') }}
-            </IntegerSetting>
-          </li>
-          <li>
-            <ChoiceSetting
-              id="conversationOtherRepliesButton"
-              path="conversationOtherRepliesButton"
-              :options="conversationOtherRepliesButtonOptions"
-              :expert="1"
-            >
-              {{ $t('settings.conversation_other_replies_button') }}
-            </ChoiceSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting path="collapseMessageWithSubject">
-            {{ $t('settings.collapse_subject') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="emojiReactionsOnTimeline"
-            expert="1"
-          >
-            {{ $t('settings.emoji_reactions_on_timeline') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            v-if="user"
-            source="profile"
-            path="stripRichContent"
-            expert="1"
-          >
-            {{ $t('settings.no_rich_text_description') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="useAbsoluteTimeFormat"
-            expert="1"
-          >
-            {{ $t('settings.absolute_time_format') }}
-          </BooleanSetting>
-        </li>
-        <ul
-          v-if="mergedConfig.useAbsoluteTimeFormat"
-          class="setting-list suboptions"
-        >
-          <li>
-            <UnitSetting
-              path="absoluteTimeFormatMinAge"
-              unit-set="time"
-              :units="['s', 'm', 'h', 'd']"
-              :min="0"
-            >
-              {{ $t('settings.absolute_time_format_min_age') }}
-            </UnitSetting>
-          </li>
-          <li>
-            <ChoiceSetting
-              id="absoluteTime12h"
-              path="absoluteTime12h"
-              :options="absoluteTime12hOptions"
-              :expert="1"
-            >
-              {{ $t('settings.absolute_time_format_12h') }}
-            </ChoiceSetting>
-          </li>
-        </ul>
-        <h3>{{ $t('settings.attachments') }}</h3>
-        <li>
-          <BooleanSetting
-            path="imageCompression"
-            expert="1"
-          >
-            {{ $t('settings.image_compression') }}
-          </BooleanSetting>
-        </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="alwaysUseJpeg"
-              expert="1"
-              parent-path="imageCompression"
-            >
-              {{ $t('settings.always_use_jpeg') }}
-            </BooleanSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting
-            path="useContainFit"
-            expert="1"
-          >
-            {{ $t('settings.use_contain_fit') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideNsfw">
-            {{ $t('settings.nsfw_clickthrough') }}
-          </BooleanSetting>
-        </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="preloadImage"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.preload_images') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="useOneClickNsfw"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.use_one_click_nsfw') }}
-            </BooleanSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting
-            path="loopVideo"
-            expert="1"
-          >
-            {{ $t('settings.loop_video') }}
-          </BooleanSetting>
-          <ul class="setting-list suboptions">
-            <li>
-              <BooleanSetting
-                path="loopVideoSilentOnly"
-                expert="1"
-                parent-path="loopVideo"
-                :disabled="!loopSilentAvailable"
-              >
-                {{ $t('settings.loop_video_silent_only') }}
-              </BooleanSetting>
-              <div
-                v-if="!loopSilentAvailable"
-                class="unavailable"
-              >
-                <FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
-              </div>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting
-            path="playVideosInModal"
-            expert="1"
-          >
-            {{ $t('settings.play_videos_in_modal') }}
-          </BooleanSetting>
-        </li>
-        <h3>{{ $t('settings.mention_links') }}</h3>
-        <li>
-          <ChoiceSetting
-            id="mentionLinkDisplay"
-            path="mentionLinkDisplay"
-            :options="mentionLinkDisplayOptions"
-          >
-            {{ $t('settings.mention_link_display') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="mentionLinkShowTooltip"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_use_tooltip') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="mentionLinkShowAvatar">
-            {{ $t('settings.mention_link_show_avatar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="mentionLinkFadeDomain"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_fade_domain') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkBoldenYou"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_bolden_you') }}
-          </BooleanSetting>
-        </li>
-        <h3 v-if="expertLevel > 0">
-          {{ $t('settings.fun') }}
-        </h3>
-        <li>
-          <BooleanSetting
-            path="greentext"
-            expert="1"
-          >
-            {{ $t('settings.greentext') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkShowYous"
-            expert="1"
-          >
-            {{ $t('settings.show_yous') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
-
-    <div
-      v-if="user"
-      class="setting-item"
-    >
-      <h2>{{ $t('settings.composing') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <label for="default-vis">
-            {{ $t('settings.default_vis') }} <ProfileSettingIndicator :is-profile="true" />
-            <ScopeSelector
-              class="scope-selector"
-              :show-all="true"
-              :user-default="$store.state.profileConfig.defaultScope"
-              :initial-scope="$store.state.profileConfig.defaultScope"
-              :on-scope-change="changeDefaultScope"
-            />
-          </label>
-        </li>
-        <li>
-          <!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
-          <BooleanSetting path="sensitiveByDefault">
-            {{ $t('settings.sensitive_by_default') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="scopeCopy"
-            expert="1"
-          >
-            {{ $t('settings.scope_copy') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="alwaysShowSubjectInput"
-            expert="1"
-          >
-            {{ $t('settings.subject_input_always_show') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="subjectLineBehavior"
-            path="subjectLineBehavior"
-            :options="subjectLineOptions"
-            expert="1"
-          >
-            {{ $t('settings.subject_line_behavior') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="postFormats.length > 0">
-          <ChoiceSetting
-            id="postContentType"
-            path="postContentType"
-            :options="postContentOptions"
-          >
-            {{ $t('settings.post_status_content_type') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="minimalScopesMode"
-            expert="1"
-          >
-            {{ $t('settings.minimal_scopes_mode') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="padEmoji"
-            expert="1"
-          >
-            {{ $t('settings.pad_emoji') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autocompleteSelect"
-            expert="1"
-          >
-            {{ $t('settings.autocomplete_select_first') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autoSaveDraft"
-          >
-            {{ $t('settings.auto_save_draft') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="!mergedConfig.autoSaveDraft">
-          <ChoiceSetting
-            id="unsavedPostAction"
-            path="unsavedPostAction"
-            :options="unsavedPostActionOptions"
-          >
-            {{ $t('settings.unsaved_post_action') }}
-          </ChoiceSetting>
-        </li>
-      </ul>
-    </div>
-    <div
-      class="setting-item"
-    >
-      <h2>{{ $t('settings.cache') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearAssetCache"
-          >
-            {{ $t('settings.clear_asset_cache') }}
-          </button>
-        </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearEmojiCache"
-          >
-            {{ $t('settings.clear_emoji_cache') }}
-          </button>
-        </li>
-      </ul>
-    </div>
   </div>
 </template>
 
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
new file mode 100644
index 000000000..fc56e1392
--- /dev/null
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -0,0 +1,51 @@
+import { mapState } from 'pinia'
+
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+const GeneralTab = {
+  data() {
+    return {
+      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.third_column_mode_${mode}`),
+        }),
+      ),
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    UnitSetting,
+  },
+  computed: {
+    ...mapState(useInstanceCapabilitiesStore, [
+      'postFormats',
+      'suggestionsEnabled',
+    ]),
+    columns() {
+      const mode = useMergedConfigStore().mergedConfig.thirdColumnMode
+
+      const notif = mode === 'none' ? [] : ['notifs']
+
+      if (
+        useMergedConfigStore().mergedConfig.sidebarRight ||
+        mode === 'postform'
+      ) {
+        return [...notif, 'content', 'sidebar']
+      } else {
+        return ['sidebar', 'content', ...notif]
+      }
+    },
+    ...SharedComputedObject(),
+  },
+}
+
+export default GeneralTab
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
new file mode 100644
index 000000000..ca514e0cb
--- /dev/null
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -0,0 +1,132 @@
+<template>
+  <div :label="$t('settings.layout')">
+    <div class="setting-section">
+      <h3>{{ $t('settings.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="modalMobileCenter">
+            {{ $t('settings.mobile_center_dialog') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="alwaysShowNewPostButton"
+            expert="1"
+          >
+            {{ $t('settings.always_show_post_button') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autohideFloatingPostButton"
+            expert="1"
+          >
+            {{ $t('settings.autohide_floating_post_button') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userPopoverOverlay"
+            expert="1"
+          >
+            {{ $t('settings.user_popover_avatar_overlay') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="userCardLeftJustify">
+            {{ $t('settings.user_card_left_justify') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="themeEditorMinWidth"
+            :local="true"
+            :units="['px', 'rem']"
+            expert="1"
+          >
+            {{ $t('settings.theme_editor_min_width') }}
+          </UnitSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="navbarSize"
+            :step="0.1"
+            :local="true"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 55, 'rem': 3.5 }"
+          >
+            {{ $t('settings.navbar_size') }}
+          </UnitSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.columns') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="disableStickyHeaders">
+            {{ $t('settings.disable_sticky_headers') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="showScrollbars">
+            {{ $t('settings.show_scrollbars') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="panelHeaderSize"
+            :local="true"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 52, 'rem': 3.2 }"
+            timed-apply-mode
+          >
+            {{ $t('settings.panel_header_size') }}
+          </UnitSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="sidebarRight"
+          >
+            {{ $t('settings.right_sidebar') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="navbarColumnStretch"
+          >
+            {{ $t('settings.navbar_column_stretch') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            v-if="user"
+            id="thirdColumnMode"
+            path="thirdColumnMode"
+            :options="thirdColumnModeOptions"
+          >
+            {{ $t('settings.third_column_mode') }}
+          </ChoiceSetting>
+        </li>
+        <li v-if="expertLevel > 0">
+          <h4> {{ $t('settings.column_sizes') }} </h4>
+          <div class="column-settings">
+            <UnitSetting
+              v-for="column in columns"
+              :key="column"
+              :local="true"
+              :path="column + 'ColumnWidth'"
+              :units="horizontalUnits"
+              expert="1"
+            >
+              {{ $t('settings.column_sizes_' + column) }}
+            </UnitSetting>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./layout_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 36dc8a090..cb198619f 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -1,47 +1,56 @@
 import get from 'lodash/get'
 import map from 'lodash/map'
 import reject from 'lodash/reject'
-import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import BlockCard from 'src/components/block_card/block_card.vue'
-import MuteCard from 'src/components/mute_card/mute_card.vue'
-import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
-import SelectableList from 'src/components/selectable_list/selectable_list.vue'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
-import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
+
 import withLoadMore from 'src/components/../hocs/with_load_more/with_load_more'
+import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
+import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
+import BlockCard from 'src/components/block_card/block_card.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
+import MuteCard from 'src/components/mute_card/mute_card.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import SelectableList from 'src/components/selectable_list/selectable_list.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
 
 const BlockList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchBlocks'),
-  select: (props, $store) => get($store.state.users.currentUser, 'blockIds', []),
-  destroy: () => {},
-  childPropName: 'items'
+  select: (props, $store) =>
+    get($store.state.users.currentUser, 'blockIds', []),
+  destroy: () => {
+    /* no-op */
+  },
+  childPropName: 'items',
 })(SelectableList)
 
 const MuteList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchMutes'),
   select: (props, $store) => get($store.state.users.currentUser, 'muteIds', []),
-  destroy: () => {},
-  childPropName: 'items'
+  destroy: () => {
+    /* no-op */
+  },
+  childPropName: 'items',
 })(SelectableList)
 
 const DomainMuteList = withSubscription({
   fetch: (props, $store) => $store.dispatch('fetchDomainMutes'),
-  select: (props, $store) => get($store.state.users.currentUser, 'domainMutes', []),
-  childPropName: 'items'
+  select: (props, $store) =>
+    get($store.state.users.currentUser, 'domainMutes', []),
+  childPropName: 'items',
 })(SelectableList)
 
 const MutesAndBlocks = {
-  data () {
+  data() {
     return {
-      activeTab: 'profile'
+      activeTab: 'profile',
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
-    this.$store.dispatch('getKnownDomains')
+    useInstanceStore().getKnownDomains()
   },
   components: {
     TabSwitcher,
@@ -53,87 +62,94 @@ const MutesAndBlocks = {
     DomainMuteCard,
     ProgressButton,
     Autosuggest,
-    Checkbox
+    Checkbox,
   },
   computed: {
-    knownDomains () {
-      return this.$store.state.instance.knownDomains
+    knownDomains() {
+      return useInstanceStore().knownDomains
     },
-    user () {
+    user() {
       return this.$store.state.users.currentUser
-    }
+    },
   },
   methods: {
-    importFollows (file) {
-      return this.$store.state.api.backendInteractor.importFollows({ file })
+    importFollows(file) {
+      return this.$store.state.api.backendInteractor
+        .importFollows({ file })
         .then((status) => {
           if (!status) {
             throw new Error('failed')
           }
         })
     },
-    importBlocks (file) {
-      return this.$store.state.api.backendInteractor.importBlocks({ file })
+    importBlocks(file) {
+      return this.$store.state.api.backendInteractor
+        .importBlocks({ file })
         .then((status) => {
           if (!status) {
             throw new Error('failed')
           }
         })
     },
-    generateExportableUsersContent (users) {
+    generateExportableUsersContent(users) {
       // Get addresses
-      return users.map((user) => {
-        // check is it's a local user
-        if (user && user.is_local) {
-          // append the instance address
-          return user.screen_name + '@' + location.hostname
-        }
-        return user.screen_name
-      }).join('\n')
+      return users
+        .map((user) => {
+          // check is it's a local user
+          if (user && user.is_local) {
+            // append the instance address
+            return user.screen_name + '@' + location.hostname
+          }
+          return user.screen_name
+        })
+        .join('\n')
     },
-    activateTab (tabName) {
+    activateTab(tabName) {
       this.activeTab = tabName
     },
-    filterUnblockedUsers (userIds) {
+    filterUnblockedUsers(userIds) {
       return reject(userIds, (userId) => {
         const relationship = this.$store.getters.relationship(this.userId)
         return relationship.blocking || userId === this.user.id
       })
     },
-    filterUnMutedUsers (userIds) {
+    filterUnMutedUsers(userIds) {
       return reject(userIds, (userId) => {
         const relationship = this.$store.getters.relationship(this.userId)
         return relationship.muting || userId === this.user.id
       })
     },
-    queryUserIds (query) {
-      return this.$store.dispatch('searchUsers', { query })
+    queryUserIds(query) {
+      return this.$store
+        .dispatch('searchUsers', { query })
         .then((users) => map(users, 'id'))
     },
-    blockUsers (ids) {
+    blockUsers(ids) {
       return this.$store.dispatch('blockUsers', ids)
     },
-    unblockUsers (ids) {
+    unblockUsers(ids) {
       return this.$store.dispatch('unblockUsers', ids)
     },
-    muteUsers (ids) {
+    muteUsers(ids) {
       return this.$store.dispatch('muteUsers', ids)
     },
-    unmuteUsers (ids) {
+    unmuteUsers(ids) {
       return this.$store.dispatch('unmuteUsers', ids)
     },
-    filterUnMutedDomains (urls) {
-      return urls.filter(url => !this.user.domainMutes.includes(url))
+    filterUnMutedDomains(urls) {
+      return urls.filter((url) => !this.user.domainMutes.includes(url))
     },
-    queryKnownDomains (query) {
+    queryKnownDomains(query) {
       return new Promise((resolve) => {
-        resolve(this.knownDomains.filter(url => url.toLowerCase().includes(query)))
+        resolve(
+          this.knownDomains.filter((url) => url.toLowerCase().includes(query)),
+        )
       })
     },
-    unmuteDomains (domains) {
+    unmuteDomains(domains) {
       return this.$store.dispatch('unmuteDomains', domains)
-    }
-  }
+    },
+  },
 }
 
 export default MutesAndBlocks
diff --git a/src/components/settings_modal/tabs/notifications_tab.js b/src/components/settings_modal/tabs/notifications_tab.js
index c53b5889d..c863a7b9f 100644
--- a/src/components/settings_modal/tabs/notifications_tab.js
+++ b/src/components/settings_modal/tabs/notifications_tab.js
@@ -2,32 +2,36 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const NotificationsTab = {
-  data () {
+  data() {
     return {
       activeTab: 'profile',
-      notificationSettings: this.$store.state.users.currentUser.notification_settings,
-      newDomainToMute: ''
+      notificationSettings:
+        this.$store.state.users.currentUser.notification_settings,
+      newDomainToMute: '',
     }
   },
   components: {
-    BooleanSetting
+    BooleanSetting,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    canReceiveReports () {
-      if (!this.user) { return false }
+    canReceiveReports() {
+      if (!this.user) {
+        return false
+      }
       return this.user.privileges.includes('reports_manage_reports')
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    updateNotificationSettings () {
-      this.$store.state.api.backendInteractor
-        .updateNotificationSettings({ settings: this.notificationSettings })
-    }
-  }
+    updateNotificationSettings() {
+      this.$store.state.api.backendInteractor.updateNotificationSettings({
+        settings: this.notificationSettings,
+      })
+    },
+  },
 }
 
 export default NotificationsTab
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index 10228888c..ba50f5b21 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -1,7 +1,7 @@
 <template>
   <div :label="$t('settings.notifications')">
-    <div class="setting-item">
-      <h2>{{ $t('settings.notification_setting_annoyance') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('settings.notification_setting_annoyance') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting path="closingDrawerMarksAsSeen">
@@ -12,11 +12,9 @@
           <BooleanSetting path="ignoreInactionableSeen">
             {{ $t('settings.notification_setting_ignore_inactionable_seen') }}
           </BooleanSetting>
-          <div>
-            <small>
-              {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
-            </small>
-          </div>
+          <p class="sidenote">
+            {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
+          </p>
         </li>
         <li>
           <BooleanSetting
@@ -28,8 +26,8 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.notification_setting_filters') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('settings.notification_setting_filters') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
@@ -40,13 +38,16 @@
           </BooleanSetting>
         </li>
         <li>
-          <h3> {{ $t('settings.notification_visibility') }}</h3>
-          <p v-if="expertLevel > 0">
+          <h4> {{ $t('settings.notification_visibility') }}</h4>
+          <p
+            v-if="expertLevel > 0"
+            class="sidenote"
+          >
             {{ $t('settings.notification_setting_filters_chrome_push') }}
           </p>
           <ul class="setting-list two-column">
             <li>
-              <h4> {{ $t('settings.notification_visibility_mentions') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_mentions') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.mentions">
@@ -61,7 +62,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_statuses') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_statuses') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.statuses">
@@ -76,7 +77,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_likes') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_likes') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.likes">
@@ -91,7 +92,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_repeats') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_repeats') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.repeats">
@@ -106,7 +107,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_emoji_reactions') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_emoji_reactions') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.emojiReactions">
@@ -121,7 +122,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_follows') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_follows') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.follows">
@@ -136,7 +137,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_follow_requests') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_follow_requests') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.followRequest">
@@ -151,7 +152,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_moves') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_moves') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.moves">
@@ -166,7 +167,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_polls') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_polls') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.polls">
@@ -181,7 +182,7 @@
               </ul>
             </li>
             <li v-if="canReceiveReports">
-              <h4> {{ $t('settings.notification_visibility_reports') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_reports') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.reports">
@@ -201,8 +202,6 @@
           <BooleanSetting path="showExtraNotifications">
             {{ $t('settings.notification_show_extra') }}
           </BooleanSetting>
-        </li>
-        <li>
           <ul class="setting-list suboptions">
             <li>
               <BooleanSetting
@@ -243,13 +242,14 @@
 
     <div
       v-if="expertLevel > 0"
-      class="setting-item"
+      class="setting-section"
     >
-      <h2>{{ $t('settings.notification_setting_privacy') }}</h2>
+      <h3>{{ $t('settings.notification_setting_privacy') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
             path="webPushNotifications"
+            :local="true"
             expert="1"
           >
             {{ $t('settings.enable_web_push_notifications') }}
@@ -258,21 +258,24 @@
             <li>
               <BooleanSetting
                 path="webPushAlwaysShowNotifications"
+                :local="true"
                 :disabled="!mergedConfig.webPushNotifications"
               >
                 {{ $t('settings.enable_web_push_always_show') }}
               </BooleanSetting>
-              <div :class="{ faint: !mergedConfig.webPushNotifications }">
-                <small>
-                  {{ $t('settings.enable_web_push_always_show_tip') }}
-                </small>
-              </div>
+              <p
+                :class="{ faint: !mergedConfig.webPushNotifications }"
+                class="sidenote"
+              >
+                {{ $t('settings.enable_web_push_always_show_tip') }}
+              </p>
             </li>
           </ul>
         </li>
         <li>
           <BooleanSetting
             source="profile"
+            :local="true"
             path="webPushHideContents"
             expert="1"
           >
@@ -281,10 +284,12 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
-      <p>{{ $t('settings.notification_mutes') }}</p>
-      <p>{{ $t('settings.notification_blocks') }}</p>
-    </div>
+    <p class="sidenote">
+      <ul>
+        <li>{{ $t('settings.notification_mutes') }}</li>
+        <li>{{ $t('settings.notification_blocks') }}</li>
+      </ul>
+    </p>
   </div>
 </template>
 
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
similarity index 65%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.js
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
index a44d4d333..d46ddcb52 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
@@ -1,49 +1,52 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import RangeInput from 'src/components/range_input/range_input.vue'
+import Select from 'src/components/select/select.vue'
+import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Preview from './theme_preview.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import {
-  rgb2hex,
-  hex2rgb,
   getContrastRatioLayers,
-  relativeLuminance
+  hex2rgb,
+  relativeLuminance,
+  rgb2hex,
 } from 'src/services/color_convert/color_convert.js'
 import {
+  newExporter,
   newImporter,
-  newExporter
 } from 'src/services/export_import/export_import.js'
 import {
-  SLOT_INHERITANCE
-} from 'src/services/theme_data/pleromafe.js'
-import {
-  CURRENT_VERSION,
-  OPACITIES,
-  getLayers,
-  getOpacitySlot,
-  DEFAULT_SHADOWS,
-  generateColors,
-  generateShadows,
-  generateRadii,
-  generateFonts,
-  shadows2to3,
-  colors2to3
-} from 'src/services/theme_data/theme_data.service.js'
-
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
 import {
   getCssRules,
-  getScopedVersion
+  getScopedVersion,
 } from 'src/services/theme_data/css_utils.js'
-
-import ColorInput from 'src/components/color_input/color_input.vue'
-import RangeInput from 'src/components/range_input/range_input.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Select from 'src/components/select/select.vue'
-
-import Preview from './theme_preview.vue'
-import { useInterfaceStore } from 'src/stores/interface'
+import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
+import {
+  CURRENT_VERSION,
+  colors2to3,
+  DEFAULT_SHADOWS,
+  generateColors,
+  generateFonts,
+  generateRadii,
+  generateShadows,
+  getLayers,
+  getOpacitySlot,
+  OPACITIES,
+  shadows2to3,
+} from 'src/services/theme_data/theme_data.service.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 
 // List of color values used in v1
 const v1OnlyNames = [
@@ -54,8 +57,8 @@ const v1OnlyNames = [
   'cRed',
   'cGreen',
   'cBlue',
-  'cOrange'
-].map(_ => _ + 'ColorLocal')
+  'cOrange',
+].map((_) => _ + 'ColorLocal')
 
 const colorConvert = (color) => {
   if (color.startsWith('--') || color === 'transparent') {
@@ -66,21 +69,20 @@ const colorConvert = (color) => {
 }
 
 export default {
-  data () {
+  data() {
     return {
-      themeV3Preview: [],
       themeImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       themeExporter: newExporter({
         filename: 'pleroma_theme',
-        getExportedObject: () => this.exportedTheme
+        getExportedObject: () => this.exportedTheme,
       }),
       availableStyles: [],
       selected: '',
-      selectedTheme: this.$store.getters.mergedConfig.theme,
+      selectedTheme: useMergedConfigStore().mergedConfig.theme,
       themeWarning: undefined,
       tempImportFile: undefined,
       engineVersion: 0,
@@ -98,12 +100,18 @@ export default {
       keepFonts: false,
 
       ...Object.keys(SLOT_INHERITANCE)
-        .map(key => [key, ''])
-        .reduce((acc, [key, val]) => ({ ...acc, [key + 'ColorLocal']: val }), {}),
+        .map((key) => [key, ''])
+        .reduce(
+          (acc, [key, val]) => ({ ...acc, [key + 'ColorLocal']: val }),
+          {},
+        ),
 
       ...Object.keys(OPACITIES)
-        .map(key => [key, ''])
-        .reduce((acc, [key, val]) => ({ ...acc, [key + 'OpacityLocal']: val }), {}),
+        .map((key) => [key, ''])
+        .reduce(
+          (acc, [key, val]) => ({ ...acc, [key + 'OpacityLocal']: val }),
+          {},
+        ),
 
       shadowSelected: undefined,
       shadowsLocal: {},
@@ -117,11 +125,11 @@ export default {
       avatarAltRadiusLocal: '',
       attachmentRadiusLocal: '',
       tooltipRadiusLocal: '',
-      chatMessageRadiusLocal: ''
+      chatMessageRadiusLocal: '',
     }
   },
-  created () {
-    const currentIndex = this.$store.state.instance.themesIndex
+  created() {
+    const currentIndex = useInstanceStore().themesIndex
 
     let promise
     if (currentIndex) {
@@ -130,50 +138,48 @@ export default {
       promise = useInterfaceStore().fetchThemesIndex()
     }
 
-    promise.then(themesIndex => {
-      Object
-        .values(themesIndex)
-        .forEach(themeFunc => {
-          themeFunc().then(themeData => themeData && this.availableStyles.push(themeData))
-        })
+    promise.then((themesIndex) => {
+      Object.values(themesIndex).forEach((themeFunc) => {
+        themeFunc().then(
+          (themeData) => themeData && this.availableStyles.push(themeData),
+        )
+      })
     })
   },
-  mounted () {
+  mounted() {
     if (typeof this.shadowSelected === 'undefined') {
       this.shadowSelected = this.shadowsAvailable[0]
     }
   },
   computed: {
-    themeWarningHelp () {
+    themeWarningHelp() {
       if (!this.themeWarning) return
       const t = this.$t
       const pre = 'settings.style.switcher.help.'
-      const {
-        origin,
-        themeEngineVersion,
-        type,
-        noActionsPossible
-      } = this.themeWarning
+      const { origin, themeEngineVersion, type, noActionsPossible } =
+        this.themeWarning
       if (origin === 'file') {
         // Loaded v2 theme from file
         if (themeEngineVersion === 2 && type === 'wrong_version') {
           return t(pre + 'v2_imported')
         }
         if (themeEngineVersion > CURRENT_VERSION) {
-          return t(pre + 'future_version_imported') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'snapshot_missing')
-                : t(pre + 'snapshot_present')
-            )
+          return (
+            t(pre + 'future_version_imported') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'snapshot_missing')
+              : t(pre + 'snapshot_present'))
+          )
         }
         if (themeEngineVersion < CURRENT_VERSION) {
-          return t(pre + 'future_version_imported') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'snapshot_missing')
-                : t(pre + 'snapshot_present')
-            )
+          return (
+            t(pre + 'future_version_imported') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'snapshot_missing')
+              : t(pre + 'snapshot_present'))
+          )
         }
       } else if (origin === 'localStorage') {
         if (type === 'snapshot_source_mismatch') {
@@ -185,38 +191,40 @@ export default {
         }
         // Admin downgraded FE
         if (themeEngineVersion > CURRENT_VERSION) {
-          return t(pre + 'fe_downgraded') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'migration_snapshot_ok')
-                : t(pre + 'migration_snapshot_gone')
-            )
+          return (
+            t(pre + 'fe_downgraded') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'migration_snapshot_ok')
+              : t(pre + 'migration_snapshot_gone'))
+          )
         }
         // Admin upgraded FE
         if (themeEngineVersion < CURRENT_VERSION) {
-          return t(pre + 'fe_upgraded') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'migration_snapshot_ok')
-                : t(pre + 'migration_snapshot_gone')
-            )
+          return (
+            t(pre + 'fe_upgraded') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'migration_snapshot_ok')
+              : t(pre + 'migration_snapshot_gone'))
+          )
         }
       }
     },
-    selectedVersion () {
+    selectedVersion() {
       return Array.isArray(this.selectedTheme) ? 1 : 2
     },
-    currentColors () {
+    currentColors() {
       return Object.keys(SLOT_INHERITANCE)
-        .map(key => [key, this[key + 'ColorLocal']])
+        .map((key) => [key, this[key + 'ColorLocal']])
         .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {})
     },
-    currentOpacity () {
+    currentOpacity() {
       return Object.keys(OPACITIES)
-        .map(key => [key, this[key + 'OpacityLocal']])
+        .map((key) => [key, this[key + 'OpacityLocal']])
         .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {})
     },
-    currentRadii () {
+    currentRadii() {
       return {
         btn: this.btnRadiusLocal,
         input: this.inputRadiusLocal,
@@ -226,11 +234,11 @@ export default {
         avatarAlt: this.avatarAltRadiusLocal,
         tooltip: this.tooltipRadiusLocal,
         attachment: this.attachmentRadiusLocal,
-        chatMessage: this.chatMessageRadiusLocal
+        chatMessage: this.chatMessageRadiusLocal,
       }
     },
     // This needs optimization maybe
-    previewContrast () {
+    previewContrast() {
       try {
         if (!this.previewTheme.colors.bg) return {}
         const colors = this.previewTheme.colors
@@ -243,113 +251,124 @@ export default {
           aaa: ratio >= 7,
           // same but for 18pt+ texts
           laa: ratio >= 3,
-          laaa: ratio >= 4.5
+          laaa: ratio >= 4.5,
         })
-        const colorsConverted = Object.entries(colors).reduce((acc, [key, value]) => ({ ...acc, [key]: colorConvert(value) }), {})
+        const colorsConverted = Object.entries(colors).reduce(
+          (acc, [key, value]) => ({ ...acc, [key]: colorConvert(value) }),
+          {},
+        )
 
-        const ratios = Object.entries(SLOT_INHERITANCE).reduce((acc, [key, value]) => {
-          const slotIsBaseText = key === 'text' || key === 'link'
-          const slotIsText = slotIsBaseText || (
-            typeof value === 'object' && value !== null && value.textColor
-          )
-          if (!slotIsText) return acc
-          const { layer, variant } = slotIsBaseText ? { layer: 'bg' } : value
-          const background = variant || layer
-          const opacitySlot = getOpacitySlot(background)
-          const textColors = [
-            key,
-            ...(background === 'bg' ? ['cRed', 'cGreen', 'cBlue', 'cOrange'] : [])
-          ]
+        const ratios = Object.entries(SLOT_INHERITANCE).reduce(
+          (acc, [key, value]) => {
+            const slotIsBaseText = key === 'text' || key === 'link'
+            const slotIsText =
+              slotIsBaseText ||
+              (typeof value === 'object' && value !== null && value.textColor)
+            if (!slotIsText) return acc
+            const { layer, variant } = slotIsBaseText ? { layer: 'bg' } : value
+            const background = variant || layer
+            const opacitySlot = getOpacitySlot(background)
+            const textColors = [
+              key,
+              ...(background === 'bg'
+                ? ['cRed', 'cGreen', 'cBlue', 'cOrange']
+                : []),
+            ]
 
-          const layers = getLayers(
-            layer,
-            variant || layer,
-            opacitySlot,
-            colorsConverted,
-            opacity
-          )
+            const layers = getLayers(
+              layer,
+              variant || layer,
+              opacitySlot,
+              colorsConverted,
+              opacity,
+            )
 
-          // Temporary patch for null-y value errors
-          if (layers.flat().some(v => v == null)) return acc
+            // Temporary patch for null-y value errors
+            if (layers.flat().some((v) => v == null)) return acc
 
-          return {
-            ...acc,
-            ...textColors.reduce((acc, textColorKey) => {
-              const newKey = slotIsBaseText
-                ? 'bg' + textColorKey[0].toUpperCase() + textColorKey.slice(1)
-                : textColorKey
-              return {
-                ...acc,
-                [newKey]: getContrastRatioLayers(
-                  colorsConverted[textColorKey],
-                  layers,
-                  colorsConverted[textColorKey]
-                )
-              }
-            }, {})
-          }
+            return {
+              ...acc,
+              ...textColors.reduce((acc, textColorKey) => {
+                const newKey = slotIsBaseText
+                  ? 'bg' + textColorKey[0].toUpperCase() + textColorKey.slice(1)
+                  : textColorKey
+                return {
+                  ...acc,
+                  [newKey]: getContrastRatioLayers(
+                    colorsConverted[textColorKey],
+                    layers,
+                    colorsConverted[textColorKey],
+                  ),
+                }
+              }, {}),
+            }
+          },
+          {},
+        )
+
+        return Object.entries(ratios).reduce((acc, [k, v]) => {
+          acc[k] = hints(v)
+          return acc
         }, {})
-
-        return Object.entries(ratios).reduce((acc, [k, v]) => { acc[k] = hints(v); return acc }, {})
       } catch (e) {
         console.warn('Failure computing contrasts', e)
         return {}
       }
     },
-    themeDataUsed () {
+    themeDataUsed() {
       return useInterfaceStore().themeDataUsed
     },
-    shadowsAvailable () {
+    shadowsAvailable() {
       return Object.keys(DEFAULT_SHADOWS).sort()
     },
     currentShadowOverriden: {
-      get () {
+      get() {
         return !!this.currentShadow
       },
-      set (val) {
+      set(val) {
         if (val) {
-          this.shadowsLocal[this.shadowSelected] = (this.currentShadowFallback || [])
-            .map(s => ({
-              name: null,
-              x: 0,
-              y: 0,
-              blur: 0,
-              spread: 0,
-              inset: false,
-              color: '#000000',
-              alpha: 1,
-              ...s
-            }))
+          this.shadowsLocal[this.shadowSelected] = (
+            this.currentShadowFallback || []
+          ).map((s) => ({
+            name: null,
+            x: 0,
+            y: 0,
+            blur: 0,
+            spread: 0,
+            inset: false,
+            color: '#000000',
+            alpha: 1,
+            ...s,
+          }))
         } else {
           delete this.shadowsLocal[this.shadowSelected]
         }
-      }
+      },
     },
-    currentShadowFallback () {
+    currentShadowFallback() {
       return (this.previewTheme.shadows || {})[this.shadowSelected]
     },
     currentShadow: {
-      get () {
+      get() {
         return this.shadowsLocal[this.shadowSelected]
       },
-      set (v) {
+      set(v) {
         this.shadowsLocal[this.shadowSelected] = v
-      }
+      },
     },
-    themeValid () {
+    themeValid() {
       return !this.shadowsInvalid && !this.colorsInvalid && !this.radiiInvalid
     },
-    exportedTheme () {
-      const saveEverything = (
+    exportedTheme() {
+      const saveEverything =
         !this.keepFonts &&
         !this.keepShadows &&
         !this.keepOpacity &&
         !this.keepRoundness &&
         !this.keepColor
-      )
 
       const source = {
-        themeEngineVersion: CURRENT_VERSION
+        themeEngineVersion: CURRENT_VERSION,
       }
 
       if (this.keepFonts || saveEverything) {
@@ -370,18 +389,20 @@ export default {
 
       const theme = {
         themeEngineVersion: CURRENT_VERSION,
-        ...this.previewTheme
+        ...this.previewTheme,
       }
 
       return {
         // To separate from other random JSON files and possible future source formats
-        _pleroma_theme_version: 2, theme, source
+        _pleroma_theme_version: 2,
+        theme,
+        source,
       }
     },
-    isActive () {
+    isActive() {
       const tabSwitcher = this.$parent
       return tabSwitcher ? tabSwitcher.isActive('theme') : false
-    }
+    },
   },
   components: {
     ColorInput,
@@ -393,70 +414,65 @@ export default {
     TabSwitcher,
     Preview,
     Checkbox,
-    Select
+    Select,
   },
   methods: {
-    loadTheme (
-      {
-        theme,
-        source,
-        _pleroma_theme_version: fileVersion
-      },
+    loadTheme(
+      { theme, source, _pleroma_theme_version: fileVersion },
       origin,
-      forceUseSource = false
+      forceUseSource = false,
     ) {
       this.dismissWarning()
-      const version = (origin === 'localStorage' && !theme.colors)
-        ? 'l1'
-        : fileVersion
+      const version =
+        origin === 'localStorage' && !theme.colors ? 'l1' : fileVersion
       const snapshotEngineVersion = (theme || {}).themeEngineVersion
       const themeEngineVersion = (source || {}).themeEngineVersion || 2
       const versionsMatch = themeEngineVersion === CURRENT_VERSION
-      const sourceSnapshotMismatch = (
+      const sourceSnapshotMismatch =
         theme !== undefined &&
-          source !== undefined &&
-          themeEngineVersion !== snapshotEngineVersion
-      )
+        source !== undefined &&
+        themeEngineVersion !== snapshotEngineVersion
       // Force loading of source if user requested it or if snapshot
       // is unavailable
       const forcedSourceLoad = (source && forceUseSource) || !theme
-      if (!(versionsMatch && !sourceSnapshotMismatch) &&
-          !forcedSourceLoad &&
-          version !== 'l1' &&
-          origin !== 'defaults'
+      if (
+        !(versionsMatch && !sourceSnapshotMismatch) &&
+        !forcedSourceLoad &&
+        version !== 'l1' &&
+        origin !== 'defaults'
       ) {
         if (sourceSnapshotMismatch && origin === 'localStorage') {
           this.themeWarning = {
             origin,
             themeEngineVersion,
-            type: 'snapshot_source_mismatch'
+            type: 'snapshot_source_mismatch',
           }
         } else if (!theme) {
           this.themeWarning = {
             origin,
             noActionsPossible: true,
             themeEngineVersion,
-            type: 'no_snapshot_old_version'
+            type: 'no_snapshot_old_version',
           }
         } else if (!versionsMatch) {
           this.themeWarning = {
             origin,
             noActionsPossible: !source,
             themeEngineVersion,
-            type: 'wrong_version'
+            type: 'wrong_version',
           }
         }
       }
       this.normalizeLocalState(theme, version, source, forcedSourceLoad)
     },
-    forceLoadLocalStorage () {
+    forceLoadLocalStorage() {
       this.loadThemeFromLocalStorage(true)
     },
-    dismissWarning () {
+    dismissWarning() {
       this.themeWarning = undefined
       this.tempImportFile = undefined
     },
-    forceLoad () {
+    forceLoad() {
       const { origin } = this.themeWarning
       switch (origin) {
         case 'localStorage':
@@ -468,7 +484,7 @@ export default {
       }
       this.dismissWarning()
     },
-    forceSnapshot () {
+    forceSnapshot() {
       const { origin } = this.themeWarning
       switch (origin) {
         case 'localStorage':
@@ -480,25 +496,25 @@ export default {
       }
       this.dismissWarning()
     },
-    loadThemeFromLocalStorage (confirmLoadSource = false) {
+    loadThemeFromLocalStorage(confirmLoadSource = false) {
       const theme = this.themeDataUsed?.source
       if (theme) {
         this.loadTheme(
           {
-            theme
+            theme,
           },
           'localStorage',
-          confirmLoadSource
+          confirmLoadSource,
         )
       }
     },
-    setCustomTheme () {
+    setCustomTheme() {
       useInterfaceStore().setThemeV2({
         customTheme: {
           ignore: true,
           themeFileVersion: this.selectedVersion,
           themeEngineVersion: CURRENT_VERSION,
-          ...this.previewTheme
+          ...this.previewTheme,
         },
         customThemeSource: {
           themeFileVersion: this.selectedVersion,
@@ -507,77 +523,84 @@ export default {
           fonts: this.fontsLocal,
           opacity: this.currentOpacity,
           colors: this.currentColors,
-          radii: this.currentRadii
-        }
+          radii: this.currentRadii,
+        },
       })
     },
-    updatePreviewColors () {
+    updatePreviewColors() {
       const result = generateColors({
         opacity: this.currentOpacity,
-        colors: this.currentColors
+        colors: this.currentColors,
       })
       this.previewTheme.colors = result.theme.colors
       this.previewTheme.opacity = result.theme.opacity
     },
-    updatePreviewShadows () {
+    updatePreviewShadows() {
       this.previewTheme.shadows = generateShadows(
         {
           shadows: this.shadowsLocal,
           opacity: this.previewTheme.opacity,
-          themeEngineVersion: this.engineVersion
+          themeEngineVersion: this.engineVersion,
         },
         this.previewTheme.colors,
-        relativeLuminance(this.previewTheme.colors.bg) < 0.5 ? 1 : -1
+        relativeLuminance(this.previewTheme.colors.bg) < 0.5 ? 1 : -1,
       ).theme.shadows
     },
-    importTheme () { this.themeImporter.importData() },
-    exportTheme () { this.themeExporter.exportData() },
-    onImport (parsed, forceSource = false) {
+    importTheme() {
+      this.themeImporter.importData()
+    },
+    exportTheme() {
+      this.themeExporter.exportData()
+    },
+    onImport(parsed, forceSource = false) {
       this.tempImportFile = parsed
       this.loadTheme(parsed, 'file', forceSource)
     },
-    onImportFailure () {
-      useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+    onImportFailure() {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'settings.invalid_theme_imported',
+        level: 'error',
+      })
     },
-    importValidator (parsed) {
+    importValidator(parsed) {
       const version = parsed._pleroma_theme_version
       return version >= 1 || version <= 2
     },
-    clearAll () {
+    clearAll() {
       this.loadThemeFromLocalStorage()
     },
 
     // Clears all the extra stuff when loading V1 theme
-    clearV1 () {
+    clearV1() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('ColorLocal') || _.endsWith('OpacityLocal'))
-        .filter(_ => !v1OnlyNames.includes(_))
-        .forEach(key => {
+        .filter((_) => _.endsWith('ColorLocal') || _.endsWith('OpacityLocal'))
+        .filter((_) => !v1OnlyNames.includes(_))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearRoundness () {
+    clearRoundness() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('RadiusLocal'))
-        .forEach(key => {
+        .filter((_) => _.endsWith('RadiusLocal'))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearOpacity () {
+    clearOpacity() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('OpacityLocal'))
-        .forEach(key => {
+        .filter((_) => _.endsWith('OpacityLocal'))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearShadows () {
+    clearShadows() {
       this.shadowsLocal = {}
     },
 
-    clearFonts () {
+    clearFonts() {
       this.fontsLocal = {}
     },
 
@@ -594,7 +617,7 @@ export default {
      * @param {Boolean} source - by default source won't be used if version doesn't match since it might render differently
      *                           this allows importing source anyway
      */
-    normalizeLocalState (theme, version = 0, source, forceSource = false) {
+    normalizeLocalState(theme, version = 0, source, forceSource = false) {
       let input
       if (typeof source !== 'undefined') {
         if (forceSource || source?.themeEngineVersion === CURRENT_VERSION) {
@@ -618,11 +641,17 @@ export default {
       if (version === 0) {
         if (input.version) version = input.version
         // Old v1 naming: fg is text, btn is foreground
-        if (typeof colors.text === 'undefined' && typeof colors.fg !== 'undefined') {
+        if (
+          typeof colors.text === 'undefined' &&
+          typeof colors.fg !== 'undefined'
+        ) {
           version = 1
         }
         // New v2 naming: text is text, fg is foreground
-        if (typeof colors.text !== 'undefined' && typeof colors.fg !== 'undefined') {
+        if (
+          typeof colors.text !== 'undefined' &&
+          typeof colors.fg !== 'undefined'
+        ) {
           version = 2
         }
       }
@@ -648,7 +677,7 @@ export default {
             .add('cOrange')
         }
 
-        keys.forEach(key => {
+        keys.forEach((key) => {
           const color = colors[key]
           const hex = rgb2hex(colors[key])
           this[key + 'ColorLocal'] = hex === '#aN' ? color : hex
@@ -689,27 +718,32 @@ export default {
         this.fontsLocal = fonts
       }
     },
-    updateTheme3Preview () {
+    updateTheme3Preview() {
       const theme2 = convertTheme2To3(this.previewTheme)
       const theme3 = init({
         inputRuleset: theme2,
         ultimateBackgroundColor: '#000000',
-        liteMode: true
+        liteMode: true,
       })
 
-      this.themeV3Preview = getScopedVersion(
-        getCssRules(theme3.eager),
-        '#theme-preview'
-      ).join('\n')
-    }
+      const sheet = createStyleSheet('theme-tab-overall-preview', 90)
+      const rule = getScopedVersion(getCssRules(theme3.eager), '&').join('\n')
+
+      sheet.clear()
+      sheet.addRule('#theme-preview {\n' + rule + '\n}')
+      sheet.ready = true
+      adoptStyleSheets()
+    },
   },
   watch: {
-    themeDataUsed () {
+    themeDataUsed() {
       this.loadThemeFromLocalStorage()
     },
-    currentRadii () {
+    currentRadii() {
       try {
-        this.previewTheme.radii = generateRadii({ radii: this.currentRadii }).theme.radii
+        this.previewTheme.radii = generateRadii({
+          radii: this.currentRadii,
+        }).theme.radii
         this.radiiInvalid = false
       } catch (e) {
         this.radiiInvalid = true
@@ -717,7 +751,7 @@ export default {
       }
     },
     shadowsLocal: {
-      handler () {
+      handler() {
         try {
           this.updatePreviewShadows()
           this.shadowsInvalid = false
@@ -726,21 +760,23 @@ export default {
           console.warn(e)
         }
       },
-      deep: true
+      deep: true,
     },
     fontsLocal: {
-      handler () {
+      handler() {
         try {
-          this.previewTheme.fonts = generateFonts({ fonts: this.fontsLocal }).theme.fonts
+          this.previewTheme.fonts = generateFonts({
+            fonts: this.fontsLocal,
+          }).theme.fonts
           this.fontsInvalid = false
         } catch (e) {
           this.fontsInvalid = true
           console.warn(e)
         }
       },
-      deep: true
+      deep: true,
     },
-    currentColors () {
+    currentColors() {
       try {
         this.updatePreviewColors()
         this.colorsInvalid = false
@@ -749,23 +785,25 @@ export default {
         console.warn(e)
       }
     },
-    currentOpacity () {
+    currentOpacity() {
       try {
         this.updatePreviewColors()
       } catch (e) {
         console.warn(e)
       }
     },
-    selected () {
-      this.selectedTheme = Object.entries(this.availableStyles).find(([, s]) => {
-        if (Array.isArray(s)) {
-          return s[0] === this.selected
-        } else {
-          return s.name === this.selected
-        }
-      })[1]
+    selected() {
+      this.selectedTheme = Object.entries(this.availableStyles).find(
+        ([, s]) => {
+          if (Array.isArray(s)) {
+            return s[0] === this.selected
+          } else {
+            return s.name === this.selected
+          }
+        },
+      )[1]
     },
-    selectedTheme () {
+    selectedTheme() {
       this.dismissWarning()
       if (this.selectedVersion === 1) {
         if (!this.keepRoundness) {
@@ -793,8 +831,12 @@ export default {
           this.cOrangeColorLocal = this.selectedTheme[8]
         }
       } else if (this.selectedVersion >= 2) {
-        this.normalizeLocalState(this.selectedTheme.theme, 2, this.selectedTheme.source)
+        this.normalizeLocalState(
+          this.selectedTheme.theme,
+          2,
+          this.selectedTheme.source,
+        )
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
similarity index 97%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.scss
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
index d83beffa0..9ec6b7b2f 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
@@ -1,5 +1,6 @@
-.theme-tab {
+.old-theme-tab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .deprecation-warning {
     padding: 0.5em;
@@ -107,7 +108,7 @@
     justify-content: space-between;
     align-items: baseline;
     width: 100%;
-    min-height: 30px;
+    min-height: 2.1em;
     margin-bottom: 1em;
 
     p {
@@ -212,7 +213,7 @@
   .theme-color-cl,
   .theme-radius-in,
   .theme-color-in {
-    margin-left: 4px;
+    margin-left: 0.3em;
   }
 
   .theme-radius-in {
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
similarity index 99%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.vue
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
index 886d97764..751e113a0 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="theme-tab">
+  <div class="old-theme-tab">
     <div class="alert warning deprecation-warning">
       {{ $t("settings.style.themes2_outdated") }}
     </div>
@@ -123,12 +123,6 @@
       </div>
     </div>
 
-    <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-    <component
-      :is="'style'"
-      v-html="themeV3Preview"
-    />
-    <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
     <preview id="theme-preview" />
 
     <div>
@@ -1026,6 +1020,6 @@
   </div>
 </template>
 
-<script src="./theme_tab.js"></script>
+<script src="./old_theme_tab.js"></script>
 
-<style src="./theme_tab.scss" lang="scss"></style>
+<style src="./old_theme_tab.scss" lang="scss"></style>
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
similarity index 89%
rename from src/components/settings_modal/tabs/theme_tab/theme_preview.vue
rename to src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index e8ac0d8a3..778e92c3b 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -21,7 +21,10 @@
       </div>
       <div class="panel-body theme-preview-content">
         <div class="post">
-          <div class="avatar still-image">
+          <div
+            class="avatar still-image"
+            aria-hidden="true"
+          >
             ( ͡° ͜ʖ ͡°)
           </div>
           <div class="content">
@@ -71,7 +74,10 @@
         </div>
 
         <div class="after-post">
-          <div class="avatar-alt">
+          <div
+            class="avatar-alt"
+            aria-hidden="true"
+          >
             :^)
           </div>
           <div class="content">
@@ -113,25 +119,21 @@
 
 <script>
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faStar,
+  faReply,
   faRetweet,
-  faReply
+  faStar,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faStar,
-  faRetweet,
-  faReply
-)
+library.add(faTimes, faStar, faRetweet, faReply)
 
 export default {
   components: {
-    Checkbox
-  }
+    Checkbox,
+  },
 }
 </script>
 
@@ -149,7 +151,7 @@ export default {
   background-position: 50% 50%;
 
   .theme-preview-content {
-    padding: 20px;
+    padding: 1.5em;
   }
 
   .dummy {
@@ -203,19 +205,21 @@ export default {
 
     .avatar-alt {
       flex: 0 auto;
-      margin-left: 28px;
-      font-size: 12px;
-      min-width: 20px;
-      min-height: 20px;
-      line-height: 20px;
+      margin-left: 2em;
+      font-size: 0.85em;
+      min-width: 2.2rem;
+      min-height: 2.2rem;
+      line-height: 1.5em;
+      align-content: center;
     }
 
     .avatar {
       flex: 0 auto;
-      width: 48px;
-      height: 48px;
-      font-size: 14px;
-      line-height: 48px;
+      width: 3.5em;
+      height: 3.5em;
+      font-size: 1rem;
+      line-height: 3.5em;
+      justify-content: center;
     }
 
     .actions {
@@ -241,7 +245,7 @@ export default {
 
   .underlay-preview {
     position: absolute;
-    inset: 0 10px;
+    inset: 0 0.9em;
   }
 }
  </style>
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
new file mode 100644
index 000000000..ab00e52e7
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -0,0 +1,76 @@
+import FontControl from 'src/components/font_control/font_control.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+const PostsTab = {
+  data() {
+    return {
+      conversationDisplayOptions: ['tree', 'linear'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_display_${mode}`),
+      })),
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.conversation_other_replies_button_${mode}`),
+        }),
+      ),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.mention_link_display_${mode}`),
+        }),
+      ),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`),
+      })),
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map((mode) => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.unsaved_post_action_${mode}`),
+      })),
+      loopSilentAvailable:
+        // Firefox
+        Object.getOwnPropertyDescriptor(
+          HTMLVideoElement.prototype,
+          'mozHasAudio',
+        ) ||
+        // Chrome-likes
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'webkitAudioDecodedByteCount',
+        ) ||
+        // Future spec, still not supported in Nightly 63 as of 08/2018
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'audioTracks',
+        ),
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    FontControl,
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+  methods: {
+    updateFont(path, value) {
+      useLocalConfigStore().set({ path, value })
+    },
+  },
+}
+
+export default PostsTab
diff --git a/src/components/settings_modal/tabs/posts_tab.scss b/src/components/settings_modal/tabs/posts_tab.scss
new file mode 100644
index 000000000..84c3d0dd2
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.scss
@@ -0,0 +1,5 @@
+.posts-tab {
+  .greentext {
+    color: var(--funtextGreentext);
+  }
+}
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
new file mode 100644
index 000000000..1e684246d
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="posts-tab">
+    <div class="setting-section">
+      <h3>{{ $t('settings.posts_appearance') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="collapseMessageWithSubject">
+            {{ $t('settings.collapse_subject') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="conversationDisplay"
+            path="conversationDisplay"
+            :options="conversationDisplayOptions"
+          >
+            {{ $t('settings.conversation_display') }}
+          </ChoiceSetting>
+          <ul
+            v-if="mergedConfig.conversationDisplay !== 'linear'"
+            class="setting-list suboptions"
+          >
+            <li>
+              <BooleanSetting path="conversationTreeAdvanced">
+                {{ $t('settings.tree_advanced') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <BooleanSetting
+                path="conversationTreeFadeAncestors"
+                :expert="1"
+              >
+                {{ $t('settings.tree_fade_ancestors') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <IntegerSetting
+                path="maxDepthInThread"
+                :min="3"
+                :expert="1"
+              >
+                {{ $t('settings.max_depth_in_thread') }}
+              </IntegerSetting>
+            </li>
+            <li>
+              <ChoiceSetting
+                id="conversationOtherRepliesButton"
+                path="conversationOtherRepliesButton"
+                :options="conversationOtherRepliesButtonOptions"
+                :expert="1"
+              >
+                {{ $t('settings.conversation_other_replies_button') }}
+              </ChoiceSetting>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.fontPosts"
+            name="post"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components.post')"
+            @update:model-value="v => updateFont('fontPosts', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.fontMonospace"
+            name="postCode"
+            :fallback="{ family: 'monospace' }"
+            :label="$t('settings.style.fonts.components.monospace')"
+            @update:model-value="v => updateFont('fontMonospace', v)"
+          />
+        </li>
+        <li>
+          <BooleanSetting path="greentext">
+            <i18n-t
+              keypath="settings.plaintext_quotes"
+              tag="span"
+            >
+              <span class="greentext">
+                {{ $t('settings.greentext_quotes') }}
+              </span>
+            </i18n-t>
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="emojiReactionsOnTimeline"
+            expert="1"
+          >
+            {{ $t('settings.emoji_reactions_on_timeline') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.mention_links') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            id="mentionLinkDisplay"
+            path="mentionLinkDisplay"
+            :local="true"
+            :options="mentionLinkDisplayOptions"
+          >
+            {{ $t('settings.mention_link_display') }}
+          </ChoiceSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                v-if="mergedConfig.mentionLinkDisplay !== 'short'"
+                path="mentionLinkFadeDomain"
+              >
+                {{ $t('settings.mention_link_fade_domain') }}
+              </BooleanSetting>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting
+            path="mentionLinkShowTooltip"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_use_tooltip') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="mentionLinkShowAvatar">
+            {{ $t('settings.mention_link_show_avatar') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="user">
+          <BooleanSetting
+            path="mentionLinkBoldenYou"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_bolden_you') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            v-if="user"
+            source="profile"
+            path="stripRichContent"
+            expert="1"
+          >
+            {{ $t('settings.no_rich_text_description') }}
+          </BooleanSetting>
+          <ul
+            v-if="mergedConfig.useAbsoluteTimeFormat"
+            class="setting-list suboptions"
+          >
+            <li>
+              <UnitSetting
+                path="absoluteTimeFormatMinAge"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('settings.absolute_time_format_min_age') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="stopGifs">
+            {{ $t('settings.stop_gifs') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            :local="true"
+            path="hideNsfw"
+          >
+            {{ $t('settings.nsfw_clickthrough') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="preloadImage"
+                expert="1"
+                :local="true"
+                parent-path="hideNsfw"
+              >
+                {{ $t('settings.preload_images') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <BooleanSetting
+                path="useOneClickNsfw"
+                expert="1"
+                :local="true"
+                parent-path="hideNsfw"
+              >
+                {{ $t('settings.use_one_click_nsfw') }}
+              </BooleanSetting>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting
+            path="loopVideo"
+            expert="1"
+          >
+            {{ $t('settings.loop_video') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="loopVideoSilentOnly"
+                expert="1"
+                parent-path="loopVideo"
+                :disabled="!loopSilentAvailable"
+              >
+                {{ $t('settings.loop_video_silent_only') }}
+              </BooleanSetting>
+              <div
+                v-if="!loopSilentAvailable"
+                class="unavailable"
+              >
+                <FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
+              </div>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting
+            path="playVideosInModal"
+            expert="1"
+          >
+            {{ $t('settings.play_videos_in_modal') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="useContainFit"
+            expert="1"
+          >
+            {{ $t('settings.use_contain_fit') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.fun') }}
+      </h3>
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
+        <li v-if="user">
+          <BooleanSetting path="mentionLinkShowYous">
+            {{ $t('settings.show_yous') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./posts_tab.js"></script>
+<style src="./posts_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index a549a8705..3e12f265f 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,281 +1,57 @@
-import unescape from 'lodash/unescape'
-import merge from 'lodash/merge'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import suggestor from 'src/components/emoji_input/suggestor.js'
-import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import Select from 'src/components/select/select.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import localeService from 'src/services/locale/locale.service.js'
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
+  faCircleNotch,
   faPlus,
-  faCircleNotch
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faTimes,
-  faPlus,
-  faCircleNotch
-)
+library.add(faTimes, faPlus, faCircleNotch)
 
 const ProfileTab = {
-  data () {
+  data() {
     return {
-      newName: this.$store.state.users.currentUser.name_unescaped,
-      newBio: unescape(this.$store.state.users.currentUser.description),
-      newLocked: this.$store.state.users.currentUser.locked,
-      newBirthday: this.$store.state.users.currentUser.birthday,
-      showBirthday: this.$store.state.users.currentUser.show_birthday,
-      newFields: this.$store.state.users.currentUser.fields.map(field => ({ name: field.name, value: field.value })),
-      showRole: this.$store.state.users.currentUser.show_role,
-      role: this.$store.state.users.currentUser.role,
-      bot: this.$store.state.users.currentUser.bot,
-      actorType: this.$store.state.users.currentUser.actor_type,
-      pickAvatarBtnVisible: true,
-      bannerUploading: false,
-      backgroundUploading: false,
-      banner: null,
-      bannerPreview: null,
-      background: null,
-      backgroundPreview: null,
-      emailLanguage: this.$store.state.users.currentUser.language || ['']
+      // Whether user is locked or not
+      locked: this.$store.state.users.currentUser.locked,
     }
   },
   components: {
-    ScopeSelector,
-    ImageCropper,
-    EmojiInput,
-    Autosuggest,
-    ProgressButton,
+    UserCard,
     Checkbox,
     BooleanSetting,
-    InterfaceLanguageSwitcher,
-    Select
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
     ...SharedComputedObject(),
-    emojiUserSuggestor () {
-      return suggestor({
-        emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ],
-        store: this.$store
-      })
-    },
-    emojiSuggestor () {
-      return suggestor({
-        emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ]
-      })
-    },
-    userSuggestor () {
-      return suggestor({ store: this.$store })
-    },
-    fieldsLimits () {
-      return this.$store.state.instance.fieldsLimits
-    },
-    maxFields () {
-      return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
-    },
-    defaultAvatar () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
-    },
-    defaultBanner () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
-    },
-    isDefaultAvatar () {
-      const baseAvatar = this.$store.state.instance.defaultAvatar
-      return !(this.$store.state.users.currentUser.profile_image_url) ||
-      this.$store.state.users.currentUser.profile_image_url.includes(baseAvatar)
-    },
-    isDefaultBanner () {
-      const baseBanner = this.$store.state.instance.defaultBanner
-      return !(this.$store.state.users.currentUser.cover_photo) ||
-      this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
-    },
-    isDefaultBackground () {
-      return !(this.$store.state.users.currentUser.background_image)
-    },
-    avatarImgSrc () {
-      const src = this.$store.state.users.currentUser.profile_image_url_original
-      return (!src) ? this.defaultAvatar : src
-    },
-    bannerImgSrc () {
-      const src = this.$store.state.users.currentUser.cover_photo
-      return (!src) ? this.defaultBanner : src
-    },
-    groupActorAvailable () {
-      return this.$store.state.instance.groupActorAvailable
-    },
-    availableActorTypes () {
-      return this.groupActorAvailable ? ['Person', 'Service', 'Group'] : ['Person', 'Service']
-    }
   },
   methods: {
-    updateProfile () {
+    updateProfile() {
       const params = {
-        note: this.newBio,
-        locked: this.newLocked,
-
-        // Backend notation.
-        display_name: this.newName,
-        fields_attributes: this.newFields.filter(el => el != null),
-        actor_type: this.actorType,
-        show_role: this.showRole,
-        birthday: this.newBirthday || '',
-        show_birthday: this.showBirthday
-      }
-
-      if (this.emailLanguage) {
-        params.language = localeService.internalToBackendLocaleMulti(this.emailLanguage)
+        locked: this.locked,
       }
 
       this.$store.state.api.backendInteractor
         .updateProfile({ params })
         .then((user) => {
-          this.newFields.splice(user.fields.length)
-          merge(this.newFields, user.fields)
           this.$store.commit('addNewUsers', [user])
           this.$store.commit('setCurrentUser', user)
         })
-    },
-    changeVis (visibility) {
-      this.newDefaultScope = visibility
-    },
-    addField () {
-      if (this.newFields.length < this.maxFields) {
-        this.newFields.push({ name: '', value: '' })
-        return true
-      }
-      return false
-    },
-    deleteField (index) {
-      this.newFields.splice(index, 1)
-    },
-    uploadFile (slot, e) {
-      const file = e.target.files[0]
-      if (!file) { return }
-      if (file.size > this.$store.state.instance[slot + 'limit']) {
-        const filesize = fileSizeFormatService.fileSizeFormat(file.size)
-        const allowedsize = fileSizeFormatService.fileSizeFormat(this.$store.state.instance[slot + 'limit'])
-        useInterfaceStore().pushGlobalNotice({
-          messageKey: 'upload.error.message',
-          messageArgs: [
-            this.$t('upload.error.file_too_big', {
-              filesize: filesize.num,
-              filesizeunit: filesize.unit,
-              allowedsize: allowedsize.num,
-              allowedsizeunit: allowedsize.unit
-            })
-          ],
-          level: 'error'
+        .catch((error) => {
+          this.displayUploadError(error)
         })
-        return
-      }
-
-      const reader = new FileReader()
-      reader.onload = ({ target }) => {
-        const img = target.result
-        this[slot + 'Preview'] = img
-        this[slot] = file
-      }
-      reader.readAsDataURL(file)
     },
-    resetAvatar () {
-      const confirmed = window.confirm(this.$t('settings.reset_avatar_confirm'))
-      if (confirmed) {
-        this.submitAvatar(undefined, '')
-      }
+  },
+  watch: {
+    locked() {
+      this.updateProfile()
     },
-    resetBanner () {
-      const confirmed = window.confirm(this.$t('settings.reset_banner_confirm'))
-      if (confirmed) {
-        this.submitBanner('')
-      }
-    },
-    resetBackground () {
-      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
-      if (confirmed) {
-        this.submitBackground('')
-      }
-    },
-    submitAvatar (canvas, file) {
-      const that = this
-      return new Promise((resolve, reject) => {
-        function updateAvatar (avatar, avatarName) {
-          that.$store.state.api.backendInteractor.updateProfileImages({ avatar, avatarName })
-            .then((user) => {
-              that.$store.commit('addNewUsers', [user])
-              that.$store.commit('setCurrentUser', user)
-              resolve()
-            })
-            .catch((error) => {
-              that.displayUploadError(error)
-              reject(error)
-            })
-        }
-
-        if (canvas) {
-          canvas.toBlob((data) => updateAvatar(data, file.name), file.type)
-        } else {
-          updateAvatar(file, file.name)
-        }
-      })
-    },
-    submitBanner (banner) {
-      if (!this.bannerPreview && banner !== '') { return }
-
-      this.bannerUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ banner })
-        .then((user) => {
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
-          this.bannerPreview = null
-        })
-        .catch(this.displayUploadError)
-        .finally(() => { this.bannerUploading = false })
-    },
-    submitBackground (background) {
-      if (!this.backgroundPreview && background !== '') { return }
-
-      this.backgroundUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ background })
-        .then((data) => {
-          this.$store.commit('addNewUsers', [data])
-          this.$store.commit('setCurrentUser', data)
-          this.backgroundPreview = null
-        })
-        .catch(this.displayUploadError)
-        .finally(() => { this.backgroundUploading = false })
-    },
-    displayUploadError (error) {
-      useInterfaceStore().pushGlobalNotice({
-        messageKey: 'upload.error.message',
-        messageArgs: [error.message],
-        level: 'error'
-      })
-    },
-    propsToNative (props) {
-      return propsToNative(props)
-    }
-  }
+  },
 }
 
 export default ProfileTab
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 7eda943b7..6e8b2b131 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,133 +1,38 @@
 .profile-tab {
-  .bio {
+  // overriding global for better look
+  .setting-section.profile-edit {
     margin: 0;
-  }
 
-  .visibility-tray {
-    padding-top: 5px;
-  }
-
-  input[type="file"] {
-    padding: 5px;
-    height: auto;
-  }
-
-  .banner-background-preview {
-    max-width: 100%;
-    width: 300px;
-    position: relative;
-
-    img {
-      width: 100%;
-    }
-  }
-
-  .uploading {
-    font-size: 1.5em;
-    margin: 0.25em;
-  }
-
-  .name-changer {
-    width: 100%;
-  }
-
-  .current-avatar-container {
-    position: relative;
-    width: 150px;
-    height: 150px;
-  }
-
-  .current-avatar {
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--roundness);
-  }
-
-  .reset-button {
-    position: absolute;
-    top: 0.2em;
-    right: 0.2em;
-    border-radius: var(--roundness);
-    background-color: rgb(0 0 0 / 60%);
-    opacity: 0.7;
-    width: 1.5em;
-    height: 1.5em;
-    text-align: center;
-    line-height: 1.5em;
-    font-size: 1.5em;
-    cursor: pointer;
-
-    &:hover {
-      opacity: 1;
+    h2 {
+      margin-left: 1rem;
     }
 
-    svg {
-      color: white;
-    }
-  }
-
-  .oauth-tokens {
-    width: 100%;
-
-    th {
-      text-align: left;
+    .user-card {
+      padding: 1.2em;
+      overflow: hidden;
     }
 
-    .actions {
-      text-align: right;
+  }
+
+  .setting-item {
+    .custom-boolean-setting {
+      display: grid;
+      grid-template-columns: subgrid;
+
+      .label {
+        grid-area: label;
+        text-align: right;
+      }
+
+      .-mobile & {
+        .label {
+          text-align: left;
+        }
+      }
+
+      .checkbox-indicator {
+        grid-area: control;
+      }
     }
   }
-
-  &-usersearch-wrapper {
-    padding: 1em;
-  }
-
-  &-bulk-actions {
-    text-align: right;
-    padding: 0 1em;
-    min-height: 2em;
-
-    button {
-      width: 10em;
-    }
-  }
-
-  &-domain-mute-form {
-    padding: 1em;
-    display: flex;
-    flex-direction: column;
-
-    button {
-      align-self: flex-end;
-      margin-top: 1em;
-      width: 10em;
-    }
-  }
-
-  .setting-subitem {
-    margin-left: 1.75em;
-  }
-
-  .profile-fields {
-    display: flex;
-
-    & > .emoji-input {
-      flex: 1 1 auto;
-      margin: 0 0.2em 0.5em;
-      min-width: 0;
-    }
-
-    .delete-field {
-      width: 20px;
-      align-self: center;
-      margin: 0 0.2em 0.5em;
-      padding: 0 0.5em;
-    }
-  }
-
-  .birthday-input {
-    display: block;
-    margin-bottom: 1em;
-  }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 034034a12..2bdf1e8fe 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,283 +1,24 @@
 <template>
   <div class="profile-tab">
-    <div class="setting-item">
-      <h2>{{ $t('settings.name_bio') }}</h2>
-      <p>{{ $t('settings.name') }}</p>
-      <EmojiInput
-        v-model="newName"
-        enable-emoji-picker
-        :suggest="emojiSuggestor"
-      >
-        <template #default="inputProps">
-          <input
-            id="username"
-            v-model="newName"
-            class="input name-changer"
-            v-bind="propsToNative(inputProps)"
-          >
-        </template>
-      </EmojiInput>
-      <p>{{ $t('settings.bio') }}</p>
-      <EmojiInput
-        v-model="newBio"
-        enable-emoji-picker
-        :suggest="emojiUserSuggestor"
-      >
-        <template #default="inputProps">
-          <textarea
-            v-model="newBio"
-            class="input bio resize-height"
-            v-bind="propsToNative(inputProps)"
-          />
-        </template>
-      </EmojiInput>
-      <p v-if="role === 'admin' || role === 'moderator'">
-        <Checkbox v-model="showRole">
-          <template v-if="role === 'admin'">
-            {{ $t('settings.show_admin_badge') }}
-          </template>
-          <template v-if="role === 'moderator'">
-            {{ $t('settings.show_moderator_badge') }}
-          </template>
-        </Checkbox>
-      </p>
-      <div>
-        <p>{{ $t('settings.birthday.label') }}</p>
-        <input
-          id="birthday"
-          v-model="newBirthday"
-          type="date"
-          class="input birthday-input"
-        >
-        <Checkbox v-model="showBirthday">
-          {{ $t('settings.birthday.show_birthday') }}
-        </Checkbox>
-      </div>
-      <div v-if="maxFields > 0">
-        <p>{{ $t('settings.profile_fields.label') }}</p>
-        <div
-          v-for="(_, i) in newFields"
-          :key="i"
-          class="profile-fields"
-        >
-          <EmojiInput
-            v-model="newFields[i].name"
-            enable-emoji-picker
-            hide-emoji-button
-            :suggest="userSuggestor"
-          >
-            <template #default="inputProps">
-              <input
-                v-model="newFields[i].name"
-                :placeholder="$t('settings.profile_fields.name')"
-                v-bind="propsToNative(inputProps)"
-                class="input"
-              >
-            </template>
-          </EmojiInput>
-          <EmojiInput
-            v-model="newFields[i].value"
-            enable-emoji-picker
-            hide-emoji-button
-            :suggest="userSuggestor"
-          >
-            <template #default="inputProps">
-              <input
-                v-model="newFields[i].value"
-                :placeholder="$t('settings.profile_fields.value')"
-                v-bind="propsToNative(inputProps)"
-                class="input"
-              >
-            </template>
-          </EmojiInput>
-          <button
-            class="delete-field button-unstyled -hover-highlight"
-            @click="deleteField(i)"
-          >
-            <!-- TODO something is wrong with v-show here -->
-            <FAIcon
-              v-if="newFields.length > 1"
-              icon="times"
-            />
-          </button>
-        </div>
-        <button
-          v-if="newFields.length < maxFields"
-          class="add-field faint button-unstyled -hover-highlight"
-          @click="addField"
-        >
-          <FAIcon icon="plus" />
-          {{ $t("settings.profile_fields.add_field") }}
-        </button>
-      </div>
-      <p>
-        <label>
-          {{ $t('settings.actor_type') }}
-          <Select v-model="actorType">
-            <option
-              v-for="option in availableActorTypes"
-              :key="option"
-              :value="option"
-            >
-              {{ $t('settings.actor_type_' + option) }}
-            </option>
-          </Select>
-        </label>
-      </p>
-      <div v-if="groupActorAvailable">
-        <small>
-          {{ $t('settings.actor_type_description') }}
-        </small>
-      </div>
-      <p>
-        <interface-language-switcher
-          :prompt-text="$t('settings.email_language')"
-          :language="emailLanguage"
-          :set-language="val => emailLanguage = val"
-        />
-      </p>
-      <button
-        :disabled="newName && newName.length === 0"
-        class="btn button-default"
-        @click="updateProfile"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.avatar') }}</h2>
-      <p class="visibility-notice">
-        {{ $t('settings.avatar_size_instruction') }}
-      </p>
-      <div class="current-avatar-container">
-        <img
-          :src="user.profile_image_url_original"
-          class="current-avatar"
-        >
-        <button
-          v-if="!isDefaultAvatar && pickAvatarBtnVisible"
-          :title="$t('settings.reset_avatar')"
-          class="button-unstyled reset-button"
-          @click="resetAvatar"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_avatar') }}</p>
-      <button
-        v-show="pickAvatarBtnVisible"
-        id="pick-avatar"
-        class="button-default btn"
-        type="button"
-      >
-        {{ $t('settings.upload_a_photo') }}
-      </button>
-      <image-cropper
-        trigger="#pick-avatar"
-        :submit-handler="submitAvatar"
-        @open="pickAvatarBtnVisible=false"
-        @close="pickAvatarBtnVisible=true"
+    <div class="setting-section profile-edit">
+      <UserCard
+        :user-id="user.id"
+        :editable="true"
+        :switcher="false"
       />
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.profile_banner') }}</h2>
-      <div class="banner-background-preview">
-        <img :src="user.cover_photo">
-        <button
-          v-if="!isDefaultBanner"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_banner')"
-          @click="resetBanner"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_profile_banner') }}</p>
-      <img
-        v-if="bannerPreview"
-        class="banner-background-preview"
-        :src="bannerPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('banner', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="bannerUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="bannerPreview"
-        class="btn button-default"
-        @click="submitBanner(banner)"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.profile_background') }}</h2>
-      <div class="banner-background-preview">
-        <img :src="user.background_image">
-        <button
-          v-if="!isDefaultBackground"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_background')"
-          @click="resetBackground"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_profile_background') }}</p>
-      <img
-        v-if="backgroundPreview"
-        class="banner-background-preview"
-        :src="backgroundPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('background', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="backgroundUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="backgroundPreview"
-        class="btn button-default"
-        @click="submitBackground(background)"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.account_privacy') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
-          <BooleanSetting
-            source="profile"
-            path="locked"
-          >
-            {{ $t('settings.lock_account_description') }}
-          </BooleanSetting>
+          <div class="setting-item">
+            <Checkbox
+              v-model="locked"
+              class="setting-label setting-control custom-boolean-setting"
+            >
+              {{ $t('settings.lock_account_description') }}
+            </Checkbox>
+          </div>
         </li>
         <li>
           <BooleanSetting
diff --git a/src/components/settings_modal/tabs/security_tab/confirm.js b/src/components/settings_modal/tabs/security_tab/confirm.js
index 0f4ddfc9b..a8d0fc53a 100644
--- a/src/components/settings_modal/tabs/security_tab/confirm.js
+++ b/src/components/settings_modal/tabs/security_tab/confirm.js
@@ -1,9 +1,15 @@
 const Confirm = {
   props: ['disabled'],
-  data: () => ({}),
+  data: () => ({
+    /* no-op */
+  }),
   methods: {
-    confirm () { this.$emit('confirm') },
-    cancel () { this.$emit('cancel') }
-  }
+    confirm() {
+      this.$emit('confirm')
+    },
+    cancel() {
+      this.$emit('cancel')
+    },
+  },
 }
 export default Confirm
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index b24a35cd4..a998fdb4b 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -1,118 +1,130 @@
-import RecoveryCodes from './mfa_backup_codes.vue'
-import TOTP from './mfa_totp.vue'
-import Confirm from './confirm.vue'
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { mapState } from 'vuex'
 
+import Confirm from './confirm.vue'
+import RecoveryCodes from './mfa_backup_codes.vue'
+import TOTP from './mfa_totp.vue'
+
 const Mfa = {
   data: () => ({
-    settings: { // current settings of MFA
+    settings: {
+      // current settings of MFA
       available: false,
       enabled: false,
-      totp: false
+      totp: false,
     },
-    setupState: { // setup mfa
+    setupState: {
+      // setup mfa
       state: '', // state of setup. '' -> 'getBackupCodes' -> 'setupOTP' -> 'complete'
-      setupOTPState: '' // state of setup otp. '' -> 'prepare' -> 'confirm' -> 'complete'
+      setupOTPState: '', // state of setup otp. '' -> 'prepare' -> 'confirm' -> 'complete'
     },
     backupCodes: {
       getNewCodes: false,
       inProgress: false, //  progress of fetch codes
-      codes: []
+      codes: [],
     },
-    otpSettings: { // pre-setup setting of OTP. secret key, qrcode url.
+    otpSettings: {
+      // pre-setup setting of OTP. secret key, qrcode url.
       provisioning_uri: '',
-      key: ''
+      key: '',
     },
     currentPassword: null,
     otpConfirmToken: null,
     error: null,
-    readyInit: false
+    readyInit: false,
   }),
   components: {
     'recovery-codes': RecoveryCodes,
     'totp-item': TOTP,
     qrcode: VueQrcode,
-    confirm: Confirm
+    confirm: Confirm,
   },
   computed: {
-    canSetupOTP () {
+    canSetupOTP() {
       return (
-        (this.setupInProgress && this.backupCodesPrepared) ||
-          this.settings.enabled
-      ) && !this.settings.totp && !this.setupOTPInProgress
+        ((this.setupInProgress && this.backupCodesPrepared) ||
+          this.settings.enabled) &&
+        !this.settings.totp &&
+        !this.setupOTPInProgress
+      )
     },
-    setupInProgress () {
-      return this.setupState.state !== '' && this.setupState.state !== 'complete'
+    setupInProgress() {
+      return (
+        this.setupState.state !== '' && this.setupState.state !== 'complete'
+      )
     },
-    setupOTPInProgress () {
+    setupOTPInProgress() {
       return this.setupState.state === 'setupOTP' && !this.completedOTP
     },
-    prepareOTP () {
+    prepareOTP() {
       return this.setupState.setupOTPState === 'prepare'
     },
-    confirmOTP () {
+    confirmOTP() {
       return this.setupState.setupOTPState === 'confirm'
     },
-    completedOTP () {
+    completedOTP() {
       return this.setupState.setupOTPState === 'completed'
     },
-    backupCodesPrepared () {
+    backupCodesPrepared() {
       return !this.backupCodes.inProgress && this.backupCodes.codes.length > 0
     },
-    confirmNewBackupCodes () {
+    confirmNewBackupCodes() {
       return this.backupCodes.getNewCodes
     },
     ...mapState({
-      backendInteractor: (state) => state.api.backendInteractor
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+    }),
   },
 
   methods: {
-    activateOTP () {
+    activateOTP() {
       if (!this.settings.enabled) {
         this.setupState.state = 'getBackupcodes'
         this.fetchBackupCodes()
       }
     },
-    fetchBackupCodes () {
+    fetchBackupCodes() {
       this.backupCodes.inProgress = true
       this.backupCodes.codes = []
 
-      return this.backendInteractor.generateMfaBackupCodes()
-        .then((res) => {
-          this.backupCodes.codes = res.codes
-          this.backupCodes.inProgress = false
-        })
+      return this.backendInteractor.generateMfaBackupCodes().then((res) => {
+        this.backupCodes.codes = res.codes
+        this.backupCodes.inProgress = false
+      })
     },
-    getBackupCodes () { // get a new backup codes
+    getBackupCodes() {
+      // get a new backup codes
       this.backupCodes.getNewCodes = true
     },
-    confirmBackupCodes () { // confirm getting new backup codes
+    confirmBackupCodes() {
+      // confirm getting new backup codes
       this.fetchBackupCodes().then(() => {
         this.backupCodes.getNewCodes = false
       })
     },
-    cancelBackupCodes () { // cancel confirm form of new backup codes
+    cancelBackupCodes() {
+      // cancel confirm form of new backup codes
       this.backupCodes.getNewCodes = false
     },
 
     // Setup OTP
-    setupOTP () { // prepare setup OTP
+    setupOTP() {
+      // prepare setup OTP
       this.setupState.state = 'setupOTP'
       this.setupState.setupOTPState = 'prepare'
-      this.backendInteractor.mfaSetupOTP()
-        .then((res) => {
-          this.otpSettings = res
-          this.setupState.setupOTPState = 'confirm'
-        })
-    },
-    doConfirmOTP () { // handler confirm enable OTP
-      this.error = null
-      this.backendInteractor.mfaConfirmOTP({
-        token: this.otpConfirmToken,
-        password: this.currentPassword
+      this.backendInteractor.mfaSetupOTP().then((res) => {
+        this.otpSettings = res
+        this.setupState.setupOTPState = 'confirm'
       })
+    },
+    doConfirmOTP() {
+      // handler confirm enable OTP
+      this.error = null
+      this.backendInteractor
+        .mfaConfirmOTP({
+          token: this.otpConfirmToken,
+          password: this.currentPassword,
+        })
         .then((res) => {
           if (res.error) {
             this.error = res.error
@@ -122,14 +134,15 @@ const Mfa = {
         })
     },
 
-    completeSetup () {
+    completeSetup() {
       this.setupState.setupOTPState = 'complete'
       this.setupState.state = 'complete'
       this.currentPassword = null
       this.error = null
       this.fetchSettings()
     },
-    cancelSetup () { // cancel setup
+    cancelSetup() {
+      // cancel setup
       this.setupState.setupOTPState = ''
       this.setupState.state = ''
       this.currentPassword = null
@@ -138,18 +151,18 @@ const Mfa = {
     // end Setup OTP
 
     // fetch settings from server
-    async fetchSettings () {
+    async fetchSettings() {
       const result = await this.backendInteractor.settingsMFA()
       if (result.error) return
       this.settings = result.settings
       this.settings.available = true
       return result
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.fetchSettings().then(() => {
       this.readyInit = true
     })
-  }
+  },
 }
 export default Mfa
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.vue b/src/components/settings_modal/tabs/security_tab/mfa.vue
index 9421b16ee..9859e809a 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.vue
+++ b/src/components/settings_modal/tabs/security_tab/mfa.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="readyInit && settings.available"
-    class="setting-item mfa-settings"
+    class="setting-section mfa-settings"
   >
     <div class="mfa-heading">
       <h2>{{ $t('settings.mfa.title') }}</h2>
@@ -10,7 +10,7 @@
     <div>
       <div
         v-if="!setupInProgress"
-        class="setting-item"
+        class="setting-section"
       >
         <!-- Enabled methods -->
         <h3>{{ $t('settings.mfa.authentication_methods') }}</h3>
@@ -159,10 +159,16 @@
 
     .qr-code {
       flex: 1;
-      padding-right: 10px;
+      padding-right: 0.7em;
+    }
+
+    .verify {
+      flex: 1;
+    }
+
+    .error {
+      margin: 0.3em 0 0;
     }
-    .verify { flex: 1; }
-    .error { margin: 4px 0 0; }
 
     .confirm-otp-actions {
       button {
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
index f0a984ecd..ad47bfdb7 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
@@ -4,14 +4,22 @@ export default {
       type: Object,
       default: () => ({
         inProgress: false,
-        codes: []
-      })
-    }
+        codes: [],
+      }),
+    },
   },
-  data: () => ({}),
+  data: () => ({
+    /* no-op */
+  }),
   computed: {
-    inProgress () { return this.backupCodes.inProgress },
-    ready () { return this.backupCodes.codes.length > 0 },
-    displayTitle () { return this.inProgress || this.ready }
-  }
+    inProgress() {
+      return this.backupCodes.inProgress
+    },
+    ready() {
+      return this.backupCodes.codes.length > 0
+    },
+    displayTitle() {
+      return this.inProgress || this.ready
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index b0adb530d..e011fd638 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -1,40 +1,45 @@
-import Confirm from './confirm.vue'
 import { mapState } from 'vuex'
 
+import Confirm from './confirm.vue'
+
 export default {
   props: ['settings'],
   data: () => ({
     error: false,
     currentPassword: '',
     deactivate: false,
-    inProgress: false // progress peform request to disable otp method
+    inProgress: false, // progress peform request to disable otp method
   }),
   components: {
-    confirm: Confirm
+    confirm: Confirm,
   },
   computed: {
-    isActivated () {
+    isActivated() {
       return this.settings.totp
     },
     ...mapState({
-      backendInteractor: (state) => state.api.backendInteractor
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+    }),
   },
   methods: {
-    doActivate () {
+    doActivate() {
       this.$emit('activate')
     },
-    cancelDeactivate () { this.deactivate = false },
-    doDeactivate () {
+    cancelDeactivate() {
+      this.deactivate = false
+    },
+    doDeactivate() {
       this.error = null
       this.deactivate = true
     },
-    confirmDeactivate () { // confirm deactivate TOTP method
+    confirmDeactivate() {
+      // confirm deactivate TOTP method
       this.error = null
       this.inProgress = true
-      this.backendInteractor.mfaDisableOTP({
-        password: this.currentPassword
-      })
+      this.backendInteractor
+        .mfaDisableOTP({
+          password: this.currentPassword,
+        })
         .then((res) => {
           this.inProgress = false
           if (res.error) {
@@ -44,6 +49,6 @@ export default {
           this.deactivate = false
           this.$emit('deactivate')
         })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index 04e0328cd..96510edcf 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -1,11 +1,15 @@
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import Mfa from './mfa.vue'
-import localeService from 'src/services/locale/locale.service.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
+import localeService from 'src/services/locale/locale.service.js'
+
 const SecurityTab = {
-  data () {
+  data() {
     return {
       newEmail: '',
       changeEmailError: false,
@@ -25,41 +29,44 @@ const SecurityTab = {
       listAliasesError: false,
       addAliasTarget: '',
       addedAlias: false,
-      addAliasError: false
+      addAliasError: false,
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
     this.fetchAliases()
   },
   components: {
     ProgressButton,
     Mfa,
-    Checkbox
+    Checkbox,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    pleromaExtensionsAvailable () {
-      return this.$store.state.instance.pleromaExtensionsAvailable
+    pleromaExtensionsAvailable() {
+      return useInstanceCapabilitiesStore().pleromaExtensionsAvailable
     },
-    oauthTokens () {
-      return useOAuthTokensStore().tokens.map(oauthToken => {
+    oauthTokens() {
+      return useOAuthTokensStore().tokens.map((oauthToken) => {
         return {
           id: oauthToken.id,
           appName: oauthToken.app_name,
-          validUntil: new Date(oauthToken.valid_until).toLocaleDateString(localeService.internalToBrowserLocale(this.$i18n.locale))
+          validUntil: new Date(oauthToken.valid_until).toLocaleDateString(
+            localeService.internalToBrowserLocale(this.$i18n.locale),
+          ),
         }
       })
-    }
+    },
   },
   methods: {
-    confirmDelete () {
+    confirmDelete() {
       this.deletingAccount = true
     },
-    deleteAccount () {
-      this.$store.state.api.backendInteractor.deleteAccount({ password: this.deleteAccountConfirmPasswordInput })
+    deleteAccount() {
+      this.$store.state.api.backendInteractor
+        .deleteAccount({ password: this.deleteAccountConfirmPasswordInput })
         .then((res) => {
           if (res.status === 'success') {
             this.$store.dispatch('logout')
@@ -69,13 +76,14 @@ const SecurityTab = {
           }
         })
     },
-    changePassword () {
+    changePassword() {
       const params = {
         password: this.changePasswordInputs[0],
         newPassword: this.changePasswordInputs[1],
-        newPasswordConfirmation: this.changePasswordInputs[2]
+        newPasswordConfirmation: this.changePasswordInputs[2],
       }
-      this.$store.state.api.backendInteractor.changePassword(params)
+      this.$store.state.api.backendInteractor
+        .changePassword(params)
         .then((res) => {
           if (res.status === 'success') {
             this.changedPassword = true
@@ -87,12 +95,13 @@ const SecurityTab = {
           }
         })
     },
-    changeEmail () {
+    changeEmail() {
       const params = {
         email: this.newEmail,
-        password: this.changeEmailPassword
+        password: this.changeEmailPassword,
       }
-      this.$store.state.api.backendInteractor.changeEmail(params)
+      this.$store.state.api.backendInteractor
+        .changeEmail(params)
         .then((res) => {
           if (res.status === 'success') {
             this.changedEmail = true
@@ -103,12 +112,13 @@ const SecurityTab = {
           }
         })
     },
-    moveAccount () {
+    moveAccount() {
       const params = {
         targetAccount: this.moveAccountTarget,
-        password: this.moveAccountPassword
+        password: this.moveAccountPassword,
       }
-      this.$store.state.api.backendInteractor.moveAccount(params)
+      this.$store.state.api.backendInteractor
+        .moveAccount(params)
         .then((res) => {
           if (res.status === 'success') {
             this.movedAccount = true
@@ -119,12 +129,14 @@ const SecurityTab = {
           }
         })
     },
-    removeAlias (alias) {
-      this.$store.state.api.backendInteractor.deleteAlias({ alias })
+    removeAlias(alias) {
+      this.$store.state.api.backendInteractor
+        .deleteAlias({ alias })
         .then(() => this.fetchAliases())
     },
-    addAlias () {
-      this.$store.state.api.backendInteractor.addAlias({ alias: this.addAliasTarget })
+    addAlias() {
+      this.$store.state.api.backendInteractor
+        .addAlias({ alias: this.addAliasTarget })
         .then(() => {
           this.addedAlias = true
           this.addAliasError = false
@@ -136,8 +148,9 @@ const SecurityTab = {
         })
         .then(() => this.fetchAliases())
     },
-    fetchAliases () {
-      this.$store.state.api.backendInteractor.listAliases()
+    fetchAliases() {
+      this.$store.state.api.backendInteractor
+        .listAliases()
         .then((res) => {
           this.aliases = res.aliases
           this.listAliasesError = false
@@ -146,16 +159,16 @@ const SecurityTab = {
           this.listAliasesError = error.error
         })
     },
-    logout () {
+    logout() {
       this.$store.dispatch('logout')
       this.$router.replace('/')
     },
-    revokeToken (id) {
+    revokeToken(id) {
       if (window.confirm(`${this.$i18n.t('settings.revoke_token')}?`)) {
         useOAuthTokensStore().revokeToken(id)
       }
-    }
-  }
+    },
+  },
 }
 
 export default SecurityTab
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index 4431550ae..ff1a969d7 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -1,116 +1,97 @@
 <template>
   <div :label="$t('settings.security_tab')">
-    <div class="setting-item">
-      <h2>{{ $t('settings.change_email') }}</h2>
-      <div>
-        <p>{{ $t('settings.new_email') }}</p>
-        <input
-          v-model="newEmail"
-          type="email"
-          autocomplete="email"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.current_password') }}</p>
-        <input
-          v-model="changeEmailPassword"
-          type="password"
-          autocomplete="current-password"
-          class="input"
-        >
-      </div>
-      <button
-        class="btn button-default"
-        @click="changeEmail"
-      >
-        {{ $t('settings.save') }}
-      </button>
-      <p v-if="changedEmail">
-        {{ $t('settings.changed_email') }}
-      </p>
-      <template v-if="changeEmailError !== false">
-        <p>{{ $t('settings.change_email_error') }}</p>
-        <p>{{ changeEmailError }}</p>
-      </template>
-    </div>
-
-    <div class="setting-item">
-      <h2>{{ $t('settings.change_password') }}</h2>
-      <div>
-        <p>{{ $t('settings.current_password') }}</p>
-        <input
-          v-model="changePasswordInputs[0]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.new_password') }}</p>
-        <input
-          v-model="changePasswordInputs[1]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.confirm_new_password') }}</p>
-        <input
-          v-model="changePasswordInputs[2]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <button
-        class="btn button-default"
-        @click="changePassword"
-      >
-        {{ $t('settings.save') }}
-      </button>
-      <p v-if="changedPassword">
-        {{ $t('settings.changed_password') }}
-      </p>
-      <p v-else-if="changePasswordError !== false">
-        {{ $t('settings.change_password_error') }}
-      </p>
-      <p v-if="changePasswordError">
-        {{ changePasswordError }}
-      </p>
-    </div>
-
-    <div class="setting-item">
-      <h2>{{ $t('settings.oauth_tokens') }}</h2>
-      <table class="oauth-tokens">
-        <thead>
-          <tr>
-            <th>{{ $t('settings.app_name') }}</th>
-            <th>{{ $t('settings.valid_until') }}</th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          <tr
-            v-for="oauthToken in oauthTokens"
-            :key="oauthToken.id"
+    <div class="setting-section">
+      <h3>{{ $t('settings.change_email') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.new_email') }}</h4>
+          <input
+            v-model="newEmail"
+            type="email"
+            autocomplete="email"
+            class="input"
           >
-            <td>{{ oauthToken.appName }}</td>
-            <td>{{ oauthToken.validUntil }}</td>
-            <td class="actions">
-              <button
-                class="btn button-default"
-                @click="revokeToken(oauthToken.id)"
-              >
-                {{ $t('settings.revoke_token') }}
-              </button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+        </li>
+        <li>
+          <h4>{{ $t('settings.current_password') }}</h4>
+          <input
+            v-model="changeEmailPassword"
+            type="password"
+            autocomplete="current-password"
+            class="input"
+          >
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="changeEmail"
+          >
+            {{ $t('settings.save') }}
+          </button>
+        </li>
+        <li>
+          <p v-if="changedEmail">
+            {{ $t('settings.changed_email') }}
+          </p>
+          <template v-if="changeEmailError !== false">
+            <p>{{ $t('settings.change_email_error') }}</p>
+            <p>{{ changeEmailError }}</p>
+          </template>
+        </li>
+      </ul>
     </div>
-    <mfa />
 
-    <div class="setting-item">
-      <h2>{{ $t('settings.account_alias') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('settings.change_password') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.current_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[0]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <h4>{{ $t('settings.new_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[1]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <h4>{{ $t('settings.confirm_new_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[2]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="changePassword"
+          >
+            {{ $t('settings.save') }}
+          </button>
+        </li>
+        <li>
+          <p v-if="changedPassword">
+            {{ $t('settings.changed_password') }}
+          </p>
+          <p v-else-if="changePasswordError !== false">
+            {{ $t('settings.change_password_error') }}
+          </p>
+          <p v-if="changePasswordError">
+            {{ changePasswordError }}
+          </p>
+        </li>
+      </ul>
+    </div>
+
+    <div class="setting-section">
+      <h3>{{ $t('settings.account_alias') }}</h3>
       <table>
         <thead>
           <tr>
@@ -178,8 +159,40 @@
       </template>
     </div>
 
-    <div class="setting-item">
-      <h2>{{ $t('settings.move_account') }}</h2>
+
+    <div class="setting-section">
+      <h3>{{ $t('settings.oauth_tokens') }}</h3>
+      <table class="oauth-tokens">
+        <thead>
+          <tr>
+            <th>{{ $t('settings.app_name') }}</th>
+            <th>{{ $t('settings.valid_until') }}</th>
+            <th />
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="oauthToken in oauthTokens"
+            :key="oauthToken.id"
+          >
+            <td>{{ oauthToken.appName }}</td>
+            <td>{{ oauthToken.validUntil }}</td>
+            <td class="actions">
+              <button
+                class="btn button-default"
+                @click="revokeToken(oauthToken.id)"
+              >
+                {{ $t('settings.revoke_token') }}
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <mfa />
+
+    <div class="setting-section">
+      <h3>{{ $t('settings.move_account') }}</h3>
       <p>{{ $t('settings.move_account_notes') }}</p>
       <div>
         <i18n-t
@@ -221,8 +234,8 @@
       </template>
     </div>
 
-    <div class="setting-item">
-      <h2>{{ $t('settings.delete_account') }}</h2>
+    <div class="setting-section">
+      <h3>{{ $t('settings.delete_account') }}</h3>
       <p v-if="!deletingAccount">
         {{ $t('settings.delete_account_description') }}
       </p>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 82c63f503..6c2366999 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,64 +1,72 @@
-import { ref, reactive, computed, watch, watchEffect, provide, getCurrentInstance } from 'vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import { get, set, unset, throttle } from 'lodash'
+import { get, set, throttle, unset } from 'lodash'
+import {
+  computed,
+  getCurrentInstance,
+  provide,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
 
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
+import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
-import StringSetting from '../../helpers/string_setting.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Tooltip from 'src/components/tooltip/tooltip.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import Preview from '../theme_tab/theme_preview.vue'
-
+import StringSetting from '../../helpers/string_setting.vue'
+import Preview from '../old_theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
-import { init, findColor } from 'src/services/theme_data/theme_data_3.service.js'
+import { useInterfaceStore } from 'src/stores/interface'
+
 import {
-  getCssRules,
-  getScopedVersion
-} from 'src/services/theme_data/css_utils.js'
-import { serialize } from 'src/services/theme_data/iss_serializer.js'
-import { deserializeShadow, deserialize } from 'src/services/theme_data/iss_deserializer.js'
-import {
-  rgb2hex,
+  getContrastRatio,
   hex2rgb,
-  getContrastRatio
+  rgb2hex,
 } from 'src/services/color_convert/color_convert.js'
 import {
+  newExporter,
   newImporter,
-  newExporter
 } from 'src/services/export_import/export_import.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
+import {
+  deserialize,
+  deserializeShadow,
+} from 'src/services/theme_data/iss_deserializer.js'
+import { serialize } from 'src/services/theme_data/iss_serializer.js'
+import {
+  findColor,
+  init,
+} from 'src/services/theme_data/theme_data_3.service.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faArrowsRotate,
+  faCheck,
+  faFile,
   faFloppyDisk,
   faFolderOpen,
-  faFile,
-  faArrowsRotate,
-  faCheck
 } from '@fortawesome/free-solid-svg-icons'
 
 // helper for debugging
-// eslint-disable-next-line no-unused-vars
-const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
+// const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
 // helper to make states comparable
-const normalizeStates = (states) => ['normal', ...(states?.filter(x => x !== 'normal') || [])].join(':')
+const normalizeStates = (states) =>
+  ['normal', ...(states?.filter((x) => x !== 'normal') || [])].join(':')
 
-library.add(
-  faFile,
-  faFloppyDisk,
-  faFolderOpen,
-  faArrowsRotate,
-  faCheck
-)
+library.add(faFile, faFloppyDisk, faFolderOpen, faArrowsRotate, faCheck)
 
 export default {
   components: {
@@ -76,18 +84,22 @@ export default {
     RoundnessInput,
     ContrastRatio,
     Preview,
-    VirtualDirectivesTab
+    VirtualDirectivesTab,
   },
-  setup () {
+  setup() {
     const exports = {}
     const interfaceStore = useInterfaceStore()
     // All rules that are made by editor
     const allEditedRules = ref(interfaceStore.styleDataUsed || {})
     const styleDataUsed = computed(() => interfaceStore.styleDataUsed)
 
-    watch([styleDataUsed], () => {
-      onImport(interfaceStore.styleDataUsed)
-    }, { once: true })
+    watch(
+      [styleDataUsed],
+      () => {
+        onImport(interfaceStore.styleDataUsed)
+      },
+      { once: true },
+    )
 
     exports.isActive = computed(() => {
       const tabSwitcher = getCurrentInstance().parent.ctx
@@ -107,7 +119,7 @@ export default {
         `  author: ${exports.author.value};`,
         `  license: ${exports.license.value};`,
         `  website: ${exports.website.value};`,
-        '}'
+        '}',
       ].join('\n')
     })
 
@@ -117,8 +129,8 @@ export default {
         name: exports.name.value,
         author: exports.author.value,
         license: exports.license.value,
-        website: exports.website.value
-      }
+        website: exports.website.value,
+      },
     }))
 
     // ## Palette stuff
@@ -133,7 +145,7 @@ export default {
         cRed: '#FF0000',
         cBlue: '#0095ff',
         cGreen: '#0fa00f',
-        cOrange: '#ffa500'
+        cOrange: '#ffa500',
       },
       {
         name: 'light',
@@ -146,8 +158,8 @@ export default {
         cRed: '#d31014',
         cGreen: '#0fa00f',
         cOrange: '#ffa500',
-        border: '#d8e6f9'
-      }
+        border: '#d8e6f9',
+      },
     ])
     exports.palettes = palettes
 
@@ -165,12 +177,12 @@ export default {
 
     const selectedPaletteId = ref(0)
     const selectedPalette = computed({
-      get () {
+      get() {
         return palettes[selectedPaletteId.value]
       },
-      set (newPalette) {
+      set(newPalette) {
         palettes[selectedPaletteId.value] = newPalette
-      }
+      },
     })
     exports.selectedPaletteId = selectedPaletteId
     exports.selectedPalette = selectedPalette
@@ -188,49 +200,50 @@ export default {
       cRed: '#FF0000',
       cBlue: '#0095ff',
       cGreen: '#0fa00f',
-      cOrange: '#ffa500'
+      cOrange: '#ffa500',
     })
 
     // Raw format
     const palettesRule = computed(() => {
-      return palettes.map(palette => {
+      return palettes.map((palette) => {
         const { name, ...rest } = palette
         return {
           component: '@palette',
           variant: name,
-          directives: Object
-            .entries(rest)
+          directives: Object.entries(rest)
             .filter(([k, v]) => v && k)
-            .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
+            .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}),
         }
       })
     })
 
     // Text format
     const palettesOut = computed(() => {
-      return palettes.map(({ name, ...palette }) => {
-        const entries = Object
-          .entries(palette)
-          .filter(([k, v]) => v && k)
-          .map(([slot, data]) => `  ${slot}: ${data};`)
-          .join('\n')
+      return palettes
+        .map(({ name, ...palette }) => {
+          const entries = Object.entries(palette)
+            .filter(([k, v]) => v && k)
+            .map(([slot, data]) => `  ${slot}: ${data};`)
+            .join('\n')
 
-        return `@palette.${name} {\n${entries}\n}`
-      }).join('\n\n')
+          return `@palette.${name} {\n${entries}\n}`
+        })
+        .join('\n\n')
     })
 
     // ## Components stuff
     // Getting existing components
     const componentsContext = import.meta.glob(
       ['/src/**/*.style.js', '/src/**/*.style.json'],
-      { eager: true }
+      { eager: true },
     )
     const componentKeysAll = Object.keys(componentsContext)
     const componentsMap = new Map(
       componentKeysAll
-        .map(
-          key => [key, componentsContext[key].default]
-        ).filter(([, component]) => !component.virtual && !component.notEditable)
+        .map((key) => [key, componentsContext[key].default])
+        .filter(
+          ([, component]) => !component.virtual && !component.notEditable,
+        ),
     )
     exports.componentsMap = componentsMap
     const componentKeys = [...componentsMap.keys()]
@@ -240,16 +253,24 @@ export default {
     const selectedComponentKey = ref(componentsMap.keys().next().value)
     exports.selectedComponentKey = selectedComponentKey
 
-    const selectedComponent = computed(() => componentsMap.get(selectedComponentKey.value))
+    const selectedComponent = computed(() =>
+      componentsMap.get(selectedComponentKey.value),
+    )
     const selectedComponentName = computed(() => selectedComponent.value.name)
 
     // Selection basis
     exports.selectedComponentVariants = computed(() => {
-      return Object.keys({ normal: null, ...(selectedComponent.value.variants || {}) })
+      return Object.keys({
+        normal: null,
+        ...(selectedComponent.value.variants || {}),
+      })
     })
     exports.selectedComponentStates = computed(() => {
-      const all = Object.keys({ normal: null, ...(selectedComponent.value.states || {}) })
-      return all.filter(x => x !== 'normal')
+      const all = Object.keys({
+        normal: null,
+        ...(selectedComponent.value.states || {}),
+      })
+      return all.filter((x) => x !== 'normal')
     })
 
     // selection
@@ -271,51 +292,49 @@ export default {
       selectedState.clear()
     }
 
-    watch(
-      selectedComponentName,
-      updateSelectedComponent
-    )
+    watch(selectedComponentName, updateSelectedComponent)
 
     // ### Rules stuff aka meat and potatoes
     // The native structure of separate rules and the child -> parent
     // relation isn't very convenient for editor, we replace the array
     // and child -> parent structure with map and parent -> child structure
-    const rulesToEditorFriendly = (rules, root = {}) => rules.reduce((acc, rule) => {
-      const { parent: rParent, component: rComponent } = rule
-      const parent = rParent ?? rule
-      const hasChildren = !!rParent
-      const child = hasChildren ? rule : null
+    const rulesToEditorFriendly = (rules, root = {}) =>
+      rules.reduce((acc, rule) => {
+        const { parent: rParent, component: rComponent } = rule
+        const parent = rParent ?? rule
+        const hasChildren = !!rParent
+        const child = hasChildren ? rule : null
 
-      const {
-        component: pComponent,
-        variant: pVariant = 'normal',
-        state: pState = [] // no relation to Intel CPUs whatsoever
-      } = parent
-
-      const pPath = `${hasChildren ? pComponent : rComponent}.${pVariant}.${normalizeStates(pState)}`
-
-      let output = get(acc, pPath)
-      if (!output) {
-        set(acc, pPath, {})
-        output = get(acc, pPath)
-      }
-
-      if (hasChildren) {
-        output._children = output._children ?? {}
         const {
-          component: cComponent,
-          variant: cVariant = 'normal',
-          state: cState = [],
-          directives
-        } = child
+          component: pComponent,
+          variant: pVariant = 'normal',
+          state: pState = [], // no relation to Intel CPUs whatsoever
+        } = parent
 
-        const cPath = `${cComponent}.${cVariant}.${normalizeStates(cState)}`
-        set(output._children, cPath, { directives })
-      } else {
-        output.directives = parent.directives
-      }
-      return acc
-    }, root)
+        const pPath = `${hasChildren ? pComponent : rComponent}.${pVariant}.${normalizeStates(pState)}`
+
+        let output = get(acc, pPath)
+        if (!output) {
+          set(acc, pPath, {})
+          output = get(acc, pPath)
+        }
+
+        if (hasChildren) {
+          output._children = output._children ?? {}
+          const {
+            component: cComponent,
+            variant: cVariant = 'normal',
+            state: cState = [],
+            directives,
+          } = child
+
+          const cPath = `${cComponent}.${cVariant}.${normalizeStates(cState)}`
+          set(output._children, cPath, { directives })
+        } else {
+          output.directives = parent.directives
+        }
+        return acc
+      }, root)
 
     const editorFriendlyFallbackStructure = computed(() => {
       const root = {}
@@ -325,7 +344,7 @@ export default {
         const { defaultRules, name } = componentValue
         rulesToEditorFriendly(
           defaultRules.map((rule) => ({ ...rule, component: name })),
-          root
+          root,
         )
       })
 
@@ -335,79 +354,111 @@ export default {
     // Checking whether component can support some "directives" which
     // are actually virtual subcomponents, i.e. Text, Link etc
     exports.componentHas = (subComponent) => {
-      return !!selectedComponent.value.validInnerComponents?.find(x => x === subComponent)
+      return !!selectedComponent.value.validInnerComponents?.find(
+        (x) => x === subComponent,
+      )
     }
 
     // Path for lodash's get and set
     const getPath = (component, directive) => {
-      const pathSuffix = component ? `._children.${component}.normal.normal` : ''
+      const pathSuffix = component
+        ? `._children.${component}.normal.normal`
+        : ''
       const path = `${selectedComponentName.value}.${selectedVariant.value}.${normalizeStates([...selectedState])}${pathSuffix}.directives.${directive}`
       return path
     }
 
     // Templates for directives
-    const isElementPresent = (component, directive, defaultValue = '') => computed({
-      get () {
-        return get(allEditedRules.value, getPath(component, directive)) != null
-      },
-      set (value) {
-        if (value) {
-          const fallback = get(
-            editorFriendlyFallbackStructure.value,
-            getPath(component, directive)
+    const isElementPresent = (component, directive, defaultValue = '') =>
+      computed({
+        get() {
+          return (
+            get(allEditedRules.value, getPath(component, directive)) != null
           )
-          set(allEditedRules.value, getPath(component, directive), fallback ?? defaultValue)
-        } else {
-          unset(allEditedRules.value, getPath(component, directive))
-        }
-        exports.updateOverallPreview()
-      }
-    })
+        },
+        set(value) {
+          if (value) {
+            const fallback = get(
+              editorFriendlyFallbackStructure.value,
+              getPath(component, directive),
+            )
+            set(
+              allEditedRules.value,
+              getPath(component, directive),
+              fallback ?? defaultValue,
+            )
+          } else {
+            unset(allEditedRules.value, getPath(component, directive))
+          }
+          exports.updateOverallPreview()
+        },
+      })
 
-    const getEditedElement = (component, directive, postProcess = x => x) => computed({
-      get () {
-        let usedRule
-        const fallback = editorFriendlyFallbackStructure.value
-        const real = allEditedRules.value
-        const path = getPath(component, directive)
+    const getEditedElement = (component, directive, postProcess = (x) => x) =>
+      computed({
+        get() {
+          let usedRule
+          const fallback = editorFriendlyFallbackStructure.value
+          const real = allEditedRules.value
+          const path = getPath(component, directive)
 
-        usedRule = get(real, path) // get real
-        if (usedRule === '') {
-          return usedRule
-        }
-        if (!usedRule) {
-          usedRule = get(fallback, path)
-        }
+          usedRule = get(real, path) // get real
+          if (usedRule === '') {
+            return usedRule
+          }
+          if (!usedRule) {
+            usedRule = get(fallback, path)
+          }
 
-        return postProcess(usedRule)
-      },
-      set (value) {
-        if (value != null) {
-          set(allEditedRules.value, getPath(component, directive), value)
-        } else {
-          unset(allEditedRules.value, getPath(component, directive))
-        }
-        exports.updateOverallPreview()
-      }
-    })
+          return postProcess(usedRule)
+        },
+        set(value) {
+          if (value != null) {
+            set(allEditedRules.value, getPath(component, directive), value)
+          } else {
+            unset(allEditedRules.value, getPath(component, directive))
+          }
+          exports.updateOverallPreview()
+        },
+      })
 
     // All the editable stuff for the component
     exports.editedBackgroundColor = getEditedElement(null, 'background')
-    exports.isBackgroundColorPresent = isElementPresent(null, 'background', '#FFFFFF')
+    exports.isBackgroundColorPresent = isElementPresent(
+      null,
+      'background',
+      '#FFFFFF',
+    )
     exports.editedOpacity = getEditedElement(null, 'opacity')
     exports.isOpacityPresent = isElementPresent(null, 'opacity', 1)
     exports.editedRoundness = getEditedElement(null, 'roundness')
     exports.isRoundnessPresent = isElementPresent(null, 'roundness', '0')
     exports.editedTextColor = getEditedElement('Text', 'textColor')
-    exports.isTextColorPresent = isElementPresent('Text', 'textColor', '#000000')
+    exports.isTextColorPresent = isElementPresent(
+      'Text',
+      'textColor',
+      '#000000',
+    )
     exports.editedTextAuto = getEditedElement('Text', 'textAuto')
     exports.isTextAutoPresent = isElementPresent('Text', 'textAuto', '#000000')
     exports.editedLinkColor = getEditedElement('Link', 'textColor')
-    exports.isLinkColorPresent = isElementPresent('Link', 'textColor', '#000080')
+    exports.isLinkColorPresent = isElementPresent(
+      'Link',
+      'textColor',
+      '#000080',
+    )
     exports.editedIconColor = getEditedElement('Icon', 'textColor')
-    exports.isIconColorPresent = isElementPresent('Icon', 'textColor', '#909090')
+    exports.isIconColorPresent = isElementPresent(
+      'Icon',
+      'textColor',
+      '#909090',
+    )
     exports.editedBorderColor = getEditedElement('Border', 'textColor')
-    exports.isBorderColorPresent = isElementPresent('Border', 'textColor', '#909090')
+    exports.isBorderColorPresent = isElementPresent(
+      'Border',
+      'textColor',
+      '#909090',
+    )
 
     const getContrast = (bg, text) => {
       try {
@@ -424,7 +475,7 @@ export default {
           aaa: ratio >= 7,
           // same but for 18pt+ texts
           laa: ratio >= 3,
-          laaa: ratio >= 4.5
+          laaa: ratio >= 4.5,
         }
       } catch (e) {
         console.warn('Failure computing contrast', e)
@@ -433,7 +484,7 @@ export default {
     }
 
     const normalizeShadows = (shadows) => {
-      return shadows?.map(shadow => {
+      return shadows?.map((shadow) => {
         if (typeof shadow === 'object') {
           return shadow
         }
@@ -457,7 +508,8 @@ export default {
     const editedSubShadowId = ref(null)
     exports.editedSubShadowId = editedSubShadowId
     const editedSubShadow = computed(() => {
-      if (editedShadow.value == null || editedSubShadowId.value == null) return null
+      if (editedShadow.value == null || editedSubShadowId.value == null)
+        return null
       return editedShadow.value[editedSubShadowId.value]
     })
     exports.editedSubShadow = editedSubShadow
@@ -475,7 +527,7 @@ export default {
 
       newEditedShadow[editedSubShadowId.value] = {
         ...newEditedShadow[editedSubShadowId.value],
-        [axis]: value
+        [axis]: value,
       }
 
       editedShadow.value = newEditedShadow
@@ -515,12 +567,12 @@ export default {
               component,
               variant,
               state,
-              directives: stateData.directives || {}
+              directives: stateData.directives || {},
             }
 
             if (parent) {
               result.parent = {
-                component: parent
+                component: parent,
               }
             }
 
@@ -528,13 +580,15 @@ export default {
 
             // Currently we only support single depth for simplicity's sake
             if (!parent) {
-              Object.entries(stateData._children || {}).forEach(([cName, child]) => convert(cName, child, component))
+              Object.entries(stateData._children || {}).forEach(
+                ([cName, child]) => convert(cName, child, component),
+              )
             }
           })
         })
       }
 
-      [...componentsMap.values()].forEach(({ name }) => {
+      ;[...componentsMap.values()].forEach(({ name }) => {
         convert(name, allEditedRules.value[name])
       })
 
@@ -542,21 +596,20 @@ export default {
     })
 
     const allCustomVirtualDirectives = [...componentsMap.values()]
-      .map(c => {
-        return c
-          .defaultRules
-          .filter(c => c.component === 'Root')
-          .map(x => Object.entries(x.directives))
+      .map((c) => {
+        return c.defaultRules
+          .filter((c) => c.component === 'Root')
+          .map((x) => Object.entries(x.directives))
           .flat()
       })
-      .filter(x => x)
+      .filter((x) => x)
       .flat()
       .map(([name, value]) => {
         const [valType, valVal] = value.split('|')
         return {
           name: name.substring(2),
           valType: valType?.trim(),
-          value: valVal?.trim()
+          value: valVal?.trim(),
         }
       })
 
@@ -570,8 +623,11 @@ export default {
     const virtualDirectivesRule = computed(() => ({
       component: 'Root',
       directives: Object.fromEntries(
-        virtualDirectives.value.map(vd => [`--${vd.name}`, `${vd.valType} | ${vd.value}`])
-      )
+        virtualDirectives.value.map((vd) => [
+          `--${vd.name}`,
+          `${vd.valType} | ${vd.value}`,
+        ]),
+      ),
     }))
 
     // Text format
@@ -579,16 +635,19 @@ export default {
       return [
         'Root {',
         ...virtualDirectives.value
-          .filter(vd => vd.name && vd.valType && vd.value)
-          .map(vd => `  --${vd.name}: ${vd.valType} | ${vd.value};`),
-        '}'
+          .filter((vd) => vd.name && vd.valType && vd.value)
+          .map((vd) => `  --${vd.name}: ${vd.valType} | ${vd.value};`),
+        '}',
       ].join('\n')
     })
 
     exports.computeColor = (color) => {
       let computedColor
       try {
-        computedColor = findColor(color, { dynamicVars: dynamicVars.value, staticVars: staticVars.value })
+        computedColor = findColor(color, {
+          dynamicVars: dynamicVars.value,
+          staticVars: staticVars.value,
+        })
         if (computedColor) {
           return rgb2hex(computedColor)
         }
@@ -602,7 +661,7 @@ export default {
     exports.contrast = computed(() => {
       return getContrast(
         exports.computeColor(previewColors.value.background),
-        exports.computeColor(previewColors.value.text)
+        exports.computeColor(previewColors.value.text),
       )
     })
 
@@ -611,30 +670,38 @@ export default {
       filename: () => exports.name.value ?? 'pleroma_theme',
       mime: 'text/plain',
       extension: 'iss',
-      getExportedObject: () => exportStyleData.value
+      getExportedObject: () => exportStyleData.value,
     })
 
-    const onImport = parsed => {
-      const editorComponents = parsed.filter(x => x.component.startsWith('@'))
-      const rootComponent = parsed.find(x => x.component === 'Root')
-      const rules = parsed.filter(x => !x.component.startsWith('@') && x.component !== 'Root')
-      const metaIn = editorComponents.find(x => x.component === '@meta').directives
-      const palettesIn = editorComponents.filter(x => x.component === '@palette')
+    const onImport = (parsed) => {
+      const editorComponents = parsed.filter((x) => x.component.startsWith('@'))
+      const rootComponent = parsed.find((x) => x.component === 'Root')
+      const rules = parsed.filter(
+        (x) => !x.component.startsWith('@') && x.component !== 'Root',
+      )
+      const metaIn = editorComponents.find(
+        (x) => x.component === '@meta',
+      ).directives
+      const palettesIn = editorComponents.filter(
+        (x) => x.component === '@palette',
+      )
 
       exports.name.value = metaIn.name
       exports.license.value = metaIn.license
       exports.author.value = metaIn.author
       exports.website.value = metaIn.website
 
-      const newVirtualDirectives = Object
-        .entries(rootComponent.directives)
-        .map(([name, value]) => {
-          const [valType, valVal] = value.split('|').map(x => x.trim())
+      const newVirtualDirectives = Object.entries(rootComponent.directives).map(
+        ([name, value]) => {
+          const [valType, valVal] = value.split('|').map((x) => x.trim())
           return { name: name.substring(2), valType, value: valVal }
-        })
+        },
+      )
       virtualDirectives.value = newVirtualDirectives
 
-      onPalettesUpdate(palettesIn.map(x => ({ name: x.variant, ...x.directives })))
+      onPalettesUpdate(
+        palettesIn.map((x) => ({ name: x.variant, ...x.directives })),
+      )
 
       allEditedRules.value = rulesToEditorFriendly(rules)
 
@@ -643,12 +710,17 @@ export default {
 
     const styleImporter = newImporter({
       accept: '.iss',
-      parser (string) { return deserialize(string) },
-      onImportFailure (result) {
-        console.error('Failure importing style:', result)
-        useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+      parser(string) {
+        return deserialize(string)
       },
-      onImport
+      onImportFailure(result) {
+        console.error('Failure importing style:', result)
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'settings.invalid_theme_imported',
+          level: 'error',
+        })
+      },
+      onImport,
     })
 
     // Raw format
@@ -656,7 +728,7 @@ export default {
       metaRule.value,
       ...palettesRule.value,
       virtualDirectivesRule.value,
-      ...editorFriendlyToOriginal.value
+      ...editorFriendlyToOriginal.value,
     ])
 
     // Text format
@@ -665,12 +737,12 @@ export default {
         metaOut.value,
         palettesOut.value,
         virtualDirectivesOut.value,
-        serialize(editorFriendlyToOriginal.value)
+        serialize(editorFriendlyToOriginal.value),
       ].join('\n\n')
     })
 
     exports.clearStyle = () => {
-      onImport(interfaceStore().styleDataUsed)
+      onImport(interfaceStore.styleDataUsed)
     }
 
     exports.exportStyle = () => {
@@ -688,19 +760,26 @@ export default {
     const overallPreviewRules = ref([])
     exports.overallPreviewRules = overallPreviewRules
 
-    const overallPreviewCssRules = ref([])
-    watchEffect(throttle(() => {
+    watch([overallPreviewRules], () => {
+      let css = null
       try {
-        overallPreviewCssRules.value = getScopedVersion(
-          getCssRules(overallPreviewRules.value),
-          '#edited-style-preview'
-        ).join('\n')
+        css = getCssRules(overallPreviewRules.value).map((r) =>
+          r.replace('html', '&'),
+        )
       } catch (e) {
         console.error(e)
+        return
       }
-    }, 500))
 
-    exports.overallPreviewCssRules = overallPreviewCssRules
+      const sheet = createStyleSheet('style-tab-overall-preview', 90)
+
+      sheet.clear()
+      sheet.addRule(
+        ['#edited-style-preview {\n', css.join('\n'), '\n}'].join(''),
+      )
+      sheet.ready = true
+      adoptStyleSheets()
+    })
 
     const updateOverallPreview = throttle(() => {
       try {
@@ -710,48 +789,49 @@ export default {
             {
               component: 'Root',
               directives: Object.fromEntries(
-                Object
-                  .entries(selectedPalette.value)
+                Object.entries(selectedPalette.value)
                   .filter(([k, v]) => k && v && k !== 'name')
-                  .map(([k, v]) => [`--${k}`, `color | ${v}`])
-              )
-            }
+                  .map(([k, v]) => [`--${k}`, `color | ${v}`]),
+              ),
+            },
           ],
           ultimateBackgroundColor: '#000000',
-          debug: true
+          debug: true,
         }).eager
       } catch (e) {
         console.error('Could not compile preview theme', e)
         return null
       }
-    }, 5000)
+    }, 1000)
     //
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
-    const simulatePseudoSelectors = (css, prefix) => css
-      .replace(prefix, '.component-preview .preview-block')
-      .replace(':active', '.preview-active')
-      .replace(':hover', '.preview-hover')
-      .replace(':active', '.preview-active')
-      .replace(':focus', '.preview-focus')
-      .replace(':focus-within', '.preview-focus-within')
-      .replace(':disabled', '.preview-disabled')
+    const simulatePseudoSelectors = (css, prefix) =>
+      css
+        .replace(prefix, '.preview-block')
+        .replace(':active', '.preview-active')
+        .replace(':hover', '.preview-hover')
+        .replace(':active', '.preview-active')
+        .replace(':focus', '.preview-focus')
+        .replace(':focus-within', '.preview-focus-within')
+        .replace(':disabled', '.preview-disabled')
 
     const previewRules = computed(() => {
-      const filtered = overallPreviewRules.value.filter(r => {
+      const filtered = overallPreviewRules.value.filter((r) => {
         const componentMatch = r.component === selectedComponentName.value
-        const parentComponentMatch = r.parent?.component === selectedComponentName.value
+        const parentComponentMatch =
+          r.parent?.component === selectedComponentName.value
         if (!componentMatch && !parentComponentMatch) return false
         const rule = parentComponentMatch ? r.parent : r
         if (rule.component !== selectedComponentName.value) return false
         if (rule.variant !== selectedVariant.value) return false
-        const ruleState = new Set(rule.state.filter(x => x !== 'normal'))
-        const differenceA = [...ruleState].filter(x => !selectedState.has(x))
-        const differenceB = [...selectedState].filter(x => !ruleState.has(x))
-        return (differenceA.length + differenceB.length) === 0
+        const ruleState = new Set(rule.state.filter((x) => x !== 'normal'))
+        const differenceA = [...ruleState].filter((x) => !selectedState.has(x))
+        const differenceB = [...selectedState].filter((x) => !ruleState.has(x))
+        return differenceA.length + differenceB.length === 0
       })
       const sorted = [...filtered]
-        .filter(x => x.component === selectedComponentName.value)
+        .filter((x) => x.component === selectedComponentName.value)
         .sort((a, b) => {
           const aSelectorLength = a.selector.split(/ /g).length
           const bSelectorLength = b.selector.split(/ /g).length
@@ -760,27 +840,32 @@ export default {
 
       const prefix = sorted[0].selector
 
-      return filtered.filter(x => x.selector.startsWith(prefix))
+      return filtered.filter((x) => x.selector.startsWith(prefix))
     })
 
     exports.previewClass = computed(() => {
       const selectors = []
-      if (!!selectedComponent.value.variants?.normal || selectedVariant.value !== 'normal') {
+      if (
+        !!selectedComponent.value.variants?.normal ||
+        selectedVariant.value !== 'normal'
+      ) {
         selectors.push(selectedComponent.value.variants[selectedVariant.value])
       }
       if (selectedState.size > 0) {
-        selectedState.forEach(state => {
+        selectedState.forEach((state) => {
           const original = selectedComponent.value.states[state]
           selectors.push(simulatePseudoSelectors(original))
         })
       }
-      return selectors.map(x => x.substring(1)).join('')
+      return selectors.map((x) => x.substring(1)).join('')
     })
 
     exports.previewCss = computed(() => {
       try {
         const prefix = previewRules.value[0].selector
-        const scoped = getCssRules(previewRules.value).map(x => simulatePseudoSelectors(x, prefix))
+        const scoped = getCssRules(previewRules.value).map((x) =>
+          simulatePseudoSelectors(x, prefix),
+        )
         return scoped.join('\n')
       } catch (e) {
         console.error('Invalid ruleset', e)
@@ -793,7 +878,7 @@ export default {
     })
 
     const staticVars = computed(() => {
-      const rootComponent = overallPreviewRules.value.find(r => {
+      const rootComponent = overallPreviewRules.value.find((r) => {
         return r.component === 'Root'
       })
       const rootDirectivesEntries = Object.entries(rootComponent.directives)
@@ -802,7 +887,10 @@ export default {
         .filter(([k, v]) => k.startsWith('--') && v.startsWith('color | '))
         .map(([k, v]) => [k.substring(2), v.substring('color | '.length)])
         .forEach(([k, v]) => {
-          directives[k] = findColor(v, { dynamicVars: {}, staticVars: directives })
+          directives[k] = findColor(v, {
+            dynamicVars: {},
+            staticVars: directives,
+          })
         })
       return directives
     })
@@ -811,13 +899,18 @@ export default {
 
     const previewColors = computed(() => {
       const stacked = dynamicVars.value.stacked
-      const background = typeof stacked === 'string' ? stacked : rgb2hex(stacked)
+      const background =
+        typeof stacked === 'string' ? stacked : rgb2hex(stacked)
       return {
-        text: previewRules.value.find(r => r.component === 'Text')?.virtualDirectives['--text'],
-        link: previewRules.value.find(r => r.component === 'Link')?.virtualDirectives['--link'],
-        border: previewRules.value.find(r => r.component === 'Border')?.virtualDirectives['--border'],
-        icon: previewRules.value.find(r => r.component === 'Icon')?.virtualDirectives['--icon'],
-        background
+        text: previewRules.value.find((r) => r.component === 'Text')
+          ?.virtualDirectives['--text'],
+        link: previewRules.value.find((r) => r.component === 'Link')
+          ?.virtualDirectives['--link'],
+        border: previewRules.value.find((r) => r.component === 'Border')
+          ?.virtualDirectives['--border'],
+        icon: previewRules.value.find((r) => r.component === 'Icon')
+          ?.virtualDirectives['--icon'],
+        background,
       }
     })
     exports.previewColors = previewColors
@@ -831,11 +924,11 @@ export default {
         palettes,
         selectedPalette,
         selectedState,
-        selectedVariant
+        selectedVariant,
       ],
-      updateOverallPreview
+      updateOverallPreview,
     )
 
     return exports
-  }
+  },
 }
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 545f6b117..eb31f9684 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -1,15 +1,15 @@
 .StyleTab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .style-control {
-    display: flex;
-    flex-wrap: wrap;
     align-items: baseline;
     margin-bottom: 0.5em;
 
     .label {
+      display: inline-block;
       margin-right: 0.5em;
-      flex: 1 1 0;
+      flex: 1 1 auto;
       line-height: 2;
       min-height: 2em;
     }
@@ -18,10 +18,6 @@
       margin-left: 1em;
     }
 
-    .color-input {
-      flex: 0 0 0;
-    }
-
     input,
     select {
       min-width: 3em;
@@ -50,21 +46,24 @@
     }
   }
 
+  .setting-section.heading {
+    padding: 0;
+  }
+
   .meta-preview {
     display: grid;
     grid-template:
-      "meta meta preview preview"
-      "meta meta preview preview"
-      "meta meta preview preview"
-      "meta meta preview preview";
-    grid-gap: 0.5em;
-    grid-template-columns: min-content min-content 6fr max-content;
+      "meta preview";
+    grid-gap: 1em;
+    grid-template-columns: min-content 6fr;
+
+    .theme-preview-container {
+      margin: 0;
+    }
 
     ul.setting-list {
       padding: 0;
       margin: 0;
-      display: grid;
-      grid-template-rows: subgrid;
       grid-area: meta;
 
       > li {
@@ -86,8 +85,9 @@
     }
   }
 
-  .setting-item {
+  .setting-section {
     padding-bottom: 0;
+    margin-top: 1em;
 
     .btn {
       padding: 0 0.5em;
@@ -114,6 +114,7 @@
 
     .list-edit-area {
       grid-area: editor;
+      align-items: baseline;
     }
 
     .list-select {
@@ -134,21 +135,6 @@
     }
   }
 
-  .palette-editor {
-    width: min-content;
-
-    .list-edit-area {
-      display: grid;
-      align-self: baseline;
-      grid-template-rows: subgrid;
-      grid-template-columns: 1fr;
-    }
-
-    .palette-editor-single {
-      grid-row: 2 / span 2;
-    }
-  }
-
   .variables-editor {
     .variable-selector {
       display: grid;
@@ -249,6 +235,46 @@
       justify-items: center;
     }
   }
+
+  .-mobile & {
+    .meta-preview {
+      grid-template:
+        "meta"
+        "preview"
+    }
+
+    .list-editor {
+      display: grid;
+      grid-template-areas:
+        "label"
+        "selector"
+        "movement"
+        "editor"
+        "editor"
+        "editor"
+        "editor";
+      grid-template-columns: 1fr;
+      grid-template-rows: auto 1fr auto;
+    }
+
+    .component-editor {
+      grid-template-columns: 1fr;
+      grid-template-rows: auto;
+      grid-template-areas:
+        "component"
+        "variant"
+        "state"
+        "preview"
+        "settings";
+    }
+
+      .variable-selector {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto;
+        grid-auto-flow: row;
+        grid-gap: 0.5em;
+      }
+  }
 }
 
 .extra-content {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 5084b757c..eb86026e2 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -3,17 +3,8 @@
 
 <template>
   <div class="StyleTab">
-    <div class="setting-item heading">
-      <h2> {{ $t('settings.style.themes3.editor.title') }} </h2>
+    <div class="setting-section heading">
       <div class="meta-preview">
-        <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-        <!-- eslint-disable vue/no-v-html -->
-        <component
-          :is="'style'"
-          v-html="overallPreviewCssRules"
-        />
-        <!-- eslint-enable vue/no-v-html -->
-        <!-- eslint-enable vue/no-v-text-v-html-on-component -->
         <Preview id="edited-style-preview" />
         <teleport
           v-if="isActive"
@@ -91,8 +82,9 @@
     <tab-switcher>
       <div
         key="component"
-        class="setting-item component-editor"
+        class="setting-section component-editor"
         :label="$t('settings.style.themes3.editor.component_tab')"
+        :full-width="true"
       >
         <div class="component-selector">
           <label for="component-selector">
@@ -155,12 +147,6 @@
           </ul>
         </div>
         <div class="preview-container">
-          <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-          <component
-            :is="'style'"
-            v-html="previewCss"
-          />
-          <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
           <ComponentPreview
             class="component-preview"
             :show-text="componentHas('Text')"
@@ -345,7 +331,8 @@
       <div
         key="palette"
         :label="$t('settings.style.themes3.editor.palette_tab')"
-        class="setting-item list-editor palette-editor"
+        class="setting-section list-editor palette-editor"
+        :full-width="true"
       >
         <label
           class="list-select-label"
@@ -393,6 +380,7 @@
         key="variables"
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
+        :full-width="true"
         @update:model-value="updateVirtualDirectives"
       />
     </tab-switcher>
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index d98dea615..70a24010b 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -1,26 +1,25 @@
-import { ref, computed, watch, inject } from 'vue'
+import { computed, inject, ref, watch } from 'vue'
 
+import ColorInput from 'src/components/color_input/color_input.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
 
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
 
 // helper for debugging
-// eslint-disable-next-line no-unused-vars
-const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
+// const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
 export default {
   components: {
     Select,
     SelectMotion,
     ShadowControl,
-    ColorInput
+    ColorInput,
   },
   props: ['modelValue'],
   emits: ['update:modelValue'],
-  setup (props, context) {
+  setup(props, context) {
     const exports = {}
     const emit = context.emit
 
@@ -32,23 +31,23 @@ export default {
     exports.selectedVirtualDirectiveId = selectedVirtualDirectiveId
 
     const selectedVirtualDirective = computed({
-      get () {
+      get() {
         return props.modelValue[selectedVirtualDirectiveId.value]
       },
-      set (value) {
+      set(value) {
         const newVD = [...props.modelValue]
         newVD[selectedVirtualDirectiveId.value] = value
 
         emit('update:modelValue', newVD)
-      }
+      },
     })
     exports.selectedVirtualDirective = selectedVirtualDirective
 
     exports.selectedVirtualDirectiveValType = computed({
-      get () {
+      get() {
         return props.modelValue[selectedVirtualDirectiveId.value].valType
       },
-      set (value) {
+      set(value) {
         const newValType = value
         let newValue
         switch (value) {
@@ -65,9 +64,9 @@ export default {
         props.modelValue[selectedVirtualDirectiveId.value] = {
           name: newName,
           value: newValue,
-          valType: newValType
+          valType: newValType,
         }
-      }
+      },
     })
 
     const draftVirtualDirectiveValid = ref(true)
@@ -83,7 +82,9 @@ export default {
             if (Array.isArray(directive.value)) {
               draftVirtualDirective.value = normalizeShadows(directive.value)
             } else {
-              const splitShadow = directive.value.split(/,/g).map(x => x.trim())
+              const splitShadow = directive.value
+                .split(/,/g)
+                .map((x) => x.trim())
               draftVirtualDirective.value = normalizeShadows(splitShadow)
             }
             break
@@ -96,7 +97,7 @@ export default {
             break
         }
       },
-      { immediate: true }
+      { immediate: true },
     )
 
     watch(
@@ -106,11 +107,12 @@ export default {
           switch (selectedVirtualDirective.value.valType) {
             case 'shadow': {
               props.modelValue[selectedVirtualDirectiveId.value].value =
-                directive.map(x => serializeShadow(x)).join(', ')
+                directive.map((x) => serializeShadow(x)).join(', ')
               break
             }
             default:
-              props.modelValue[selectedVirtualDirectiveId.value].value = directive
+              props.modelValue[selectedVirtualDirectiveId.value].value =
+                directive
           }
           draftVirtualDirectiveValid.value = true
         } catch (e) {
@@ -118,15 +120,15 @@ export default {
           draftVirtualDirectiveValid.value = false
         }
       },
-      { immediate: true }
+      { immediate: true },
     )
 
     exports.getNewVirtualDirective = () => ({
       name: 'newDirective',
       valType: 'generic',
-      value: 'foobar'
+      value: 'foobar',
     })
 
     return exports
-  }
+  },
 }
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
index b2b50b3e8..69f974e9f 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
@@ -1,7 +1,7 @@
 <script src="./virtual_directives_tab.js"></script>
 
 <template>
-  <div class="setting-item list-editor variables-editor">
+  <div class="setting-section list-editor variables-editor">
     <label
       class="list-select-label"
       for="variables-selector"
diff --git a/src/components/settings_modal/tabs/uploads_tab.vue b/src/components/settings_modal/tabs/uploads_tab.vue
new file mode 100644
index 000000000..375032d6e
--- /dev/null
+++ b/src/components/settings_modal/tabs/uploads_tab.vue
@@ -0,0 +1,26 @@
+<template>
+  <div :label="$t('admin_dash.tabs.uploads')">
+    <div class="setting-section">
+      <h3>{{ $t('admin_dash.uploads.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Upload']"
+            :option-label-map="adaptersLabels"
+          />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
+        <li>
+          <!-- authentication info -->
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./uploads_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/version_tab.js b/src/components/settings_modal/tabs/version_tab.js
deleted file mode 100644
index 20a671735..000000000
--- a/src/components/settings_modal/tabs/version_tab.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const pleromaFeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
-
-const VersionTab = {
-  data () {
-    const instance = this.$store.state.instance
-    return {
-      backendVersion: instance.backendVersion,
-      backendRepository: instance.backendRepository,
-      frontendVersion: instance.frontendVersion
-    }
-  },
-  computed: {
-    frontendVersionLink () {
-      return pleromaFeCommitUrl + this.frontendVersion
-    }
-  }
-}
-
-export default VersionTab
diff --git a/src/components/settings_modal/tabs/version_tab.vue b/src/components/settings_modal/tabs/version_tab.vue
deleted file mode 100644
index 917a618e6..000000000
--- a/src/components/settings_modal/tabs/version_tab.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div :label="$t('settings.version.title')">
-    <div class="setting-item">
-      <ul class="setting-list">
-        <li>
-          <p>{{ $t('settings.version.backend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="backendRepository"
-                target="_blank"
-              >{{ backendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <p>{{ $t('settings.version.frontend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="frontendVersionLink"
-                target="_blank"
-              >{{ frontendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-<script src="./version_tab.js" />
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index 1722454db..066fe9d71 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -1,30 +1,34 @@
+import { flattenDeep, throttle } from 'lodash'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
 import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import Popover from 'src/components/popover/popover.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
+
 import { rgb2hex } from 'src/services/color_convert/color_convert.js'
-import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
-import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
-import { getCssShadow, getCssShadowFilter } from 'src/services/theme_data/css_utils.js'
-import { findShadow, findColor } from 'src/services/theme_data/theme_data_3.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { throttle, flattenDeep } from 'lodash'
 import {
-  faTimes,
+  getCssShadow,
+  getCssShadowFilter,
+} from 'src/services/theme_data/css_utils.js'
+import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
+import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
+import {
+  findColor,
+  findShadow,
+} from 'src/services/theme_data/theme_data_3.service.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
   faChevronDown,
   faChevronUp,
-  faPlus
+  faPlus,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faChevronDown,
-  faChevronUp,
-  faTimes,
-  faPlus
-)
+library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
 const toModel = (input) => {
   if (typeof input === 'object') {
@@ -36,7 +40,7 @@ const toModel = (input) => {
       inset: false,
       color: '#000000',
       alpha: 1,
-      ...input
+      ...input,
     }
   } else if (typeof input === 'string') {
     return input
@@ -51,13 +55,13 @@ export default {
     'noPreview',
     'disabled',
     'staticVars',
-    'compact'
+    'compact',
   ],
   emits: ['update:modelValue', 'subShadowSelected'],
-  data () {
+  data() {
     return {
       selectedId: 0,
-      invalid: false
+      invalid: false,
     }
   },
   components: {
@@ -67,27 +71,27 @@ export default {
     SelectMotion,
     Checkbox,
     Popover,
-    ComponentPreview
+    ComponentPreview,
   },
   computed: {
     cValue: {
-      get () {
+      get() {
         return (this.modelValue ?? this.fallback ?? []).map(toModel)
       },
-      set (newVal) {
+      set(newVal) {
         this.$emit('update:modelValue', newVal)
-      }
+      },
     },
     selectedType: {
-      get () {
+      get() {
         return typeof this.selected
       },
-      set (newType) {
+      set(newType) {
         this.selected = toModel(newType === 'object' ? {} : '')
-      }
+      },
     },
     selected: {
-      get () {
+      get() {
         const selected = this.cValue[this.selectedId]
         if (selected && typeof selected === 'object') {
           return { ...selected }
@@ -96,24 +100,28 @@ export default {
         }
         return null
       },
-      set (value) {
+      set(value) {
         this.cValue[this.selectedId] = toModel(value)
         this.$emit('update:modelValue', this.cValue)
-      }
+      },
     },
-    present () {
+    present() {
       return this.selected != null && this.modelValue != null
     },
-    shadowsAreNull () {
+    shadowsAreNull() {
       return this.modelValue == null
     },
-    currentFallback () {
+    currentFallback() {
       return this.fallback?.[this.selectedId]
     },
-    getColorFallback () {
+    getColorFallback() {
       if (this.staticVars && this.selected?.color) {
         try {
-          const computedColor = findColor(this.selected.color, { dynamicVars: {}, staticVars: this.staticVars }, true)
+          const computedColor = findColor(
+            this.selected.color,
+            { dynamicVars: {}, staticVars: this.staticVars },
+            true,
+          )
           if (computedColor) return rgb2hex(computedColor)
           return null
         } catch (e) {
@@ -124,22 +132,30 @@ export default {
         return this.currentFallback?.color
       }
     },
-    style () {
+    style() {
       try {
         let result
-        const serialized = this.cValue.map(x => serializeShadow(x)).join(',')
+        const serialized = this.cValue.map((x) => serializeShadow(x)).join(',')
         serialized.split(/,/).map(deserializeShadow) // validate
-        const expandedShadow = flattenDeep(findShadow(this.cValue, { dynamicVars: {}, staticVars: this.staticVars }))
-        const fixedShadows = expandedShadow.map(x => ({ ...x, color: rgb2hex(x.color) }))
+        const expandedShadow = flattenDeep(
+          findShadow(this.cValue, {
+            dynamicVars: {},
+            staticVars: this.staticVars,
+          }),
+        )
+        const fixedShadows = expandedShadow.map((x) => ({
+          ...x,
+          color: rgb2hex(x.color),
+        }))
 
         if (this.separateInset) {
           result = {
             filter: getCssShadowFilter(fixedShadows),
-            boxShadow: getCssShadow(fixedShadows, true)
+            boxShadow: getCssShadow(fixedShadows, true),
           }
         } else {
           result = {
-            boxShadow: getCssShadow(fixedShadows)
+            boxShadow: getCssShadow(fixedShadows),
           }
         }
         this.invalid = false
@@ -148,23 +164,26 @@ export default {
         console.error('Invalid shadow', e)
         this.invalid = true
       }
-    }
+    },
   },
   watch: {
-    selected () {
+    selected() {
       this.$emit('subShadowSelected', this.selectedId)
-    }
+    },
   },
   methods: {
-    getNewSubshadow () {
+    getNewSubshadow() {
       return toModel(this.selected)
     },
-    onSelectChange (id) {
+    onSelectChange(id) {
       this.selectedId = id
     },
-    getSubshadowLabel (shadow, index) {
+    getSubshadowLabel(shadow, index) {
       if (typeof shadow === 'object') {
-        return shadow?.name ?? this.$t('settings.style.shadows.shadow_id', { value: index })
+        return (
+          shadow?.name ??
+          this.$t('settings.style.shadows.shadow_id', { value: index })
+        )
       } else if (typeof shadow === 'string') {
         return shadow || this.$t('settings.style.shadows.empty_expression')
       }
@@ -175,6 +194,6 @@ export default {
         this.cValue[this.selectedId].spread = 0
       }
       this.$emit('update:modelValue', this.cValue)
-    }, 100)
-  }
+    }, 100),
+  },
 }
diff --git a/src/components/shadow_control/shadow_control.scss b/src/components/shadow_control/shadow_control.scss
index d169ea234..0fb7386ec 100644
--- a/src/components/shadow_control/shadow_control.scss
+++ b/src/components/shadow_control/shadow_control.scss
@@ -6,6 +6,10 @@
   grid-gap: 0.5em;
   justify-content: stretch;
 
+  .style-control {
+    display: flex;
+  }
+
   &.-compact {
     grid-template-columns: 10em 1fr;
     grid-template-rows: auto auto;
@@ -110,7 +114,6 @@
 
   .shadow-preview {
     grid-area: preview;
-    min-width: 25em;
     margin-left: 0.125em;
     place-self: start center;
   }
diff --git a/src/components/shadow_control/shadow_control.vue b/src/components/shadow_control/shadow_control.vue
index f34741797..4fdae4207 100644
--- a/src/components/shadow_control/shadow_control.vue
+++ b/src/components/shadow_control/shadow_control.vue
@@ -168,6 +168,7 @@
           :disabled="disabled || !present"
           :label="$t('settings.style.common.color')"
           :fallback="getColorFallback"
+          :compact="true"
           :show-optional-checkbox="false"
           name="shadow"
           @update:model-value="e => updateProperty('color', e)"
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index af5e90364..fd0f6912b 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,54 +1,58 @@
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBullhorn,
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
-import { useShoutStore } from 'src/stores/shout'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useShoutStore } from 'src/stores/shout.js'
 
-library.add(
-  faBullhorn,
-  faTimes
-)
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faBullhorn, faTimes)
 
 const shoutPanel = {
   props: ['floating'],
-  data () {
+  data() {
     return {
       currentMessage: '',
       channel: null,
-      collapsed: true
+      collapsed: true,
     }
   },
   computed: {
-    messages () {
+    messages() {
       return useShoutStore().messages
-    }
+    },
   },
   methods: {
-    submit (message) {
+    submit(message) {
       useShoutStore().channel.push('new_msg', { text: message }, 10000)
       this.currentMessage = ''
     },
-    togglePanel () {
+    togglePanel() {
       this.collapsed = !this.collapsed
     },
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.username, this.$store.state.instance.restrictedNicknames)
-    }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.username,
+        useInstanceStore().restrictedNicknames,
+      )
+    },
   },
   watch: {
-    messages () {
+    messages() {
       const scrollEl = this.$el.querySelector('.chat-window')
       if (!scrollEl) return
-      if (scrollEl.scrollTop + scrollEl.offsetHeight + 20 > scrollEl.scrollHeight) {
+      if (
+        scrollEl.scrollTop + scrollEl.offsetHeight + 20 >
+        scrollEl.scrollHeight
+      ) {
         this.$nextTick(() => {
           if (!scrollEl) return
           scrollEl.scrollTop = scrollEl.scrollHeight - scrollEl.offsetHeight
         })
       }
-    }
-  }
+    },
+  },
 }
 
 export default shoutPanel
diff --git a/src/components/shout_panel/shout_panel.vue b/src/components/shout_panel/shout_panel.vue
index 1b2b591c2..184fe81e0 100644
--- a/src/components/shout_panel/shout_panel.vue
+++ b/src/components/shout_panel/shout_panel.vue
@@ -122,8 +122,8 @@
 
   .shout-avatar {
     img {
-      height: 24px;
-      width: 24px;
+      height: 0.6em;
+      width: 0.6em;
       border-radius: var(--roundness);
       margin-right: 0.5em;
       margin-top: 0.25em;
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 7dbd38cb5..fd2157e29 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,29 +1,35 @@
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import UserCard from '../user_card/user_card.vue'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
-import GestureService from '../../services/gesture_service/gesture_service'
+import { mapActions, mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
 import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
+import GestureService from '../../services/gesture_service/gesture_service'
+import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import UserCard from '../user_card/user_card.vue'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useShoutStore } from 'src/stores/shout'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faCompass,
+  faFilePen,
+  faHome,
+  faInfoCircle,
+  faList,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle,
-  faCompass,
-  faList,
-  faFilePen
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useShoutStore } from 'src/stores/shout'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 library.add(
   faSignInAlt,
@@ -39,17 +45,20 @@ library.add(
   faInfoCircle,
   faCompass,
   faList,
-  faFilePen
+  faFilePen,
 )
 
 const SideDrawer = {
   props: ['logout'],
   data: () => ({
     closed: true,
-    closeGesture: undefined
+    closeGesture: undefined,
   }),
-  created () {
-    this.closeGesture = GestureService.swipeGesture(GestureService.DIRECTION_LEFT, this.toggleDrawer)
+  created() {
+    this.closeGesture = GestureService.swipeGesture(
+      GestureService.DIRECTION_LEFT,
+      this.toggleDrawer,
+    )
 
     if (this.currentUser && this.currentUser.locked) {
       this.$store.dispatch('startFetchingFollowRequests')
@@ -57,38 +66,25 @@ const SideDrawer = {
   },
   components: { UserCard },
   computed: {
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    shout () { return useShoutStore().joined },
-    unseenNotifications () {
-      return unseenNotificationsFromStore(this.$store)
+    shout() {
+      return useShoutStore().joined
     },
-    unseenNotificationsCount () {
+    unseenNotifications() {
+      return unseenNotificationsFromStore(
+        this.$store,
+        useMergedConfigStore().mergedConfig.notificationVisibility,
+      )
+    },
+    unseenNotificationsCount() {
       return this.unseenNotifications.length
     },
-    suggestionsEnabled () {
-      return this.$store.state.instance.suggestionsEnabled
-    },
-    logo () {
-      return this.$store.state.instance.logo
-    },
-    hideSitename () {
-      return this.$store.state.instance.hideSitename
-    },
-    sitename () {
-      return this.$store.state.instance.name
-    },
-    followRequestCount () {
+    followRequestCount() {
       return this.$store.state.api.followRequests.length
     },
-    privateMode () {
-      return this.$store.state.instance.private
-    },
-    federating () {
-      return this.$store.state.instance.federating
-    },
-    timelinesRoute () {
+    timelinesRoute() {
       let name
       if (useInterfaceStore().lastTimeline) {
         name = useInterfaceStore().lastTimeline
@@ -100,36 +96,38 @@ const SideDrawer = {
         return { name }
       }
     },
-    ...mapPiniaState(useAnnouncementsStore, {
-      supportsAnnouncements: store => store.supportsAnnouncements,
-      unreadAnnouncementCount: 'unreadAnnouncementCount'
+    ...mapState(useAnnouncementsStore, [
+      'supportsAnnouncements',
+      'unreadAnnouncementCount',
+    ]),
+    ...mapState(useInstanceCapabilitiesStore, [
+      'pleromaChatMessagesAvailable',
+      'suggestionsEnabled',
+    ]),
+    ...mapState(useInstanceStore, ['privateMode', 'federating']),
+    ...mapState(useInstanceStore, {
+      logo: (store) => store.instanceIdentity.logo,
+      sitename: (store) => store.instanceIdentity.name,
+      hideSitename: (store) => store.instanceIdentity.hideSitename,
     }),
-    ...mapState({
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
-    }),
-    ...mapGetters(['unreadChatCount', 'draftCount'])
+    ...mapGetters(['unreadChatCount', 'draftCount']),
   },
   methods: {
-    toggleDrawer () {
+    toggleDrawer() {
       this.closed = !this.closed
     },
-    doLogout () {
+    doLogout() {
       this.logout()
       this.toggleDrawer()
     },
-    touchStart (e) {
+    touchStart(e) {
       GestureService.beginSwipe(e, this.closeGesture)
     },
-    touchMove (e) {
+    touchMove(e) {
       GestureService.updateSwipe(e, this.closeGesture)
     },
-    openSettingsModal () {
-      useInterfaceStore().openSettingsModal('user')
-    },
-    openAdminModal () {
-      useInterfaceStore().openSettingsModal('admin')
-    }
-  }
+    ...mapActions(useInterfaceStore, ['openSettingsModal']),
+  },
 }
 
 export default SideDrawer
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index 7dd6ff28f..c034edf91 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -198,7 +198,7 @@
         <li @click="toggleDrawer">
           <button
             class="menu-item"
-            @click="openSettingsModal"
+            @click="openSettingsModal('user')"
           >
             <FAIcon
               fixed-width
@@ -225,7 +225,7 @@
         >
           <button
             class="menu-item"
-            @click.stop="openAdminModal"
+            @click.stop="openSettingsModal('admin')"
           >
             <FAIcon
               fixed-width
@@ -412,6 +412,10 @@
   display: flex;
   padding: 0;
   margin: 0;
+
+  .user-info {
+    margin: 1em;
+  }
 }
 
 .side-drawer ul {
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 46a92ac78..3f271f4d3 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,33 +1,38 @@
-import map from 'lodash/map'
 import groupBy from 'lodash/groupBy'
+import map from 'lodash/map'
 import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+
 const StaffPanel = {
-  created () {
-    const nicknames = this.$store.state.instance.staffAccounts
-    nicknames.forEach(nickname => this.$store.dispatch('fetchUserIfMissing', nickname))
+  created() {
+    const nicknames = useInstanceStore().staffAccounts
+    nicknames.forEach((nickname) =>
+      this.$store.dispatch('fetchUserIfMissing', nickname),
+    )
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
   },
   computed: {
-    groupedStaffAccounts () {
-      const staffAccounts = map(this.staffAccounts, this.findUserByName).filter(_ => _)
+    groupedStaffAccounts() {
+      const staffAccounts = map(this.staffAccounts, this.findUserByName).filter(
+        (_) => _,
+      )
       const groupedStaffAccounts = groupBy(staffAccounts, 'role')
 
       return [
         { role: 'admin', users: groupedStaffAccounts.admin },
-        { role: 'moderator', users: groupedStaffAccounts.moderator }
-      ].filter(group => group.users)
+        { role: 'moderator', users: groupedStaffAccounts.moderator },
+      ].filter((group) => group.users)
     },
-    ...mapGetters([
-      'findUserByName'
-    ]),
+    ...mapGetters(['findUserByName']),
     ...mapState({
-      staffAccounts: state => state.instance.staffAccounts
-    })
-  }
+      staffAccounts: (state) => useInstanceStore().staffAccounts,
+    }),
+  },
 }
 
 export default StaffPanel
diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js
index d0038424e..a988aef76 100644
--- a/src/components/status/post.style.js
+++ b/src/components/status/post.style.js
@@ -2,41 +2,27 @@ export default {
   name: 'Post',
   selector: '.Status',
   states: {
-    selected: '.-focused'
+    selected: '.-focused',
   },
   validInnerComponents: [
     'Text',
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'RichContent',
-    'Input',
     'Avatar',
-    'Attachment',
-    'PollGraph'
-  ],
-  validInnerComponentsLite: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'ButtonUnstyled',
-    'RichContent',
-    'Avatar'
+    'PollGraph',
   ],
   defaultRules: [
     {
       directives: {
-        background: '--bg'
-      }
+        background: '--bg',
+      },
     },
     {
       state: ['selected'],
       directives: {
-        background: '--inheritedBackground, 10'
-      }
-    }
-  ]
+        background: '--inheritedBackground, 10',
+      },
+    },
+  ],
 }
diff --git a/src/components/status/status.js b/src/components/status/status.js
index ba6fe1b68..b24146d9d 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -1,44 +1,54 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
-import StatusContent from '../status_content/status_content.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import StatusPopover from '../status_popover/status_popover.vue'
-import UserPopover from '../user_popover/user_popover.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
-import UserLink from '../user_link/user_link.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import { unescape as ldUnescape, uniqBy } from 'lodash'
+
 import MentionLink from 'src/components/mention_link/mention_link.vue'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
 import { muteFilterHits } from '../../services/status_parser/status_parser.js'
-import { unescape, uniqBy } from 'lodash'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import StatusContent from '../status_content/status_content.vue'
+import StatusPopover from '../status_popover/status_popover.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserPopover from '../user_popover/user_popover.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faAngleDoubleRight,
+  faChevronDown,
+  faChevronUp,
+  faEllipsisH,
   faEnvelope,
-  faLock,
-  faLockOpen,
+  faEye,
+  faEyeSlash,
   faGlobe,
   faIgloo,
-  faTimes,
-  faRetweet,
-  faReply,
+  faLock,
+  faLockOpen,
+  faPlay,
   faPlusSquare,
+  faReply,
+  faRetweet,
   faSmileBeam,
-  faEllipsisH,
   faStar,
-  faEyeSlash,
-  faEye,
   faThumbtack,
-  faChevronUp,
-  faChevronDown,
-  faAngleDoubleRight,
-  faPlay
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -60,21 +70,26 @@ library.add(
   faChevronUp,
   faChevronDown,
   faAngleDoubleRight,
-  faPlay
+  faPlay,
 )
 
-const camelCase = name => name.charAt(0).toUpperCase() + name.slice(1)
+const camelCase = (name) => name.charAt(0).toUpperCase() + name.slice(1)
 
-const controlledOrUncontrolledGetters = list => list.reduce((res, name) => {
-  const camelized = camelCase(name)
-  const toggle = `controlledToggle${camelized}`
-  const controlledName = `controlled${camelized}`
-  const uncontrolledName = `uncontrolled${camelized}`
-  res[name] = function () {
-    return ((this.$data[toggle] !== undefined || this.$props[toggle] !== undefined) && this[toggle]) ? this[controlledName] : this[uncontrolledName]
-  }
-  return res
-}, {})
+const controlledOrUncontrolledGetters = (list) =>
+  list.reduce((res, name) => {
+    const camelized = camelCase(name)
+    const toggle = `controlledToggle${camelized}`
+    const controlledName = `controlled${camelized}`
+    const uncontrolledName = `uncontrolled${camelized}`
+    res[name] = function () {
+      return (this.$data[toggle] !== undefined ||
+        this.$props[toggle] !== undefined) &&
+        this[toggle]
+        ? this[controlledName]
+        : this[uncontrolledName]
+    }
+    return res
+  }, {})
 
 const controlledOrUncontrolledToggle = (obj, name) => {
   const camelized = camelCase(name)
@@ -114,29 +129,30 @@ const Status = {
     MentionsLine,
     UserPopover,
     UserLink,
-    StatusActionButtons
+    StatusActionButtons,
   },
   props: [
     'statusoid',
+    'replies',
+
     'expandable',
-    'inConversation',
     'focused',
     'highlight',
     'compact',
-    'replies',
     'isPreview',
     'noHeading',
     'inlineExpanded',
     'showPinned',
     'inProfile',
-    'profileUserId',
+    'inConversation',
     'inQuote',
-
+    'profileUserId',
     'simpleTree',
+    'showOtherRepliesAsButton',
+    'dive',
+
     'controlledThreadDisplayStatus',
     'controlledToggleThreadDisplay',
-    'showOtherRepliesAsButton',
-
     'controlledShowingTall',
     'controlledToggleShowingTall',
     'controlledExpandingSubject',
@@ -147,10 +163,9 @@ const Status = {
     'controlledToggleReplying',
     'controlledMediaPlaying',
     'controlledSetMediaPlaying',
-    'dive'
   ],
-  emits: ['interacted'],
-  data () {
+  emits: ['interacted', 'goto', 'toggleExpanded'],
+  data() {
     return {
       uncontrolledReplying: false,
       unmuted: false,
@@ -159,128 +174,160 @@ const Status = {
       suspendable: true,
       error: null,
       headTailLinks: null,
-      displayQuote: !this.inQuote
+      displayQuote: !this.inQuote,
     }
   },
   computed: {
     ...controlledOrUncontrolledGetters(['replying', 'mediaPlaying']),
-    showReasonMutedThread () {
+    showReasonMutedThread() {
       return (
-        this.status.thread_muted ||
-          (this.status.reblog && this.status.reblog.thread_muted)
-      ) && !this.inConversation
+        (this.status.thread_muted ||
+          (this.status.reblog && this.status.reblog.thread_muted)) &&
+        !this.inConversation
+      )
     },
-    repeaterClass () {
+    repeaterClass() {
       const user = this.statusoid.user
       return highlightClass(user)
     },
-    userClass () {
-      const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
+    userClass() {
+      const user = this.retweet
+        ? this.statusoid.retweeted_status.user
+        : this.statusoid.user
       return highlightClass(user)
     },
-    deleted () {
+    deleted() {
       return this.statusoid.deleted
     },
-    repeaterStyle () {
+    repeaterStyle() {
       const user = this.statusoid.user
-      const highlight = this.mergedConfig.highlight
-      return highlightStyle(highlight[user.screen_name])
+      return highlightStyle(useUserHighlightStore().get(user.screen_name))
     },
-    userStyle () {
+    userStyle() {
       if (this.noHeading) return
-      const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
-      const highlight = this.mergedConfig.highlight
-      return highlightStyle(highlight[user.screen_name])
+      const user = this.retweet
+        ? this.statusoid.retweeted_status.user
+        : this.statusoid.user
+      return highlightStyle(useUserHighlightStore().get(user.screen_name))
     },
-    userProfileLink () {
-      return this.generateUserProfileLink(this.status.user.id, this.status.user.screen_name)
+    userProfileLink() {
+      return this.generateUserProfileLink(
+        this.status.user.id,
+        this.status.user.screen_name,
+      )
     },
-    replyProfileLink () {
+    replyProfileLink() {
       if (this.isReply) {
-        const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
+        const user = this.$store.getters.findUser(
+          this.status.in_reply_to_user_id,
+        )
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
     },
-    retweet () { return !!this.statusoid.retweeted_status },
-    retweeterUser () { return this.statusoid.user },
-    retweeter () { return this.statusoid.user.name || this.statusoid.user.screen_name_ui },
-    retweeterHtml () { return this.statusoid.user.name },
-    retweeterProfileLink () { return this.generateUserProfileLink(this.statusoid.user.id, this.statusoid.user.screen_name) },
-    status () {
+    retweet() {
+      return !!this.statusoid.retweeted_status
+    },
+    retweeterUser() {
+      return this.statusoid.user
+    },
+    retweeter() {
+      return this.statusoid.user.name || this.statusoid.user.screen_name_ui
+    },
+    retweeterHtml() {
+      return this.statusoid.user.name
+    },
+    retweeterProfileLink() {
+      return this.generateUserProfileLink(
+        this.statusoid.user.id,
+        this.statusoid.user.screen_name,
+      )
+    },
+    status() {
       if (this.retweet) {
         return this.statusoid.retweeted_status
       } else {
         return this.statusoid
       }
     },
-    statusFromGlobalRepository () {
+    statusFromGlobalRepository() {
       // NOTE: Consider to replace status with statusFromGlobalRepository
       return this.$store.state.statuses.allStatusesObject[this.status.id]
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.currentUser
     },
-    muteFilterHits () {
+    muteFilterHits() {
       return muteFilterHits(
-        Object.values(useServerSideStorageStore().prefsStorage.simple.muteFilters),
-        this.status
+        Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters),
+        this.status,
       )
     },
-    botStatus () {
+    botStatus() {
       return this.status.user.actor_type === 'Service'
     },
-    showActorTypeIndicator () {
+    showActorTypeIndicator() {
       return !this.hideBotIndication
     },
-    sensitiveStatus () {
+    sensitiveStatus() {
       return this.status.nsfw
     },
-    mentionsLine () {
+    mentionsLine() {
       if (!this.headTailLinks) return []
-      const writtenSet = new Set(this.headTailLinks.writtenMentions.map(_ => _.url))
-      return this.status.attentions.filter(attn => {
-        // no reply user
-        return attn.id !== this.status.in_reply_to_user_id &&
-          // no self-replies
-          attn.statusnet_profile_url !== this.status.user.statusnet_profile_url &&
-          // don't include if mentions is written
-          !writtenSet.has(attn.statusnet_profile_url)
-      }).map(attn => ({
-        url: attn.statusnet_profile_url,
-        content: attn.screen_name,
-        userId: attn.id
-      }))
+      const writtenSet = new Set(
+        this.headTailLinks.writtenMentions.map((_) => _.url),
+      )
+      return this.status.attentions
+        .filter((attn) => {
+          // no reply user
+          return (
+            attn.id !== this.status.in_reply_to_user_id &&
+            // no self-replies
+            attn.statusnet_profile_url !==
+              this.status.user.statusnet_profile_url &&
+            // don't include if mentions is written
+            !writtenSet.has(attn.statusnet_profile_url)
+          )
+        })
+        .map((attn) => ({
+          url: attn.statusnet_profile_url,
+          content: attn.screen_name,
+          userId: attn.id,
+        }))
     },
-    hasMentionsLine () {
+    hasMentionsLine() {
       return this.mentionsLine.length > 0
     },
-    muteReasons () {
+    muteReasons() {
       return [
         this.userIsMuted ? 'user' : null,
         this.status.thread_muted ? 'thread' : null,
-        (this.muteFilterHits.length > 0) ? 'filtered' : null,
-        (this.muteBotStatuses && this.botStatus) ? 'bot' : null,
-        (this.muteSensitiveStatuses && this.sensitiveStatus) ? 'nsfw' : null
-      ].filter(_ => _)
+        this.muteFilterHits.length > 0 ? 'filtered' : null,
+        this.muteBotStatuses && this.botStatus ? 'bot' : null,
+        this.muteSensitiveStatuses && this.sensitiveStatus ? 'nsfw' : null,
+      ].filter((_) => _)
     },
-    muteLocalized () {
+    muteLocalized() {
       if (this.muteReasons.length === 0) return null
       const mainReason = () => {
         switch (this.muteReasons[0]) {
-          case 'user': return this.$t('status.muted_user')
-          case 'thread': return this.$t('status.thread_muted')
+          case 'user':
+            return this.$t('status.muted_user')
+          case 'thread':
+            return this.$t('status.thread_muted')
           case 'filtered':
             return this.$t(
               'status.muted_filters',
               {
                 name: this.muteFilterHits[0].name,
-                filterMore: this.muteFilterHits.length - 1
+                filterMore: this.muteFilterHits.length - 1,
               },
-              this.muteFilterHits.length
+              this.muteFilterHits.length,
             )
-          case 'bot': return this.$t('status.bot_muted')
-          case 'nsfw': return this.$t('status.sensitive_muted')
+          case 'bot':
+            return this.$t('status.bot_muted')
+          case 'nsfw':
+            return this.$t('status.sensitive_muted')
         }
       }
       if (this.muteReasons.length > 1) {
@@ -288,72 +335,74 @@ const Status = {
           'status.multi_reason_mute',
           {
             main: mainReason(),
-            numReasonsMore: this.muteReasons.length - 1
+            numReasonsMore: this.muteReasons.length - 1,
           },
-          this.muteReasons.length - 1
+          this.muteReasons.length - 1,
         )
       } else {
         return mainReason()
       }
     },
-    muted () {
+    muted() {
       if (this.statusoid.user.id === this.currentUser.id) return false
       return !this.unmuted && !this.shouldNotMute && this.muteReasons.length > 0
     },
-    userIsMuted () {
+    userIsMuted() {
       if (this.statusoid.user.id === this.currentUser.id) return false
       const { status } = this
       const { reblog } = status
       const relationship = this.$store.getters.relationship(status.user.id)
-      const relationshipReblog = reblog && this.$store.getters.relationship(reblog.user.id)
-      return (status.muted && !status.thread_muted) ||
+      const relationshipReblog =
+        reblog && this.$store.getters.relationship(reblog.user.id)
+      return (
+        (status.muted && !status.thread_muted) ||
         // Reprööt of a muted post according to BE
         (reblog && reblog.muted && !reblog.thread_muted) ||
         // Muted user
         relationship.muting ||
         // Muted user of a reprööt
         (relationshipReblog && relationshipReblog.muting)
+      )
     },
-    shouldNotMute () {
+    shouldNotMute() {
       if (this.isFocused) return true
       const { status } = this
       const { reblog } = status
       return (
-        (
-          this.inProfile && (
-            // Don't mute user's posts on user timeline (except reblogs)
-            (!reblog && status.user.id === this.profileUserId) ||
+        ((this.inProfile &&
+          // Don't mute user's posts on user timeline (except reblogs)
+          ((!reblog && status.user.id === this.profileUserId) ||
             // Same as above but also allow self-reblogs
-            (reblog && reblog.user.id === this.profileUserId)
-          )
-        ) ||
-        // Don't mute statuses in muted conversation when said conversation is opened
-        (this.inConversation && status.thread_muted)
+            (reblog && reblog.user.id === this.profileUserId))) ||
+          // Don't mute statuses in muted conversation when said conversation is opened
+          (this.inConversation && status.thread_muted)) &&
         // No excuses if post has muted words
-      ) && !this.muteFilterHits.length > 0
-    },
-    hideMutedUsers () {
-      return this.mergedConfig.hideMutedPosts
-    },
-    hideMutedThreads () {
-      return this.mergedConfig.hideMutedThreads
-    },
-    hideFilteredStatuses () {
-      return this.mergedConfig.hideFilteredStatuses
-    },
-    hideWordFilteredPosts () {
-      return this.mergedConfig.hideWordFilteredPosts
-    },
-    hideStatus () {
-      return (!this.shouldNotMute) && (
-        (this.muted && this.hideFilteredStatuses) ||
-        (this.userIsMuted && this.hideMutedUsers) ||
-        (this.status.thread_muted && this.hideMutedThreads) ||
-        (this.muteFilterHits.length > 0 && this.hideWordFilteredPosts) ||
-          (this.muteFilterHits.some(x => x.hide))
+        !this.muteFilterHits.length > 0
       )
     },
-    isFocused () {
+    hideMutedUsers() {
+      return this.mergedConfig.hideMutedPosts
+    },
+    hideMutedThreads() {
+      return this.mergedConfig.hideMutedThreads
+    },
+    hideFilteredStatuses() {
+      return this.mergedConfig.hideFilteredStatuses
+    },
+    hideWordFilteredPosts() {
+      return this.mergedConfig.hideWordFilteredPosts
+    },
+    hideStatus() {
+      return (
+        !this.shouldNotMute &&
+        ((this.muted && this.hideFilteredStatuses) ||
+          (this.userIsMuted && this.hideMutedUsers) ||
+          (this.status.thread_muted && this.hideMutedThreads) ||
+          (this.muteFilterHits.length > 0 && this.hideWordFilteredPosts) ||
+          this.muteFilterHits.some((x) => x.hide))
+      )
+    },
+    isFocused() {
       // retweet or root of an expanded conversation
       if (this.focused) {
         return true
@@ -363,20 +412,24 @@ const Status = {
       // use conversation highlight only when in conversation
       return this.status.id === this.highlight
     },
-    isReply () {
-      return !!(this.status.in_reply_to_status_id && this.status.in_reply_to_user_id)
+    isReply() {
+      return !!(
+        this.status.in_reply_to_status_id && this.status.in_reply_to_user_id
+      )
     },
-    replyToName () {
+    replyToName() {
       if (this.status.in_reply_to_screen_name) {
         return this.status.in_reply_to_screen_name
       } else {
-        const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
+        const user = this.$store.getters.findUser(
+          this.status.in_reply_to_user_id,
+        )
         return user && user.screen_name_ui
       }
     },
-    replySubject () {
+    replySubject() {
       if (!this.status.summary) return ''
-      const decodedSummary = unescape(this.status.summary)
+      const decodedSummary = ldUnescape(this.status.summary)
       const behavior = this.mergedConfig.subjectLineBehavior
       const startsWithRe = decodedSummary.match(/^re[: ]/i)
       if ((behavior !== 'noop' && startsWithRe) || behavior === 'masto') {
@@ -387,72 +440,81 @@ const Status = {
         return ''
       }
     },
-    combinedFavsAndRepeatsUsers () {
+    combinedFavsAndRepeatsUsers() {
       // Use the status from the global status repository since favs and repeats are saved in it
       const combinedUsers = [].concat(
         this.statusFromGlobalRepository.favoritedBy,
-        this.statusFromGlobalRepository.rebloggedBy
+        this.statusFromGlobalRepository.rebloggedBy,
       )
       return uniqBy(combinedUsers, 'id')
     },
-    tags () {
-      // eslint-disable-next-line no-prototype-builtins
-      return this.status.tags.filter(tagObj => tagObj.hasOwnProperty('name')).map(tagObj => tagObj.name).join(' ')
+    tags() {
+      return this.status.tags
+        .filter((tagObj) => Object.hasOwn(tagObj, 'name'))
+        .map((tagObj) => tagObj.name)
+        .join(' ')
     },
-    hidePostStats () {
+    hidePostStats() {
       return this.mergedConfig.hidePostStats
     },
-    shouldDisplayFavsAndRepeats () {
-      return !this.hidePostStats && this.isFocused && (this.combinedFavsAndRepeatsUsers.length > 0 || this.statusFromGlobalRepository.quotes_count)
+    shouldDisplayFavsAndRepeats() {
+      return (
+        !this.hidePostStats &&
+        this.isFocused &&
+        (this.combinedFavsAndRepeatsUsers.length > 0 ||
+          this.statusFromGlobalRepository.quotes_count)
+      )
     },
-    muteBotStatuses () {
+    muteBotStatuses() {
       return this.mergedConfig.muteBotStatuses
     },
-    muteSensitiveStatuses () {
+    muteSensitiveStatuses() {
       return this.mergedConfig.muteSensitiveStatuses
     },
-    hideBotIndication () {
+    hideBotIndication() {
       return this.mergedConfig.hideBotIndication
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    mergedConfig () {
-      return this.$store.getters.mergedConfig
+    mergedConfig() {
+      return useMergedConfigStore().mergedConfig
     },
-    isSuspendable () {
+    isSuspendable() {
       return !this.replying && this.mediaPlaying.length === 0
     },
-    inThreadForest () {
+    inThreadForest() {
       return !!this.controlledThreadDisplayStatus
     },
-    threadShowing () {
+    threadShowing() {
       return this.controlledThreadDisplayStatus === 'showing'
     },
-    visibilityLocalized () {
+    visibilityLocalized() {
       return this.$i18n.t('general.scope_in_timeline.' + this.status.visibility)
     },
-    isEdited () {
+    isEdited() {
       return this.status.edited_at !== null
     },
-    editingAvailable () {
-      return this.$store.state.instance.editingAvailable
+    editingAvailable() {
+      return useInstanceCapabilitiesStore().editingAvailable
     },
-    hasVisibleQuote () {
+    hasVisibleQuote() {
       return this.status.quote_url && this.status.quote_visible
     },
-    hasInvisibleQuote () {
+    hasInvisibleQuote() {
       return this.status.quote_url && !this.status.quote_visible
     },
-    quotedStatus () {
-      return this.status.quote_id ? this.$store.state.statuses.allStatusesObject[this.status.quote_id] : undefined
+    quotedStatus() {
+      return this.status.quote_id
+        ? this.$store.state.statuses.allStatusesObject[this.status.quote_id]
+        : undefined
     },
-    shouldDisplayQuote () {
+    shouldDisplayQuote() {
       return this.quotedStatus && this.displayQuote
     },
-    scrobblePresent () {
+    scrobblePresent() {
       if (this.mergedConfig.hideScrobbles) return false
-      if (!this.status.user.latestScrobble) return false
+      if (!this.status.user?.latestScrobble) return false
       const value = this.mergedConfig.hideScrobblesAfter.match(/\d+/gs)[0]
       const unit = this.mergedConfig.hideScrobblesAfter.match(/\D+/gs)[0]
       let multiplier = 60 * 1000 // minutes is smallest unit
@@ -473,12 +535,12 @@ const Status = {
       if (age > maxAge) return false
       return this.status.user.latestScrobble.artist
     },
-    scrobble () {
-      return this.status.user.latestScrobble
-    }
+    scrobble() {
+      return this.status.user?.latestScrobble
+    },
   },
   methods: {
-    visibilityIcon (visibility) {
+    visibilityIcon(visibility) {
       switch (visibility) {
         case 'private':
           return 'lock'
@@ -492,14 +554,14 @@ const Status = {
           return 'globe'
       }
     },
-    showError (error) {
+    showError(error) {
       this.error = error
     },
-    clearError () {
+    clearError() {
       this.$emit('interacted')
       this.error = undefined
     },
-    toggleReplying () {
+    toggleReplying() {
       this.$emit('interacted')
       if (this.replying) {
         this.$refs.postStatusForm.requestClose()
@@ -507,39 +569,51 @@ const Status = {
         this.doToggleReplying()
       }
     },
-    doToggleReplying () {
+    doToggleReplying() {
       controlledOrUncontrolledToggle(this, 'replying')
     },
-    gotoOriginal (id) {
+    gotoOriginal(id) {
       if (this.inConversation) {
         this.$emit('goto', id)
       }
     },
-    toggleExpanded () {
+    toggleExpanded() {
       this.$emit('toggleExpanded')
     },
-    toggleMute () {
+    toggleMute() {
       this.unmuted = !this.unmuted
     },
-    toggleUserExpanded () {
+    toggleUserExpanded() {
       this.userExpanded = !this.userExpanded
     },
-    generateUserProfileLink (id, name) {
-      return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
+    generateUserProfileLink(id, name) {
+      return generateProfileLink(
+        id,
+        name,
+        useInstanceStore().restrictedNicknames,
+      )
     },
-    addMediaPlaying (id) {
-      controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.concat(id))
+    addMediaPlaying(id) {
+      controlledOrUncontrolledSet(
+        this,
+        'mediaPlaying',
+        this.mediaPlaying.concat(id),
+      )
     },
-    removeMediaPlaying (id) {
-      controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.filter(mediaId => mediaId !== id))
+    removeMediaPlaying(id) {
+      controlledOrUncontrolledSet(
+        this,
+        'mediaPlaying',
+        this.mediaPlaying.filter((mediaId) => mediaId !== id),
+      )
     },
-    setHeadTailLinks (headTailLinks) {
+    setHeadTailLinks(headTailLinks) {
       this.headTailLinks = headTailLinks
     },
-    toggleThreadDisplay () {
+    toggleThreadDisplay() {
       this.controlledToggleThreadDisplay()
     },
-    scrollIfHighlighted (highlightId) {
+    scrollIfHighlighted(highlightId) {
       if (this.$el.getBoundingClientRect == null) return
       const id = highlightId
       if (this.status.id === id) {
@@ -547,7 +621,7 @@ const Status = {
         if (rect.top < 100) {
           // Post is above screen, match its top to screen top
           window.scrollBy(0, rect.top - 100)
-        } else if (rect.height >= (window.innerHeight - 50)) {
+        } else if (rect.height >= window.innerHeight - 50) {
           // Post we want to see is taller than screen so match its top to screen top
           window.scrollBy(0, rect.top - 100)
         } else if (rect.bottom > window.innerHeight - 50) {
@@ -556,18 +630,17 @@ const Status = {
         }
       }
     },
-    toggleDisplayQuote () {
+    toggleDisplayQuote() {
       if (this.shouldDisplayQuote) {
         this.displayQuote = false
       } else if (!this.quotedStatus) {
-        this.$store.dispatch('fetchStatus', this.status.quote_id)
-          .then(() => {
-            this.displayQuote = true
-          })
+        this.$store.dispatch('fetchStatus', this.status.quote_id).then(() => {
+          this.displayQuote = true
+        })
       } else {
         this.displayQuote = true
       }
-    }
+    },
   },
   watch: {
     highlight: function (id) {
@@ -575,20 +648,28 @@ const Status = {
     },
     'status.repeat_num': function (num) {
       // refetch repeats when repeat_num is changed in any way
-      if (this.isFocused && this.statusFromGlobalRepository.rebloggedBy && this.statusFromGlobalRepository.rebloggedBy.length !== num) {
+      if (
+        this.isFocused &&
+        this.statusFromGlobalRepository.rebloggedBy &&
+        this.statusFromGlobalRepository.rebloggedBy.length !== num
+      ) {
         this.$store.dispatch('fetchRepeats', this.status.id)
       }
     },
     'status.fave_num': function (num) {
       // refetch favs when fave_num is changed in any way
-      if (this.isFocused && this.statusFromGlobalRepository.favoritedBy && this.statusFromGlobalRepository.favoritedBy.length !== num) {
+      if (
+        this.isFocused &&
+        this.statusFromGlobalRepository.favoritedBy &&
+        this.statusFromGlobalRepository.favoritedBy.length !== num
+      ) {
         this.$store.dispatch('fetchFavs', this.status.id)
       }
     },
     isSuspendable: function (val) {
       this.suspendable = val
-    }
-  }
+    },
+  },
 }
 
 export default Status
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 93253b1a7..897730a07 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -76,9 +76,10 @@
   }
 
   .status-favicon {
-    height: 18px;
-    width: 18px;
+    height: 1.2em;
+    width: 1.2em;
     margin-right: 0.4em;
+    object-fit: contain;
   }
 
   .status-heading {
@@ -100,12 +101,17 @@
   }
 
   .account-name {
-    min-width: 1.6em;
+    display: inline-block;
+    min-width: 1em;
     margin-right: 0.4em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1 1 0;
+
+    &.unknown {
+      min-width: 8em;
+    }
   }
 
   .heading-left {
@@ -116,10 +122,11 @@
   .heading-right {
     display: flex;
     flex-shrink: 0;
+    align-self: baseline;
 
     .button-unstyled {
-      padding: 5px;
-      margin: -5px;
+      padding: 0.2em;
+      margin: -0.2em;
     }
 
     .svg-inline--fa {
@@ -232,9 +239,9 @@
 
   .repeater-avatar {
     border-radius: var(--roundness);
-    margin-left: 28px;
-    width: 20px;
-    height: 20px;
+    margin-left: 2em; // 3.5 (poster avatar size) - 1.5 (repeater avatar size)
+    width: 1.5em;
+    height: 1.5em;
   }
 
   .repeater-name {
@@ -242,8 +249,8 @@
     margin-right: 0;
 
     .emoji {
-      width: 14px;
-      height: 14px;
+      width: 1em;
+      height: 1em;
       vertical-align: middle;
       object-fit: contain;
     }
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index d0af91aef..8c78fddc1 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -79,6 +79,7 @@
               <RichContent
                 :html="retweeterHtml"
                 :emoji="retweeterUser.emoji"
+                :is-local="retweeterUser.is_local"
               />
             </router-link>
             <router-link
@@ -108,6 +109,7 @@
           class="left-side"
         >
           <a
+            v-if="status.user?.name"
             :href="$router.resolve(userProfileLink).href"
             @click.prevent
           >
@@ -119,10 +121,17 @@
                 class="post-avatar"
                 :show-actor-type-indicator="showActorTypeIndicator"
                 :compact="compact"
-                :user="status.user"
+                :user="status?.user"
               />
             </UserPopover>
           </a>
+          <UserAvatar
+            v-else
+            :user="status?.user"
+            class="post-avatar"
+            :compact="compact"
+            :title="$t('status.unknown_user_info')"
+          />
         </div>
         <div class="right-side">
           <div
@@ -130,7 +139,10 @@
             class="status-heading"
           >
             <div class="heading-name-row">
-              <div class="heading-left">
+              <div
+                v-if="status.user"
+                class="heading-left"
+              >
                 <h4
                   v-if="status.user.name_html"
                   class="status-username"
@@ -139,6 +151,7 @@
                   <RichContent
                     :html="status.user.name"
                     :emoji="status.user.emoji"
+                    :is-local="status.user.is_local"
                   />
                 </h4>
                 <h4
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 8a65b9184..3c493b682 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,34 +1,34 @@
-import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
 import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
 import Popover from 'src/components/popover/popover.vue'
+import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faPlus,
-  faMinus,
+  faBookmark as faBookmarkRegular,
+  faStar as faStarRegular,
+} from '@fortawesome/free-regular-svg-icons'
+import {
+  faBookmark,
   faCheck,
-  faTimes,
-  faWrench,
-
   faChevronRight,
   faChevronUp,
-
+  faExternalLinkAlt,
+  faEyeSlash,
+  faHistory,
+  faMinus,
+  faPlus,
   faReply,
   faRetweet,
-  faStar,
-  faSmileBeam,
-
-  faBookmark,
-  faEyeSlash,
-  faThumbtack,
   faShareAlt,
-  faExternalLinkAlt,
-  faHistory
+  faSmileBeam,
+  faStar,
+  faThumbtack,
+  faTimes,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faStar as faStarRegular,
-  faBookmark as faBookmarkRegular
-} from '@fortawesome/free-regular-svg-icons'
 
 library.add(
   faPlus,
@@ -52,7 +52,7 @@ library.add(
   faThumbtack,
   faShareAlt,
   faExternalLinkAlt,
-  faHistory
+  faHistory,
 )
 
 export default {
@@ -65,66 +65,79 @@ export default {
     'getClass',
     'getComponent',
     'doAction',
-    'outerClose'
-  ],
-  emits: [
-    'interacted'
+    'outerClose',
   ],
+  emits: ['interacted'],
   components: {
     StatusBookmarkFolderMenu,
     EmojiPicker,
-    Popover
+    Popover,
   },
   data: () => ({
-    animationState: false
+    animationState: false,
   }),
   computed: {
-    buttonClass () {
+    buttonClass() {
       return [
         this.button.name + '-button',
         {
           '-with-extra': this.button.name === 'bookmark',
           '-extra': this.extra,
-          '-quick': !this.extra
-        }
+          '-quick': !this.extra,
+        },
       ]
     },
-    userIsMuted () {
+    userIsMuted() {
       return this.$store.getters.relationship(this.status.user.id).muting
     },
-    threadIsMuted () {
+    threadIsMuted() {
       return this.status.thread_muted
     },
-    hideCustomEmoji () {
-      return !this.$store.state.instance.pleromaCustomEmojiReactionsAvailable
+    hideCustomEmoji() {
+      return !useInstanceCapabilitiesStore()
+        .pleromaCustomEmojiReactionsAvailable
     },
-    buttonInnerClass () {
+    buttonInnerClass() {
       return [
         this.button.name + '-button',
         {
           'main-button': this.extra,
           'button-unstyled': !this.extra,
           '-active': this.button.active?.(this.funcArg),
-          disabled: this.button.interactive ? !this.button.interactive(this.funcArg) : false
-        }
+          disabled: this.button.interactive
+            ? !this.button.interactive(this.funcArg)
+            : false,
+        },
       ]
     },
-    remoteInteractionLink () {
-      return this.$store.getters.remoteInteractionLink({ statusId: this.status.id })
-    }
+    remoteInteractionLink() {
+      return useInstanceStore().getRemoteInteractionLink({
+        statusId: this.status.id,
+      })
+    },
   },
   methods: {
-    addReaction (event) {
+    addReaction(event) {
       const emoji = event.insertion
-      const existingReaction = this.status.emoji_reactions.find(r => r.name === emoji)
+      const existingReaction = this.status.emoji_reactions.find(
+        (r) => r.name === emoji,
+      )
       if (existingReaction && existingReaction.me) {
         this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
       } else {
         this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
       }
     },
-    doActionWrap (button, close = () => {}) {
-      if (this.button.interactive ? !this.button.interactive(this.funcArg) : false) return
+    doActionWrap(
+      button,
+      close = () => {
+        /* no-op */
+      },
+    ) {
+      if (
+        this.button.interactive ? !this.button.interactive(this.funcArg) : false
+      )
+        return
       this.$emit('interacted')
       if (button.name === 'emoji') {
         this.$refs.picker.showPicker()
@@ -136,6 +149,6 @@ export default {
         }, 500)
         close()
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss
index 8c6924871..df445391a 100644
--- a/src/components/status_action_buttons/action_button.scss
+++ b/src/components/status_action_buttons/action_button.scss
@@ -26,8 +26,8 @@
     align-self: stretch;
     width: 1px;
     background-color: var(--icon);
-    margin-left: 1em;
-    margin-right: 0.5em;
+    margin-left: 0.75em;
+    margin-right: 0.125em;
   }
 
   &.-pin {
diff --git a/src/components/status_action_buttons/action_button.vue b/src/components/status_action_buttons/action_button.vue
index a9aedb9e3..a4d747142 100644
--- a/src/components/status_action_buttons/action_button.vue
+++ b/src/components/status_action_buttons/action_button.vue
@@ -88,7 +88,7 @@
         <StatusBookmarkFolderMenu
           v-if="button.name === 'bookmark'"
           :status="status"
-          :close="() => { close(); outerClose() }"
+          @close="() => { close(); outerClose() }"
         />
       </template>
     </Popover>
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 313e3022f..58b382b26 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,90 +1,90 @@
-import ActionButton from './action_button.vue'
-import Popover from 'src/components/popover/popover.vue'
 import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import ActionButton from './action_button.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUser,
+  faFolderTree,
   faGlobe,
-  faFolderTree
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faUser,
-  faGlobe,
-  faFolderTree
-)
+library.add(faUser, faGlobe, faFolderTree)
 
 export default {
   components: {
     ActionButton,
     Popover,
-    MuteConfirm
+    MuteConfirm,
+    UserTimedFilterModal,
   },
   props: ['button', 'status'],
   emits: ['interacted'],
-  mounted () {
+  mounted() {
     if (this.button.name === 'mute') {
       this.$store.dispatch('fetchDomainMutes')
     }
   },
   computed: {
-    buttonClass () {
+    buttonClass() {
       return [
         this.button.name + '-button',
         {
           '-with-extra': this.button.name === 'bookmark',
           '-extra': this.extra,
-          '-quick': !this.extra
-        }
+          '-quick': !this.extra,
+        },
       ]
     },
-    user () {
+    user() {
       return this.status.user
     },
-    userIsMuted () {
+    userIsMuted() {
       return this.$store.getters.relationship(this.user.id).muting
     },
-    conversationIsMuted () {
+    conversationIsMuted() {
       return this.status.thread_muted
     },
-    domain () {
+    domain() {
       return this.user.fqn.split('@')[1]
     },
-    domainIsMuted () {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(this.domain)
-    }
+    domainIsMuted() {
+      return new Set(this.$store.state.users.currentUser.domainMutes).has(
+        this.domain,
+      )
+    },
   },
   methods: {
-    unmuteUser () {
+    unmuteUser() {
       return this.$store.dispatch('unmuteUser', this.user.id)
     },
-    unmuteConversation () {
+    unmuteConversation() {
       return this.$store.dispatch('unmuteConversation', { id: this.status.id })
     },
-    unmuteDomain () {
-      return this.$store.dispatch('unmuteDomain', this.user.id)
+    unmuteDomain() {
+      return this.$store.dispatch('unmuteDomain', this.domain)
     },
-    toggleUserMute () {
+    toggleUserMute() {
       if (this.userIsMuted) {
         this.unmuteUser()
       } else {
         this.$refs.confirmUser.optionallyPrompt()
       }
     },
-    toggleConversationMute () {
+    toggleConversationMute() {
       if (this.conversationIsMuted) {
         this.unmuteConversation()
       } else {
         this.$refs.confirmConversation.optionallyPrompt()
       }
     },
-    toggleDomainMute () {
+    toggleDomainMute() {
       if (this.domainIsMuted) {
         this.unmuteDomain()
       } else {
         this.$refs.confirmDomain.optionallyPrompt()
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/status_action_buttons/action_button_container.vue b/src/components/status_action_buttons/action_button_container.vue
index 931a40349..b7ff10f3c 100644
--- a/src/components/status_action_buttons/action_button_container.vue
+++ b/src/components/status_action_buttons/action_button_container.vue
@@ -94,10 +94,9 @@
         :status="status"
         :user="user"
       />
-      <MuteConfirm
+      <UserTimedFilterModal
         ref="confirmUser"
-        type="user"
-        :status="status"
+        :is-mute="true"
         :user="user"
       />
     </teleport>
diff --git a/src/components/status_action_buttons/buttons_definitions.js b/src/components/status_action_buttons/buttons_definitions.js
index bc1e45a98..cdb49b1ac 100644
--- a/src/components/status_action_buttons/buttons_definitions.js
+++ b/src/components/status_action_buttons/buttons_definitions.js
@@ -1,260 +1,291 @@
 import { useEditStatusStore } from 'src/stores/editStatus.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useReportsStore } from 'src/stores/reports.js'
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const PRIVATE_SCOPES = new Set(['private', 'direct'])
 const PUBLIC_SCOPES = new Set(['public', 'unlisted'])
-export const BUTTONS = [{
-  // =========
-  // REPLY
-  // =========
-  name: 'reply',
-  label: 'tool_tip.reply',
-  icon: 'reply',
-  active: ({ replying }) => replying,
-  counter: ({ status }) => status.replies_count,
-  anon: true,
-  anonLink: true,
-  toggleable: true,
-  closeIndicator: 'times',
-  activeIndicator: 'none',
-  action ({ emit }) {
-    emit('toggleReplying')
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // REPEAT
-  // =========
-  name: 'retweet',
-  label: ({ status }) => status.repeated
-    ? 'tool_tip.unrepeat'
-    : 'tool_tip.repeat',
-  icon ({ status, currentUser }) {
-    if (currentUser.id !== status.user.id && PRIVATE_SCOPES.has(status.visibility)) {
-      return 'lock'
-    }
-    return 'retweet'
+export const BUTTONS = [
+  {
+    // =========
+    // REPLY
+    // =========
+    name: 'reply',
+    label: 'tool_tip.reply',
+    icon: 'reply',
+    active: ({ replying }) => replying,
+    counter: ({ status }) => status.replies_count,
+    anon: true,
+    anonLink: true,
+    toggleable: true,
+    closeIndicator: 'times',
+    activeIndicator: 'none',
+    action({ emit }) {
+      emit('toggleReplying')
+      return Promise.resolve()
+    },
   },
-  animated: true,
-  active: ({ status }) => status.repeated,
-  counter: ({ status }) => status.repeat_num,
-  anonLink: true,
-  interactive: ({ status, currentUser }) => !!currentUser && (currentUser.id === status.user.id || !PRIVATE_SCOPES.has(status.visibility)),
-  toggleable: true,
-  confirm: ({ status, getters }) => !status.repeated && getters.mergedConfig.modalOnRepeat,
-  confirmStrings: {
-    title: 'status.repeat_confirm_title',
-    body: 'status.repeat_confirm',
-    confirm: 'status.repeat_confirm_accept_button',
-    cancel: 'status.repeat_confirm_cancel_button'
+  {
+    // =========
+    // REPEAT
+    // =========
+    name: 'retweet',
+    label: ({ status }) =>
+      status.repeated ? 'tool_tip.unrepeat' : 'tool_tip.repeat',
+    icon({ status, currentUser }) {
+      if (
+        currentUser.id !== status.user.id &&
+        PRIVATE_SCOPES.has(status.visibility)
+      ) {
+        return 'lock'
+      }
+      return 'retweet'
+    },
+    animated: true,
+    active: ({ status }) => status.repeated,
+    counter: ({ status }) => status.repeat_num,
+    anonLink: true,
+    interactive: ({ status, currentUser }) =>
+      !!currentUser &&
+      (currentUser.id === status.user.id ||
+        !PRIVATE_SCOPES.has(status.visibility)),
+    toggleable: true,
+    confirm: ({ status, getters }) =>
+      !status.repeated && useMergedConfigStore().mergedConfig.modalOnRepeat,
+    confirmStrings: {
+      title: 'status.repeat_confirm_title',
+      body: 'status.repeat_confirm',
+      confirm: 'status.repeat_confirm_accept_button',
+      cancel: 'status.repeat_confirm_cancel_button',
+    },
+    action({ status, dispatch }) {
+      if (!status.repeated) {
+        return dispatch('retweet', { id: status.id })
+      } else {
+        return dispatch('unretweet', { id: status.id })
+      }
+    },
   },
-  action ({ status, dispatch }) {
-    if (!status.repeated) {
-      return dispatch('retweet', { id: status.id })
-    } else {
-      return dispatch('unretweet', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // FAVORITE
-  // =========
-  name: 'favorite',
-  label: ({ status }) => status.favorited
-    ? 'tool_tip.unfavorite'
-    : 'tool_tip.favorite',
-  icon: ({ status }) => status.favorited
-    ? ['fas', 'star']
-    : ['far', 'star'],
-  animated: true,
-  active: ({ status }) => status.favorited,
-  counter: ({ status }) => status.fave_num,
-  anonLink: true,
-  toggleable: true,
-  action ({ status, dispatch }) {
-    if (!status.favorited) {
-      return dispatch('favorite', { id: status.id })
-    } else {
-      return dispatch('unfavorite', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // EMOJI REACTIONS
-  // =========
-  name: 'emoji',
-  label: 'tool_tip.add_reaction',
-  icon: ['far', 'smile-beam'],
-  anonLink: true
-}, {
-  // =========
-  // MUTE
-  // =========
-  name: 'mute',
-  icon: 'eye-slash',
-  label: 'status.mute_ellipsis',
-  if: ({ loggedIn }) => loggedIn,
-  toggleable: true,
-  dropdown: true
-  // action ({ status, dispatch, emit }) {
-  // }
-}, {
-  // =========
-  // PIN STATUS
-  // =========
-  name: 'pin',
-  icon: 'thumbtack',
-  label: ({ status }) => status.pinned
-    ? 'status.unpin'
-    : 'status.pin',
-  if ({ status, loggedIn, currentUser }) {
-    return loggedIn &&
-      status.user.id === currentUser.id &&
-      PUBLIC_SCOPES.has(status.visibility)
+  {
+    // =========
+    // FAVORITE
+    // =========
+    name: 'favorite',
+    label: ({ status }) =>
+      status.favorited ? 'tool_tip.unfavorite' : 'tool_tip.favorite',
+    icon: ({ status }) =>
+      status.favorited ? ['fas', 'star'] : ['far', 'star'],
+    animated: true,
+    active: ({ status }) => status.favorited,
+    counter: ({ status }) => status.fave_num,
+    anonLink: true,
+    toggleable: true,
+    action({ status, dispatch }) {
+      if (!status.favorited) {
+        return dispatch('favorite', { id: status.id })
+      } else {
+        return dispatch('unfavorite', { id: status.id })
+      }
+    },
   },
-  action ({ status, dispatch }) {
-    if (status.pinned) {
-      return dispatch('unpinStatus', status.id)
-    } else {
-      return dispatch('pinStatus', status.id)
-    }
-  }
-}, {
-  // =========
-  // BOOKMARK
-  // =========
-  name: 'bookmark',
-  icon: ({ status }) => status.bookmarked
-    ? ['fas', 'bookmark']
-    : ['far', 'bookmark'],
-  toggleable: true,
-  active: ({ status }) => status.bookmarked,
-  label: ({ status }) => status.bookmarked
-    ? 'status.unbookmark'
-    : 'status.bookmark',
-  if: ({ loggedIn }) => loggedIn,
-  action ({ status, dispatch }) {
-    if (status.bookmarked) {
-      return dispatch('unbookmark', { id: status.id })
-    } else {
-      return dispatch('bookmark', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // EDIT HISTORY
-  // =========
-  name: 'editHistory',
-  icon: 'history',
-  label: 'status.status_history',
-  if ({ status, state }) {
-    return state.instance.editingAvailable &&
-      status.edited_at !== null
+  {
+    // =========
+    // EMOJI REACTIONS
+    // =========
+    name: 'emoji',
+    label: 'tool_tip.add_reaction',
+    icon: ['far', 'smile-beam'],
+    anonLink: true,
   },
-  action ({ status }) {
-    const originalStatus = { ...status }
-    const stripFieldsList = [
-      'attachments',
-      'created_at',
-      'emojis',
-      'text',
-      'raw_html',
-      'nsfw',
-      'poll',
-      'summary',
-      'summary_raw_html'
-    ]
-    stripFieldsList.forEach(p => delete originalStatus[p])
-    useStatusHistoryStore().openStatusHistoryModal(originalStatus)
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // EDIT
-  // =========
-  name: 'edit',
-  icon: 'pen',
-  label: 'status.edit',
-  if ({ status, loggedIn, currentUser, state }) {
-    return loggedIn &&
-      state.instance.editingAvailable &&
-      status.user.id === currentUser.id
+  {
+    // =========
+    // MUTE
+    // =========
+    name: 'mute',
+    icon: 'eye-slash',
+    label: 'status.mute_ellipsis',
+    if: ({ loggedIn }) => loggedIn,
+    toggleable: true,
+    dropdown: true,
+    // action ({ status, dispatch, emit }) {
+    // }
   },
-  action ({ dispatch, status }) {
-    return dispatch('fetchStatusSource', { id: status.id })
-      .then(data => useEditStatusStore().openEditStatusModal({
-        statusId: status.id,
-        subject: data.spoiler_text,
-        statusText: data.text,
-        statusIsSensitive: status.nsfw,
-        statusPoll: status.poll,
-        statusFiles: [...status.attachments],
-        visibility: status.visibility,
-        statusContentType: data.content_type
-      }))
-  }
-}, {
-  // =========
-  // DELETE
-  // =========
-  name: 'delete',
-  icon: 'times',
-  label: 'status.delete',
-  if ({ status, loggedIn, currentUser }) {
-    return loggedIn && (
-      status.user.id === currentUser.id ||
-        currentUser.privileges.includes('messages_delete')
-    )
+  {
+    // =========
+    // PIN STATUS
+    // =========
+    name: 'pin',
+    icon: 'thumbtack',
+    label: ({ status }) => (status.pinned ? 'status.unpin' : 'status.pin'),
+    if({ status, loggedIn, currentUser }) {
+      return (
+        loggedIn &&
+        status.user.id === currentUser.id &&
+        PUBLIC_SCOPES.has(status.visibility)
+      )
+    },
+    action({ status, dispatch }) {
+      if (status.pinned) {
+        return dispatch('unpinStatus', status.id)
+      } else {
+        return dispatch('pinStatus', status.id)
+      }
+    },
   },
-  confirm: ({ getters }) => getters.mergedConfig.modalOnDelete,
-  confirmStrings: {
-    title: 'status.delete_confirm_title',
-    body: 'status.delete_confirm',
-    confirm: 'status.delete_confirm_accept_button',
-    cancel: 'status.delete_confirm_cancel_button'
+  {
+    // =========
+    // BOOKMARK
+    // =========
+    name: 'bookmark',
+    icon: ({ status }) =>
+      status.bookmarked ? ['fas', 'bookmark'] : ['far', 'bookmark'],
+    toggleable: true,
+    active: ({ status }) => status.bookmarked,
+    label: ({ status }) =>
+      status.bookmarked ? 'status.unbookmark' : 'status.bookmark',
+    if: ({ loggedIn }) => loggedIn,
+    action({ status, dispatch }) {
+      if (status.bookmarked) {
+        return dispatch('unbookmark', { id: status.id })
+      } else {
+        return dispatch('bookmark', { id: status.id })
+      }
+    },
   },
-  action ({ dispatch, status }) {
-    return dispatch('deleteStatus', { id: status.id })
-  }
-}, {
-  // =========
-  // SHARE/COPY
-  // =========
-  name: 'share',
-  icon: 'share-alt',
-  label: 'status.copy_link',
-  action ({ state, status, router }) {
-    navigator.clipboard.writeText([
-      state.instance.server,
-      router.resolve({ name: 'conversation', params: { id: status.id } }).href
-    ].join(''))
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // EXTERNAL
-  // =========
-  name: 'external',
-  icon: 'external-link-alt',
-  label: 'status.external_source',
-  link: ({ status }) => status.external_url
-}, {
-  // =========
-  // REPORT
-  // =========
-  name: 'report',
-  icon: 'flag',
-  label: 'user_card.report',
-  if: ({ loggedIn }) => loggedIn,
-  action ({ status }) {
-    return useReportsStore().openUserReportingModal({ userId: status.user.id, statusIds: [status.id] })
-  }
-}].map(button => {
+  {
+    // =========
+    // EDIT HISTORY
+    // =========
+    name: 'editHistory',
+    icon: 'history',
+    label: 'status.status_history',
+    if({ status, state }) {
+      return (
+        useInstanceCapabilitiesStore().editingAvailable &&
+        status.edited_at !== null
+      )
+    },
+    action({ status }) {
+      const originalStatus = { ...status }
+      const stripFieldsList = [
+        'attachments',
+        'created_at',
+        'emojis',
+        'text',
+        'raw_html',
+        'nsfw',
+        'poll',
+        'summary',
+        'summary_raw_html',
+      ]
+      stripFieldsList.forEach((p) => delete originalStatus[p])
+      useStatusHistoryStore().openStatusHistoryModal(originalStatus)
+      return Promise.resolve()
+    },
+  },
+  {
+    // =========
+    // EDIT
+    // =========
+    name: 'edit',
+    icon: 'pen',
+    label: 'status.edit',
+    if({ status, loggedIn, currentUser, state }) {
+      return (
+        loggedIn &&
+        useInstanceCapabilitiesStore().editingAvailable &&
+        status.user.id === currentUser.id
+      )
+    },
+    action({ dispatch, status }) {
+      return dispatch('fetchStatusSource', { id: status.id }).then((data) =>
+        useEditStatusStore().openEditStatusModal({
+          statusId: status.id,
+          subject: data.spoiler_text,
+          statusText: data.text,
+          statusIsSensitive: status.nsfw,
+          statusPoll: status.poll,
+          statusFiles: [...status.attachments],
+          visibility: status.visibility,
+          statusContentType: data.content_type,
+        }),
+      )
+    },
+  },
+  {
+    // =========
+    // DELETE
+    // =========
+    name: 'delete',
+    icon: 'times',
+    label: 'status.delete',
+    if({ status, loggedIn, currentUser }) {
+      return (
+        loggedIn &&
+        (status.user.id === currentUser.id ||
+          currentUser.privileges.includes('messages_delete'))
+      )
+    },
+    confirm: ({ getters }) => useMergedConfigStore().mergedConfig.modalOnDelete,
+    confirmStrings: {
+      title: 'status.delete_confirm_title',
+      body: 'status.delete_confirm',
+      confirm: 'status.delete_confirm_accept_button',
+      cancel: 'status.delete_confirm_cancel_button',
+    },
+    action({ dispatch, status }) {
+      return dispatch('deleteStatus', { id: status.id })
+    },
+  },
+  {
+    // =========
+    // SHARE/COPY
+    // =========
+    name: 'share',
+    icon: 'share-alt',
+    label: 'status.copy_link',
+    action({ state, status, router }) {
+      navigator.clipboard.writeText(
+        [
+          useInstanceStore().server,
+          router.resolve({ name: 'conversation', params: { id: status.id } })
+            .href,
+        ].join(''),
+      )
+      return Promise.resolve()
+    },
+  },
+  {
+    // =========
+    // EXTERNAL
+    // =========
+    name: 'external',
+    icon: 'external-link-alt',
+    label: 'status.external_source',
+    link: ({ status }) => status.external_url,
+  },
+  {
+    // =========
+    // REPORT
+    // =========
+    name: 'report',
+    icon: 'flag',
+    label: 'user_card.report',
+    if: ({ loggedIn }) => loggedIn,
+    action({ status }) {
+      return useReportsStore().openUserReportingModal({
+        userId: status.user.id,
+        statusIds: [status.id],
+      })
+    },
+  },
+].map((button) => {
   return Object.fromEntries(
     Object.entries(button).map(([k, v]) => [
       k,
-      (typeof v === 'function' || k === 'name') ? v : () => v
-    ])
+      typeof v === 'function' || k === 'name' ? v : () => v,
+    ]),
   )
 })
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 6f84ce8b5..9938e6382 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -1,59 +1,58 @@
 import { mapState } from 'pinia'
 
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import ActionButtonContainer from './action_button_container.vue'
 import Popover from 'src/components/popover/popover.vue'
-import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
+import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
-library.add(
-  faEllipsisH
-)
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faEllipsisH)
 
 const StatusActionButtons = {
   props: ['status', 'replying'],
   emits: ['toggleReplying', 'interacted'],
-  data () {
+  data() {
     return {
       showPin: false,
       showingConfirmDialog: false,
       currentConfirmTitle: '',
       currentConfirmOkText: '',
       currentConfirmCancelText: '',
-      currentConfirmAction: () => {},
-      randomSeed: genRandomSeed()
+      currentConfirmAction: () => {
+        /* no-op */
+      },
+      randomSeed: genRandomSeed(),
     }
   },
   components: {
     Popover,
     ConfirmModal,
-    ActionButtonContainer
+    ActionButtonContainer,
   },
   computed: {
-    ...mapState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedStatusActions)
+    ...mapState(useSyncConfigStore, {
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedStatusActions),
     }),
-    buttons () {
-      return BUTTONS.filter(x => x.if ? x.if(this.funcArg) : true)
+    buttons() {
+      return BUTTONS.filter((x) => (x.if ? x.if(this.funcArg) : true))
     },
-    quickButtons () {
-      return this.buttons.filter(x => this.pinnedItems.has(x.name))
+    quickButtons() {
+      return this.buttons.filter((x) => this.pinnedItems.has(x.name))
     },
-    extraButtons () {
-      return this.buttons.filter(x => !this.pinnedItems.has(x.name))
+    extraButtons() {
+      return this.buttons.filter((x) => !this.pinnedItems.has(x.name))
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    funcArg () {
+    funcArg() {
       return {
         status: this.status,
         replying: this.replying,
@@ -63,25 +62,33 @@ const StatusActionButtons = {
         getters: this.$store.getters,
         router: this.$router,
         currentUser: this.currentUser,
-        loggedIn: !!this.currentUser
+        loggedIn: !!this.currentUser,
       }
     },
-    triggerAttrs () {
+    triggerAttrs() {
       return {
         title: this.$t('status.more_actions'),
         'aria-controls': `popup-menu-${this.randomSeed}`,
-        'aria-haspopup': 'menu'
+        'aria-haspopup': 'menu',
       }
-    }
+    },
   },
   methods: {
-    doAction (button) {
+    doAction(button) {
       if (button.confirm?.(this.funcArg)) {
         // TODO move to action_button
-        this.currentConfirmTitle = this.$t(button.confirmStrings(this.funcArg).title)
-        this.currentConfirmOkText = this.$t(button.confirmStrings(this.funcArg).confirm)
-        this.currentConfirmCancelText = this.$t(button.confirmStrings(this.funcArg).cancel)
-        this.currentConfirmBody = this.$t(button.confirmStrings(this.funcArg).body)
+        this.currentConfirmTitle = this.$t(
+          button.confirmStrings(this.funcArg).title,
+        )
+        this.currentConfirmOkText = this.$t(
+          button.confirmStrings(this.funcArg).confirm,
+        )
+        this.currentConfirmCancelText = this.$t(
+          button.confirmStrings(this.funcArg).cancel,
+        )
+        this.currentConfirmBody = this.$t(
+          button.confirmStrings(this.funcArg).body,
+        )
         this.currentConfirmAction = () => {
           this.showingConfirmDialog = false
           this.doActionReal(button)
@@ -91,26 +98,33 @@ const StatusActionButtons = {
         this.doActionReal(button)
       }
     },
-    doActionReal (button) {
-      button.action(this.funcArg)
+    doActionReal(button) {
+      button
+        .action?.(this.funcArg)
         .then(() => this.$emit('onSuccess'))
-        .catch(err => this.$emit('onError', err.error.error))
+        .catch((err) => this.$emit('onError', err.error.error))
     },
-    onExtraClose () {
+    onExtraClose() {
       this.showPin = false
     },
-    isPinned (button) {
+    isPinned(button) {
       return this.pinnedItems.has(button.name)
     },
-    unpin (button) {
-      useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedStatusActions', value: button.name })
-      useServerSideStorageStore().pushServerSideStorage()
+    unpin(button) {
+      useSyncConfigStore().removeCollectionPreference({
+        path: 'collections.pinnedStatusActions',
+        value: button.name,
+      })
+      useSyncConfigStore().pushSyncConfig()
     },
-    pin (button) {
-      useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedStatusActions', value: button.name })
-      useServerSideStorageStore().pushServerSideStorage()
+    pin(button) {
+      useSyncConfigStore().addCollectionPreference({
+        path: 'collections.pinnedStatusActions',
+        value: button.name,
+      })
+      useSyncConfigStore().pushSyncConfig()
     },
-    getComponent (button) {
+    getComponent(button) {
       if (!this.$store.state.users.currentUser && button.anonLink) {
         return 'a'
       } else if (button.action == null && button.link != null) {
@@ -119,16 +133,18 @@ const StatusActionButtons = {
         return 'button'
       }
     },
-    getClass (button) {
+    getClass(button) {
       return {
         [button.name + '-button']: true,
-        disabled: button.interactive ? !button.interactive(this.funcArg) : false,
+        disabled: button.interactive
+          ? !button.interactive(this.funcArg)
+          : false,
         '-pin-edit': this.showPin,
         '-dropdown': button.dropdown?.(),
-        '-active': button.active?.(this.funcArg)
+        '-active': button.active?.(this.funcArg),
       }
-    }
-  }
+    },
+  },
 }
 
 export default StatusActionButtons
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
index 40884425c..c1d0d9571 100644
--- a/src/components/status_action_buttons/status_action_buttons.vue
+++ b/src/components/status_action_buttons/status_action_buttons.vue
@@ -15,7 +15,7 @@
           :func-arg="funcArg"
           :get-class="getClass"
           :get-component="getComponent"
-          :close="() => {}"
+          :close="() => { /* no-op */ }"
           :do-action="doAction"
           @interacted="e => $emit('interacted')"
         />
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index aa334499e..5250acb9f 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,27 +1,25 @@
-import fileType from 'src/services/file_type/file_type.service'
+import { mapState } from 'pinia'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
-import { mapGetters } from 'vuex'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFile,
-  faMusic,
   faImage,
   faLink,
-  faPollH
+  faMusic,
+  faPollH,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faFile,
-  faMusic,
-  faImage,
-  faLink,
-  faPollH
-)
+library.add(faFile, faMusic, faImage, faLink, faPollH)
 
-const StatusContent = {
-  name: 'StatusContent',
+const StatusBody = {
+  name: 'StatusBody',
   props: [
     'compact',
+    'collapse', // replaces newlines with spaces
     'status',
     'focused',
     'noHeading',
@@ -32,16 +30,17 @@ const StatusContent = {
     'showingLongSubject',
     'toggleShowingTall',
     'toggleExpandingSubject',
-    'toggleShowingLongSubject'
+    'toggleShowingLongSubject',
   ],
-  data () {
+  data() {
     return {
       postLength: this.status.text.length,
-      parseReadyDone: false
+      parseReadyDone: false,
     }
   },
+  emits: ['parseReady'],
   computed: {
-    localCollapseSubjectDefault () {
+    localCollapseSubjectDefault() {
       return this.mergedConfig.collapseMessageWithSubject
     },
     // This is a bit hacky, but we want to approximate post height before rendering
@@ -51,70 +50,85 @@ const StatusContent = {
     //
     // Using max-height + overflow: auto for status components resulted in false positives
     // very often with japanese characters, and it was very annoying.
-    tallStatus () {
+    tallStatus() {
       if (this.singleLine || this.compact) return false
-      const lengthScore = this.status.raw_html.split(/<p|<br/).length + this.postLength / 80
+      const lengthScore =
+        this.status.raw_html.split(/<p|<br/).length + this.postLength / 80
       return lengthScore > 20
     },
-    longSubject () {
+    longSubject() {
       return this.status.summary.length > 240
     },
     // When a status has a subject and is also tall, we should only have one show more/less button. If the default is to collapse statuses with subjects, we just treat it like a status with a subject; otherwise, we just treat it like a tall status.
-    mightHideBecauseSubject () {
+    mightHideBecauseSubject() {
       return !!this.status.summary && this.localCollapseSubjectDefault
     },
-    mightHideBecauseTall () {
-      return this.tallStatus && !(this.status.summary && this.localCollapseSubjectDefault)
+    mightHideBecauseTall() {
+      return (
+        this.tallStatus &&
+        !(this.status.summary && this.localCollapseSubjectDefault)
+      )
     },
-    hideSubjectStatus () {
+    hideSubjectStatus() {
       return this.mightHideBecauseSubject && !this.expandingSubject
     },
-    hideTallStatus () {
+    hideTallStatus() {
       return this.mightHideBecauseTall && !this.showingTall
     },
-    shouldShowToggle () {
+    shouldShowToggle() {
       return this.mightHideBecauseSubject || this.mightHideBecauseTall
     },
-    toggleButtonClasses () {
+    toggleButtonClasses() {
       return {
         'cw-status-hider': !this.showingMore && this.mightHideBecauseSubject,
         'tall-status-hider': !this.showingMore && this.mightHideBecauseTall,
         'status-unhider': this.showingMore,
       }
     },
-    toggleText () {
+    toggleText() {
       if (this.showingMore) {
-        return this.mightHideBecauseSubject ? this.$t('status.hide_content') : this.$t('general.show_less')
+        return this.mightHideBecauseSubject
+          ? this.$t('status.hide_content')
+          : this.$t('general.show_less')
       } else {
-        return this.mightHideBecauseSubject ? this.$t('status.show_content') : this.$t('general.show_more')
+        return this.mightHideBecauseSubject
+          ? this.$t('status.show_content')
+          : this.$t('general.show_more')
       }
     },
-    showingMore () {
-      return (this.mightHideBecauseTall && this.showingTall) || (this.mightHideBecauseSubject && this.expandingSubject)
+    showingMore() {
+      return (
+        (this.mightHideBecauseTall && this.showingTall) ||
+        (this.mightHideBecauseSubject && this.expandingSubject)
+      )
     },
-    attachmentTypes () {
-      return this.status.attachments.map(file => fileType.fileType(file.mimetype))
+    attachmentTypes() {
+      return this.status.attachments.map((file) => file.type)
     },
-    ...mapGetters(['mergedConfig'])
+    collapsedStatus() {
+      return this.status.raw_html.replace(/(\n|<br\s?\/?>)/g, ' ')
+    },
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   components: {
-    RichContent
+    RichContent,
   },
-  mounted () {
-    this.status.attentions && this.status.attentions.forEach(attn => {
-      const { id } = attn
-      this.$store.dispatch('fetchUserIfMissing', id)
-    })
+  mounted() {
+    this.status.attentions &&
+      this.status.attentions.forEach((attn) => {
+        const { id } = attn
+        this.$store.dispatch('fetchUserIfMissing', id)
+      })
   },
   methods: {
-    onParseReady (event) {
+    onParseReady(event) {
       if (this.parseReadyDone) return
       this.parseReadyDone = true
       this.$emit('parseReady', event)
       const { writtenMentions, invisibleMentions } = event
       writtenMentions
-        .filter(mention => !mention.notifying)
-        .forEach(mention => {
+        .filter((mention) => !mention.notifying)
+        .forEach((mention) => {
           const { content, url } = mention
           const cleanedString = content.replace(/<[^>]+?>/gi, '') // remove all tags
           if (!cleanedString.startsWith('@')) return
@@ -132,17 +146,17 @@ const StatusContent = {
         return acc - mention.textContent.length - 1
       }, this.postLength)
     },
-    toggleShowMore () {
+    toggleShowMore() {
       if (this.mightHideBecauseTall) {
         this.toggleShowingTall()
       } else if (this.mightHideBecauseSubject) {
         this.toggleExpandingSubject()
       }
     },
-    generateTagLink (tag) {
+    generateTagLink(tag) {
       return `/tag/${tag}`
-    }
-  }
+    },
+  },
 }
 
-export default StatusContent
+export default StatusBody
diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index f89ea8d89..a8a7d662a 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -73,9 +73,11 @@
         /* Autoprefixed seem to ignore this one, and also syntax is different */
         /* stylelint-disable mask-composite */
         /* stylelint-disable declaration-property-value-no-unknown */
+        /* stylelint-disable scss/declaration-property-value-no-unknown */
 
         /* TODO check if this is still needed */
         mask-composite: xor;
+        /* stylelint-enable scss/declaration-property-value-no-unknown */
         /* stylelint-enable declaration-property-value-no-unknown */
         /* stylelint-enable mask-composite */
         mask-composite: exclude;
@@ -156,9 +158,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 0fc024b04..677781d97 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -14,6 +14,7 @@
           :faint="compact"
           :html="status.summary_raw_html"
           :emoji="status.emojis"
+          :is-local="status.isLocal"
         />
         <button
           v-show="longSubject && showingLongSubject"
@@ -39,11 +40,13 @@
           :class="{ '-single-line': singleLine }"
           class="text media-body"
           :html="status.raw_html"
+          :collapse="collapse"
           :emoji="status.emojis"
           :handle-links="true"
           :faint="compact"
           :greentext="mergedConfig.greentext"
           :attentions="status.attentions"
+          :is-local="status.is_local"
           @parse-ready="onParseReady"
         />
         <div
@@ -57,32 +60,6 @@
             @click.prevent="toggleShowMore"
           >
             {{ toggleText }}
-            <template v-if="!showingMore">
-              <FAIcon
-                v-if="attachmentTypes.includes('image')"
-                icon="image"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('video')"
-                icon="video"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('audio')"
-                icon="music"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('unknown')"
-                icon="file"
-              />
-              <FAIcon
-                v-if="status.poll && status.poll.options"
-                icon="poll-h"
-              />
-              <FAIcon
-                v-if="status.card"
-                icon="link"
-              />
-            </template>
           </button>
         </div>
       </div>
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 72d4f6fda..7e92a0287 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,42 +1,43 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 import Popover from 'src/components/popover/popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
 
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronRight, faFolder)
 
 const StatusBookmarkFolderMenu = {
-  props: [
-    'status',
-    'close'
-  ],
-  data () {
+  props: ['status'],
+  emits: ['success', 'error', 'close'],
+  data() {
     return {}
   },
   components: {
     Popover,
-    StillImage
+    StillImage,
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
-      folders: store => store.allFolders
+      folders: (store) => store.allFolders,
     }),
-    folderId () {
+    folderId() {
       return this.status.bookmark_folder_id
-    }
+    },
   },
   methods: {
-    toggleFolder (id) {
+    toggleFolder(id) {
       const value = id === this.folderId ? null : id
 
-      this.$store.dispatch('bookmark', { id: this.status.id, bookmark_folder_id: value })
-        .then(() => this.$emit('onSuccess'))
-        .catch(err => this.$emit('onError', err.error.error))
-    }
-  }
+      this.$store
+        .dispatch('bookmark', { id: this.status.id, bookmark_folder_id: value })
+        .then(() => this.$emit('success'))
+        .catch((err) => this.$emit('error', err.error.error))
+    },
+  },
 }
 
 export default StatusBookmarkFolderMenu
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
index 006edbb80..818de095e 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
@@ -8,7 +8,7 @@
       <button
         class="main-button"
         @click="toggleFolder(folder.id)"
-        @click.stop="close"
+        @click.stop="$emit('close')"
       >
         <span
           class="input menu-checkbox -radio"
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 3bf25c75b..a72db5b96 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,41 +1,44 @@
-import Attachment from '../attachment/attachment.vue'
-import Poll from '../poll/poll.vue'
-import Gallery from '../gallery/gallery.vue'
-import StatusBody from 'src/components/status_body/status_body.vue'
-import LinkPreview from '../link-preview/link-preview.vue'
+import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters, mapState } from 'vuex'
+
+import StatusBody from 'src/components/status_body/status_body.vue'
+import Attachment from '../attachment/attachment.vue'
+import Gallery from '../gallery/gallery.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
   faFile,
-  faMusic,
   faImage,
   faLink,
-  faPollH
+  faMusic,
+  faPollH,
 } from '@fortawesome/free-solid-svg-icons'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
 
-library.add(
-  faCircleNotch,
-  faFile,
-  faMusic,
-  faImage,
-  faLink,
-  faPollH
-)
+library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
-const camelCase = name => name.charAt(0).toUpperCase() + name.slice(1)
+const camelCase = (name) => name.charAt(0).toUpperCase() + name.slice(1)
 
-const controlledOrUncontrolledGetters = list => list.reduce((res, name) => {
-  const camelized = camelCase(name)
-  const toggle = `controlledToggle${camelized}`
-  const controlledName = `controlled${camelized}`
-  const uncontrolledName = `uncontrolled${camelized}`
-  res[name] = function () {
-    return ((this.$data[toggle] !== undefined || this.$props[toggle] !== undefined) && this[toggle]) ? this[controlledName] : this[uncontrolledName]
-  }
-  return res
-}, {})
+const controlledOrUncontrolledGetters = (list) =>
+  list.reduce((res, name) => {
+    const camelized = camelCase(name)
+    const toggle = `controlledToggle${camelized}`
+    const controlledName = `controlled${camelized}`
+    const uncontrolledName = `uncontrolled${camelized}`
+    res[name] = function () {
+      return (this.$data[toggle] !== undefined ||
+        this.$props[toggle] !== undefined) &&
+        this[toggle]
+        ? this[controlledName]
+        : this[uncontrolledName]
+    }
+    return res
+  }, {})
 
 const controlledOrUncontrolledToggle = (obj, name) => {
   const camelized = camelCase(name)
@@ -53,6 +56,7 @@ const StatusContent = {
   props: [
     'status',
     'compact',
+    'collapse',
     'focused',
     'noHeading',
     'fullContent',
@@ -62,27 +66,38 @@ const StatusContent = {
     'controlledToggleShowingTall',
     'controlledToggleExpandingSubject',
     'controlledShowingLongSubject',
-    'controlledToggleShowingLongSubject'
+    'controlledToggleShowingLongSubject',
   ],
-  data () {
+  emits: ['parseReady', 'mediaplay', 'mediapause'],
+  data() {
     return {
-      uncontrolledShowingTall: this.fullContent || (this.inConversation && this.focused),
+      uncontrolledShowingTall:
+        this.fullContent || (this.inConversation && this.focused),
       uncontrolledShowingLongSubject: false,
       // not as computed because it sets the initial state which will be changed later
-      uncontrolledExpandingSubject: !this.$store.getters.mergedConfig.collapseMessageWithSubject
+      uncontrolledExpandingSubject:
+        !useMergedConfigStore().mergedConfig.collapseMessageWithSubject,
     }
   },
   computed: {
-    ...controlledOrUncontrolledGetters(['showingTall', 'expandingSubject', 'showingLongSubject']),
-    statusCard () {
+    ...controlledOrUncontrolledGetters([
+      'showingTall',
+      'expandingSubject',
+      'showingLongSubject',
+    ]),
+    statusCard() {
       if (!this.status.card) return null
-      return this.status.card.url === this.status.quote_url ? null : this.status.card
+      return this.status.card.url === this.status.quote_url
+        ? null
+        : this.status.card
     },
-    hideAttachments () {
-      return (this.mergedConfig.hideAttachments && !this.inConversation) ||
+    hideAttachments() {
+      return (
+        (this.mergedConfig.hideAttachments && !this.inConversation) ||
         (this.mergedConfig.hideAttachmentsInConv && this.inConversation)
+      )
     },
-    nsfwClickthrough () {
+    nsfwClickthrough() {
       if (!this.status.nsfw) {
         return false
       }
@@ -91,49 +106,54 @@ const StatusContent = {
       }
       return true
     },
-    localCollapseSubjectDefault () {
+    localCollapseSubjectDefault() {
       return this.mergedConfig.collapseMessageWithSubject
     },
-    attachmentSize () {
+    attachmentSize() {
       if (this.compact) {
         return 'small'
-      } else if ((this.mergedConfig.hideAttachments && !this.inConversation) ||
+      } else if (
+        (this.mergedConfig.hideAttachments && !this.inConversation) ||
         (this.mergedConfig.hideAttachmentsInConv && this.inConversation) ||
-        (this.status.attachments.length > this.maxThumbnails)) {
+        this.status.attachments.length > this.maxThumbnails
+      ) {
         return 'hide'
       }
       return 'normal'
     },
-    maxThumbnails () {
+    maxThumbnails() {
       return this.mergedConfig.maxThumbnails
     },
-    ...mapGetters(['mergedConfig']),
+    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
+      currentUser: (state) => state.users.currentUser,
+    }),
   },
   components: {
     Attachment,
     Poll,
     Gallery,
     LinkPreview,
-    StatusBody
+    StatusBody,
   },
   methods: {
-    toggleShowingTall () {
+    toggleShowingTall() {
       controlledOrUncontrolledToggle(this, 'showingTall')
     },
-    toggleExpandingSubject () {
+    toggleExpandingSubject() {
       controlledOrUncontrolledToggle(this, 'expandingSubject')
     },
-    toggleShowingLongSubject () {
+    toggleShowingLongSubject() {
       controlledOrUncontrolledToggle(this, 'showingLongSubject')
     },
-    setMedia () {
-      const attachments = this.attachmentSize === 'hide' ? this.status.attachments : this.galleryAttachments
+    setMedia() {
+      const attachments =
+        this.attachmentSize === 'hide'
+          ? this.status.attachments
+          : this.galleryAttachments
       return () => useMediaViewerStore().setMedia(attachments)
-    }
-  }
+    },
+  },
 }
 
 export default StatusContent
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index 64a1d6a53..460a0714b 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -14,6 +14,7 @@
       :toggle-showing-tall="toggleShowingTall"
       :toggle-expanding-subject="toggleExpandingSubject"
       :toggle-showing-long-subject="toggleShowingLongSubject"
+      :collapse="collapse"
       @parse-ready="$emit('parseReady', $event)"
     >
       <div v-if="status.poll && status.poll.options && !compact">
@@ -23,7 +24,10 @@
         />
       </div>
 
-      <div v-else-if="status.poll && status.poll.options && compact">
+      <div
+        v-else-if="status.poll && status.poll.options && compact"
+        class="poll-icon"
+      >
         <FAIcon
           icon="poll-h"
           size="2x"
@@ -62,5 +66,9 @@
 .StatusContent {
   flex: 1;
   min-width: 0;
+
+  .poll-icon {
+    margin: 0.5em;
+  }
 }
 </style>
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 215f8152e..2cf97d893 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,61 +1,65 @@
 import { get } from 'lodash'
+
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
-import { useStatusHistoryStore } from 'src/stores/statusHistory'
+
+import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
     Modal,
-    Status
+    Status,
   },
-  data () {
+  data() {
     return {
-      statuses: []
+      statuses: [],
     }
   },
   computed: {
-    modalActivated () {
+    modalActivated() {
       return useStatusHistoryStore().modalActivated
     },
-    params () {
+    params() {
       return useStatusHistoryStore().params
     },
-    statusId () {
+    statusId() {
       return this.params.id
     },
-    historyCount () {
+    historyCount() {
       return this.statuses.length
     },
-    history () {
+    history() {
       return this.statuses
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       const newStatusId = get(newVal, 'id') !== get(oldVal, 'id')
       if (newStatusId) {
         this.resetHistory()
       }
 
-      if (newStatusId || get(newVal, 'edited_at') !== get(oldVal, 'edited_at')) {
+      if (
+        newStatusId ||
+        get(newVal, 'edited_at') !== get(oldVal, 'edited_at')
+      ) {
         this.fetchStatusHistory()
       }
-    }
+    },
   },
   methods: {
-    resetHistory () {
+    resetHistory() {
       this.statuses = []
     },
-    fetchStatusHistory () {
-      this.$store.dispatch('fetchStatusHistory', this.params)
-        .then(data => {
-          this.statuses = data
-        })
+    fetchStatusHistory() {
+      this.$store.dispatch('fetchStatusHistory', this.params).then((data) => {
+        this.statuses = data
+      })
     },
-    closeModal () {
+    closeModal() {
       useStatusHistoryStore().closeStatusHistoryModal()
-    }
-  }
+    },
+  },
 }
 
 export default StatusHistoryModal
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 2615208d2..9ad12356e 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,51 +1,49 @@
 import { find } from 'lodash'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import { defineAsyncComponent } from 'vue'
 
-library.add(
-  faCircleNotch
-)
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch)
 
 const StatusPopover = {
   name: 'StatusPopover',
-  props: [
-    'statusId'
-  ],
-  data () {
+  props: ['statusId'],
+  data() {
     return {
-      error: false
+      error: false,
     }
   },
   computed: {
-    status () {
+    status() {
       return find(this.$store.state.statuses.allStatuses, { id: this.statusId })
-    }
+    },
   },
   components: {
     Status: defineAsyncComponent(() => import('../status/status.vue')),
-    Popover: defineAsyncComponent(() => import('../popover/popover.vue'))
+    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
   },
   methods: {
-    enter () {
+    enter() {
       if (!this.status) {
         if (!this.statusId) {
           this.error = true
           return
         }
-        this.$store.dispatch('fetchStatus', this.statusId)
+        this.$store
+          .dispatch('fetchStatus', this.statusId)
           .then(() => (this.error = false))
           .catch(() => (this.error = true))
       }
-    }
+    },
   },
   watch: {
-    status (newStatus, oldStatus) {
+    status(newStatus, oldStatus) {
       if (newStatus !== oldStatus) {
         this.$nextTick(() => this.$refs.popover.updateStyles())
       }
-    }
-  }
+    },
+  },
 }
 
 export default StatusPopover
diff --git a/src/components/sticker_picker/sticker_picker.js b/src/components/sticker_picker/sticker_picker.js
index b06384e5f..949d2ecf9 100644
--- a/src/components/sticker_picker/sticker_picker.js
+++ b/src/components/sticker_picker/sticker_picker.js
@@ -1,52 +1,57 @@
 /* eslint-env browser */
+
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
 import TabSwitcher from '../tab_switcher/tab_switcher.jsx'
 
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+
 const StickerPicker = {
   components: {
-    TabSwitcher
+    TabSwitcher,
   },
-  data () {
+  data() {
     return {
       meta: {
-        stickers: []
+        stickers: [],
       },
-      path: ''
+      path: '',
     }
   },
   computed: {
-    pack () {
-      return this.$store.state.instance.stickers || []
-    }
+    pack() {
+      return useEmojiStore().stickers || []
+    },
   },
   methods: {
-    clear () {
+    clear() {
       this.meta = {
-        stickers: []
+        stickers: [],
       }
     },
-    pick (sticker, name) {
+    pick(sticker, name) {
       const store = this.$store
       // TODO remove this workaround by finding a way to bypass reuploads
-      fetch(sticker)
-        .then((res) => {
-          res.blob().then((blob) => {
-            const file = new File([blob], name, { mimetype: 'image/png' })
-            const formData = new FormData()
-            formData.append('file', file)
-            statusPosterService.uploadMedia({ store, formData })
-              .then((fileData) => {
-                this.$emit('uploaded', fileData)
-                this.clear()
-              }, (error) => {
-                console.warn("Can't attach sticker")
-                console.warn(error)
-                this.$emit('upload-failed', 'default')
-              })
-          })
+      fetch(sticker).then((res) => {
+        res.blob().then((blob) => {
+          const file = new File([blob], name, { mimetype: 'image/png' })
+          const formData = new FormData()
+          formData.append('file', file)
+          statusPosterService.uploadMedia({ store, formData }).then(
+            (fileData) => {
+              this.$emit('uploaded', fileData)
+              this.clear()
+            },
+            (error) => {
+              console.warn("Can't attach sticker")
+              console.warn(error)
+              this.$emit('upload-failed', 'default')
+            },
+          )
         })
-    }
-  }
+      })
+    },
+  },
 }
 
 export default StickerPicker
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
new file mode 100644
index 000000000..4e087c094
--- /dev/null
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -0,0 +1,213 @@
+<template>
+  <Popover
+    ref="emojiPopover"
+    trigger="click"
+    placement="top"
+    :bound-to="{ x: 'container' }"
+    :offset="{ y: 10 }"
+    @show="fetchEmojiPacksIfAdmin"
+  >
+    <template #trigger>
+      <StillImage v-bind="$attrs" />
+    </template>
+    <template #content>
+      <div class="emoji-popover">
+        <h3>{{ $attrs.title }}</h3>
+
+        <div class="emoji-popover-centered">
+          <StillImage
+            class="emoji"
+            v-bind="$attrs"
+          />
+        </div>
+
+        <div v-if="isUserAdmin && !isLocal">
+          <button
+            class="button button-default btn emoji-popover-button"
+            type="button"
+            :disabled="packName == ''"
+            @click="copyToLocalPack"
+          >
+            {{ $t('admin_dash.emoji.copy_to_pack') }}
+          </button>
+
+          <SelectComponent
+            v-model="packName"
+          >
+            <option
+              value=""
+              disabled
+              hidden
+            >
+              {{ $t('admin_dash.emoji.emoji_pack') }}
+            </option>
+            <option
+              v-for="(pack, listPackName) in knownLocalPacks"
+              :key="listPackName"
+              :label="listPackName"
+            >
+              {{ listPackName }}
+            </option>
+          </SelectComponent>
+        </div>
+      </div>
+    </template>
+  </Popover>
+</template>
+
+<script>
+import Popover from 'components/popover/popover.vue'
+import SelectComponent from 'components/select/select.vue'
+import { assign } from 'lodash'
+
+import StillImage from './still-image.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface'
+
+export default {
+  components: { StillImage, Popover, SelectComponent },
+  props: {
+    shortcode: {
+      type: String,
+      required: true,
+    },
+    isLocal: {
+      type: Boolean,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      knownLocalPacks: {},
+      packName: '',
+    }
+  },
+  computed: {
+    isUserAdmin() {
+      return this.$store.state.users.currentUser.rights.admin
+    },
+  },
+  methods: {
+    displayError(msg) {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'admin_dash.emoji.error',
+        messageArgs: [msg],
+        level: 'error',
+      })
+    },
+    copyToLocalPack() {
+      this.$store.state.api.backendInteractor
+        .addNewEmojiFile({
+          packName: this.packName,
+          file: this.$attrs.src,
+          shortcode: this.shortcode,
+          filename: '',
+        })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.displayError(resp.error)
+            return
+          }
+          useInterfaceStore().pushGlobalNotice({
+            messageKey: 'admin_dash.emoji.copied_successfully',
+            messageArgs: [this.shortcode, this.packName],
+            level: 'success',
+          })
+
+          this.$refs.emojiPopover.hidePopover()
+          this.packName = ''
+        })
+    },
+
+    // Copied from emoji_tab.js
+    loadPacksPaginated(listFunction) {
+      const pageSize = 25
+      const allPacks = {}
+
+      return listFunction({
+        instance: useInstanceStore().server,
+        page: 1,
+        pageSize: 0,
+      })
+        .then((data) => data.json())
+        .then((data) => {
+          if (data.error !== undefined) {
+            return Promise.reject(data.error)
+          }
+
+          let resultingPromise = Promise.resolve({})
+          for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
+            resultingPromise = resultingPromise
+              .then(() =>
+                listFunction({
+                  instance: useInstanceStore().server,
+                  page: i,
+                  pageSize,
+                }),
+              )
+              .then((data) => data.json())
+              .then((pageData) => {
+                if (pageData.error !== undefined) {
+                  return Promise.reject(pageData.error)
+                }
+
+                assign(allPacks, pageData.packs)
+              })
+          }
+
+          return resultingPromise
+        })
+        .then(() => allPacks)
+        .catch((data) => {
+          this.displayError(data)
+        })
+    },
+    fetchEmojiPacksIfAdmin() {
+      if (!this.isUserAdmin) return
+
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listEmojiPacks,
+      ).then((allPacks) => {
+        // Sort by key
+        const sorted = Object.keys(allPacks)
+          .sort()
+          .reduce((acc, key) => {
+            if (key.length === 0) return acc
+            acc[key] = allPacks[key]
+            return acc
+          }, {})
+        this.knownLocalPacks = sorted
+      })
+    },
+  },
+}
+</script>
+
+<style>
+  .emoji-popover {
+    margin: 0 0.5em 0.5em;
+    text-align: center;
+
+    .emoji {
+      width: 4.6em;
+      height: 4.6em;
+    }
+
+    .emoji-popover-centered {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .emoji-popover-button {
+      width: 100%;
+      margin-top: 0.5em;
+    }
+
+    .Select {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js
index 56fd2fd98..29a4ed1de 100644
--- a/src/components/still-image/still-image.js
+++ b/src/components/still-image/still-image.js
@@ -1,3 +1,5 @@
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const StillImage = {
   props: [
     'src',
@@ -9,38 +11,41 @@ const StillImage = {
     'height',
     'width',
     'dataSrc',
-    'loading'
+    'loading',
   ],
-  data () {
+  data() {
     return {
       // for lazy loading, see loadLazy()
       realSrc: this.src,
-      stopGifs: this.$store.getters.mergedConfig.stopGifs
+      stopGifs: useMergedConfigStore().mergedConfig.stopGifs,
     }
   },
   computed: {
-    animated () {
+    animated() {
       if (!this.realSrc) {
         return false
       }
 
-      return this.stopGifs && (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      return (
+        this.stopGifs &&
+        (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      )
     },
-    style () {
-      const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str
+    style() {
+      const appendPx = (str) => (/\d$/.test(str) ? str + 'px' : str)
       return {
         height: this.height ? appendPx(this.height) : null,
-        width: this.width ? appendPx(this.width) : null
+        width: this.width ? appendPx(this.width) : null,
       }
-    }
+    },
   },
   methods: {
-    loadLazy () {
+    loadLazy() {
       if (this.dataSrc) {
         this.realSrc = this.dataSrc
       }
     },
-    onLoad () {
+    onLoad() {
       if (!this.realSrc) {
         return
       }
@@ -55,18 +60,18 @@ const StillImage = {
       canvas.height = height
       canvas.getContext('2d').drawImage(image, 0, 0, width, height)
     },
-    onError () {
+    onError() {
       this.imageLoadError && this.imageLoadError()
-    }
+    },
   },
   watch: {
-    src () {
+    src() {
       this.realSrc = this.src
     },
-    dataSrc () {
+    dataSrc() {
       this.$el.removeAttribute('data-loaded')
-    }
-  }
+    },
+  },
 }
 
 export default StillImage
diff --git a/src/components/swipe_click/swipe_click.js b/src/components/swipe_click/swipe_click.js
index 2a423901d..af287f5d9 100644
--- a/src/components/swipe_click/swipe_click.js
+++ b/src/components/swipe_click/swipe_click.js
@@ -30,51 +30,51 @@ import GestureService from '../../services/gesture_service/gesture_service'
 const SwipeClick = {
   props: {
     direction: {
-      type: Array
+      type: Array,
     },
     threshold: {
       type: Function,
-      default: () => 30
+      default: () => 30,
     },
     disableClickThreshold: {
       type: Function,
-      default: () => 1
+      default: () => 1,
     },
     perpendicularTolerance: {
       type: Number,
-      default: 1.0
-    }
+      default: 1.0,
+    },
   },
   methods: {
-    handlePointerDown (event) {
+    handlePointerDown(event) {
       this.$gesture.start(event)
     },
-    handlePointerMove (event) {
+    handlePointerMove(event) {
       this.$gesture.move(event)
     },
-    handlePointerUp (event) {
+    handlePointerUp(event) {
       this.$gesture.end(event)
     },
-    handlePointerCancel (event) {
+    handlePointerCancel(event) {
       this.$gesture.cancel(event)
     },
-    handleNativeClick (event) {
+    handleNativeClick(event) {
       this.$gesture.click(event)
     },
-    preview (offsets) {
+    preview(offsets) {
       this.$emit('preview-requested', offsets)
     },
-    end (sign) {
+    end(sign) {
       this.$emit('swipe-finished', sign)
     },
-    click () {
+    click() {
       this.$emit('swipeless-clicked')
     },
-    cancel () {
+    cancel() {
       this.$emit('swipe-canceled')
-    }
+    },
   },
-  created () {
+  created() {
     this.$gesture = new GestureService.SwipeAndClickGesture({
       direction: this.direction,
       threshold: this.threshold,
@@ -83,9 +83,9 @@ const SwipeClick = {
       swipePreviewCallback: this.preview,
       swipeEndCallback: this.end,
       swipeCancelCallback: this.cancel,
-      swipelessClickCallback: this.click
+      swipelessClickCallback: this.click,
     })
-  }
+  },
 }
 
 export default SwipeClick
diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js
index 0cf90993e..c50ac0d5f 100644
--- a/src/components/tab_switcher/tab.style.js
+++ b/src/components/tab_switcher/tab.style.js
@@ -4,75 +4,72 @@ export default {
   states: {
     active: '.active',
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   defaultRules: [
     {
       directives: {
         background: '--fg',
         shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['active'],
       directives: {
-        opacity: 0
-      }
+        opacity: 0,
+      },
     },
     {
       state: ['hover', 'active'],
       directives: {
-        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: ['--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultBevel'],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Tab',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active', 'hover']
+        state: ['active', 'hover'],
       },
       directives: {
-        textColor: '--text'
-      }
-    }
-  ]
+        textColor: '--text',
+      },
+    },
+  ],
 }
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 02a0b47c0..b485b3ff8 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -1,12 +1,15 @@
 // eslint-disable-next-line no-unused
-import { h, Fragment } from 'vue'
+
 import { mapState } from 'pinia'
+import { Fragment, h } from 'vue'
+
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 import './tab_switcher.scss'
-import { useInterfaceStore } from 'src/stores/interface'
 
-const findFirstUsable = (slots) => slots.findIndex(_ => _.props)
+import { useInterfaceStore } from 'src/stores/interface.js'
+
+const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
 
 export default {
   name: 'TabSwitcher',
@@ -14,76 +17,74 @@ export default {
     renderOnlyFocused: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     onSwitch: {
       required: false,
       type: Function,
-      default: undefined
+      default: undefined,
     },
     activeTab: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     scrollableTabs: {
       required: false,
       type: Boolean,
-      default: false
-    },
-    sideTabBar: {
-      required: false,
-      type: Boolean,
-      default: false
+      default: false,
     },
     bodyScrollLock: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
-      active: findFirstUsable(this.slots())
+      active: findFirstUsable(this.slots()),
     }
   },
   computed: {
-    activeIndex () {
+    activeIndex() {
       // In case of controlled component
       if (this.activeTab) {
-        return this.slots().findIndex(slot => slot && slot.props && this.activeTab === slot.props.key)
+        return this.slots().findIndex(
+          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+        )
       } else {
         return this.active
       }
     },
-    isActive () {
-      return tabName => {
-        const isWanted = slot => slot.props && slot.props['data-tab-name'] === tabName
+    isActive() {
+      return (tabName) => {
+        const isWanted = (slot) =>
+          slot.props && slot.props['data-tab-name'] === tabName
         return this.$slots.default().findIndex(isWanted) === this.activeIndex
       }
-    }
+    },
   },
-  beforeUpdate () {
+  beforeUpdate() {
     const currentSlot = this.slots()[this.active]
     if (!currentSlot.props) {
       this.active = findFirstUsable(this.slots())
     }
   },
   methods: {
-    clickTab (index) {
+    clickTab(index) {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
-    slots () {
+    slots() {
       if (this.$slots.default()[0].type === Fragment) {
         return this.$slots.default()[0].children
       }
       return this.$slots.default()
     },
-    setTab (index) {
+    setTab(index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
       }
@@ -91,35 +92,19 @@ export default {
       if (this.scrollableTabs) {
         this.$refs.contents.scrollTop = 0
       }
-    }
+    },
   },
-  render () {
-    const tabs = this.slots()
-      .map((slot, index) => {
-        const props = slot.props
-        if (!props) return
-        const classesTab = ['tab']
-        const classesWrapper = ['tab-wrapper']
-        if (this.activeIndex === index) {
-          classesTab.push('active')
-          classesWrapper.push('active')
-        }
-        if (props.image) {
-          return (
-            <div class={classesWrapper.join(' ')}>
-              <button
-                disabled={props.disabled}
-                onClick={this.clickTab(index)}
-                class={classesTab.join(' ')}
-                type="button"
-                role="tab"
-              >
-                <img src={props.image} title={props['image-tooltip']}/>
-                {props.label ? '' : props.label}
-              </button>
-            </div>
-          )
-        }
+  render() {
+    const tabs = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const classesTab = ['tab']
+      const classesWrapper = ['tab-wrapper']
+      if (this.activeIndex === index) {
+        classesTab.push('active')
+        classesWrapper.push('active')
+      }
+      if (props.image) {
         return (
           <div class={classesWrapper.join(' ')}>
             <button
@@ -129,61 +114,73 @@ export default {
               type="button"
               role="tab"
             >
-              {!props.icon ? '' : (<FAIcon class="tab-icon" size="2x" fixed-width icon={props.icon}/>)}
-              <span class="text">
-                {props.label}
-              </span>
+              <img src={props.image} title={props['image-tooltip']} />
+              {props.label ? '' : props.label}
             </button>
           </div>
         )
-      })
+      }
+      return (
+        <div class={classesWrapper.join(' ')}>
+          <button
+            disabled={props.disabled}
+            onClick={this.clickTab(index)}
+            class={classesTab.join(' ')}
+            type="button"
+            role="tab"
+          >
+            {!props.icon ? (
+              ''
+            ) : (
+              <FAIcon
+                class="tab-icon"
+                size="2x"
+                fixed-width
+                icon={props.icon}
+              />
+            )}
+            <span class="text">{props.label}</span>
+          </button>
+        </div>
+      )
+    })
 
     const contents = this.slots().map((slot, index) => {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const classes = [ active ? 'active' : 'hidden' ]
-      if (props.fullHeight) {
-        classes.push('full-height')
+      const classes = [active ? 'active' : 'hidden']
+      if (props.fullHeight || props['full-height']) {
+        classes.push('-full-height')
+      }
+      if (props.fullWidth || props['full-width']) {
+        classes.push('-full-width')
       }
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
         slot.props['delay-render'] = false
         delayRender = false
       }
-      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
-        ? slot
-        : ''
+      const renderSlot =
+        !delayRender && (!this.renderOnlyFocused || active) ? slot : ''
 
-      return (
-        <div class={classes}>
-          {
-            this.sideTabBar
-              ? <h1 class="mobile-label">{props.label}</h1>
-              : ''
-          }
-          {renderSlot}
-        </div>
-      )
+      return <div class={classes}>{renderSlot}</div>
     })
 
     return (
-      <div class={'tab-switcher ' + (this.sideTabBar ? 'side-tabs' : 'top-tabs')}>
-        <div
-          class="tabs"
-          role="tablist"
-        >
+      <div class="tab-switcher top-tabs" ref="root">
+        <div class="tabs" role="tablist" ref="nav">
           {tabs}
         </div>
         <div
-          ref="contents"
           role="tabpanel"
           class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
           v-body-scroll-lock={this.bodyScrollLock}
+          ref="content"
         >
           {contents}
         </div>
       </div>
     )
-  }
+  },
 }
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index 60413c5f4..f788ea30e 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -52,104 +52,6 @@
     }
   }
 
-  &.side-tabs {
-    flex-direction: row;
-
-    @media all and (width <= 800px) {
-      overflow-x: auto;
-    }
-
-    > .contents {
-      flex: 1 1 auto;
-    }
-
-    > .tabs {
-      flex: 0 0 auto;
-      overflow: hidden auto;
-      flex-direction: column;
-
-      &::after,
-      &::before {
-        flex-shrink: 0;
-        flex-basis: 0.5em;
-        content: "";
-        border-right: 1px solid;
-        border-right-color: var(--border);
-      }
-
-      &::after {
-        flex-grow: 1;
-      }
-
-      &::before {
-        flex-grow: 0;
-      }
-
-      .tab-wrapper {
-        min-width: 10em;
-        display: flex;
-        flex-direction: column;
-
-        @media all and (width <= 800px) {
-          min-width: 4em;
-        }
-
-        &:not(.active)::after {
-          top: 0;
-          right: 0;
-          bottom: 0;
-          border-right: 1px solid;
-          border-right-color: var(--border);
-        }
-
-        &::before {
-          flex: 0 0 6px;
-          content: "";
-          border-right: 1px solid;
-          border-right-color: var(--border);
-        }
-
-        &:last-child .tab {
-          margin-bottom: 0;
-        }
-      }
-
-      .tab {
-        flex: 1;
-        box-sizing: content-box;
-        max-width: 9em;
-        min-width: 1px;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        padding-left: 1em;
-        padding-right: calc(1em + 200px);
-        margin-right: -200px;
-        margin-left: 1em;
-
-        &:not(.active) {
-          margin-top: 0;
-          margin-left: 1.5em;
-        }
-
-        @media all and (width <= 800px) {
-          padding-left: 0.25em;
-          padding-right: calc(0.25em + 200px);
-          margin-right: calc(0.25em - 200px);
-          margin-left: 0.25em;
-
-          &:not(.active) {
-            margin-top: 0;
-            margin-left: 0.5em;
-          }
-
-          .text {
-            display: none;
-          }
-        }
-      }
-    }
-  }
-
   .contents {
     flex: 1 0 auto;
     min-height: 0;
@@ -158,7 +60,7 @@
       display: none;
     }
 
-    .full-height:not(.hidden) {
+    .-full-height:not(.hidden) {
       height: 100%;
       display: flex;
       flex-direction: column;
@@ -168,6 +70,15 @@
       }
     }
 
+    .-full-width:not(.hidden) {
+      display: flex;
+      flex-direction: column;
+
+      > *:not(.mobile-label) {
+        width: auto;
+      }
+    }
+
     &.scrollable-tabs {
       overflow-y: auto;
     }
@@ -202,9 +113,9 @@
     }
 
     img {
-      max-height: 26px;
+      max-height: 1.9em;
       vertical-align: top;
-      margin-top: -5px;
+      margin-top: -0.3em;
     }
   }
 
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
index bda61ae09..978459981 100644
--- a/src/components/tag_timeline/tag_timeline.js
+++ b/src/components/tag_timeline/tag_timeline.js
@@ -1,26 +1,36 @@
 import Timeline from '../timeline/timeline.vue'
 
 const TagTimeline = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'tag' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'tag', tag: this.tag })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'tag',
+      tag: this.tag,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    tag () { return this.$route.params.tag },
-    timeline () { return this.$store.state.statuses.timelines.tag }
+    tag() {
+      return this.$route.params.tag
+    },
+    timeline() {
+      return this.$store.state.statuses.timelines.tag
+    },
   },
   watch: {
-    tag () {
+    tag() {
       this.$store.commit('clearTimeline', { timeline: 'tag' })
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'tag', tag: this.tag })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'tag',
+        tag: this.tag,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'tag')
-  }
+  },
 }
 
 export default TagTimeline
diff --git a/src/components/terms_of_service_panel/terms_of_service_panel.js b/src/components/terms_of_service_panel/terms_of_service_panel.js
index b2dc827bf..64a745455 100644
--- a/src/components/terms_of_service_panel/terms_of_service_panel.js
+++ b/src/components/terms_of_service_panel/terms_of_service_panel.js
@@ -1,12 +1,12 @@
+import { mapState } from 'pinia'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
 const TermsOfServicePanel = {
-  computed: {
-    content () {
-      return this.$store.state.instance.tos
-    },
-    embedded () {
-      return this.$store.state.instance.embeddedToS
-    }
-  }
+  computed: mapState(useInstanceStore, {
+    content: (store) => store.instanceIdentity.tos,
+    embedded: (store) => store.instanceIdentity.embeddedToS,
+  }),
 }
 
 export default TermsOfServicePanel
diff --git a/src/components/text.style.js b/src/components/text.style.js
index a254ceb40..1b2521a2a 100644
--- a/src/components/text.style.js
+++ b/src/components/text.style.js
@@ -3,20 +3,20 @@ export default {
   selector: '/*text*/',
   virtual: true,
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       directives: {
         textColor: '--text',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       state: ['faint'],
       directives: {
-        textOpacity: 0.5
-      }
-    }
-  ]
+        textOpacity: 0.5,
+      },
+    },
+  ],
 }
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 2afe4e571..f5d5d17fe 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -3,17 +3,14 @@ import Status from '../status/status.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
-  faAngleDoubleRight
+  faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAngleDoubleDown,
-  faAngleDoubleRight
-)
+library.add(faAngleDoubleDown, faAngleDoubleRight)
 
 const ThreadTree = {
   components: {
-    Status
+    Status,
   },
   name: 'ThreadTree',
   props: {
@@ -42,49 +39,64 @@ const ThreadTree = {
     statusContentProperties: Object,
     setStatusContentProperty: Function,
     toggleStatusContentProperty: Function,
-    dive: Function
+    dive: Function,
   },
   computed: {
-    suspendable () {
-      const selfSuspendable = this.$refs.statusComponent ? this.$refs.statusComponent.suspendable : true
+    suspendable() {
+      const selfSuspendable = this.$refs.statusComponent
+        ? this.$refs.statusComponent.suspendable
+        : true
       if (this.$refs.childComponent) {
-        return selfSuspendable && this.$refs.childComponent.every(s => s.suspendable)
+        return (
+          selfSuspendable &&
+          this.$refs.childComponent.every((s) => s.suspendable)
+        )
       }
       return selfSuspendable
     },
-    reverseLookupTable () {
-      return this.conversation.reduce((table, status, index) => {
-        table[status.id] = index
-        return table
-      }, {})
+    reverseLookupTable() {
+      return this.conversation.reduce(
+        (table, status, index) => {
+          table[status.id] = index
+          return table
+        },
+        {
+          /* no-op */
+        },
+      )
     },
-    currentReplies () {
-      return this.getReplies(this.status.id).map(({ id }) => this.statusById(id))
+    currentReplies() {
+      return this.getReplies(this.status.id).map(({ id }) =>
+        this.statusById(id),
+      )
     },
-    threadShowing () {
+    threadShowing() {
       return this.threadDisplayStatus[this.status.id] === 'showing'
     },
-    currentProp () {
+    currentProp() {
       return this.statusContentProperties[this.status.id]
-    }
+    },
   },
   methods: {
-    statusById (id) {
+    statusById(id) {
       return this.conversation[this.reverseLookupTable[id]]
     },
-    collapseThread () {
+    collapseThread() {
+      /* no-op */
     },
-    showThread () {
+    showThread() {
+      /* no-op */
     },
-    showAllSubthreads () {
+    showAllSubthreads() {
+      /* no-op */
     },
-    toggleCurrentProp (name) {
+    toggleCurrentProp(name) {
       this.toggleStatusContentProperty(this.status.id, name)
     },
-    setCurrentProp (name) {
+    setCurrentProp(name) {
       this.setStatusContentProperty(this.status.id, name)
-    }
-  }
+    },
+  },
 }
 
 export default ThreadTree
diff --git a/src/components/timeago/timeago.js b/src/components/timeago/timeago.js
new file mode 100644
index 000000000..c09cf9619
--- /dev/null
+++ b/src/components/timeago/timeago.js
@@ -0,0 +1,129 @@
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import * as DateUtils from 'src/services/date_utils/date_utils.js'
+import localeService from 'src/services/locale/locale.service.js'
+
+export default {
+  name: 'Timeago',
+  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'templateKey'],
+  data() {
+    return {
+      relativeTimeMs: 0,
+      relativeTime: { key: 'time.now', num: 0 },
+      interval: null,
+    }
+  },
+  computed: {
+    shouldUseAbsoluteTimeFormat() {
+      if (!useMergedConfigStore().mergedConfig.useAbsoluteTimeFormat) {
+        return false
+      }
+      return (
+        DateUtils.durationStrToMs(
+          useMergedConfigStore().mergedConfig.absoluteTimeFormatMinAge,
+        ) <= this.relativeTimeMs
+      )
+    },
+    time12hFormat() {
+      return useMergedConfigStore().mergedConfig.absoluteTimeFormat12h === '12h'
+    },
+    browserLocale() {
+      return localeService.internalToBrowserLocale(this.$i18n.locale)
+    },
+    timeAsDate() {
+      return typeof this.time === 'string'
+        ? new Date(Date.parse(this.time))
+        : this.time
+    },
+    localeDateString() {
+      return this.timeAsDate.toLocaleString(this.browserLocale)
+    },
+    relativeTimeString() {
+      const timeString = this.$i18n.t(
+        this.relativeTime.key,
+        [this.relativeTime.num],
+        this.relativeTime.num,
+      )
+
+      if (
+        typeof this.templateKey === 'string' &&
+        this.relativeTime.key !== 'time.now'
+      ) {
+        return this.$i18n.t(this.templateKey, [timeString])
+      }
+
+      return timeString
+    },
+    absoluteTimeString() {
+      if (this.longFormat) {
+        return this.localeDateString
+      }
+      const now = new Date()
+      const formatter = (() => {
+        if (DateUtils.isSameDay(this.timeAsDate, now)) {
+          return new Intl.DateTimeFormat(this.browserLocale, {
+            minute: 'numeric',
+            hour: 'numeric',
+            hour12: this.time12hFormat,
+          })
+        } else if (DateUtils.isSameMonth(this.timeAsDate, now)) {
+          return new Intl.DateTimeFormat(this.browserLocale, {
+            month: 'short',
+            day: 'numeric',
+            hour12: this.time12hFormat,
+          })
+        } else if (DateUtils.isSameYear(this.timeAsDate, now)) {
+          return new Intl.DateTimeFormat(this.browserLocale, {
+            month: 'short',
+            day: 'numeric',
+            hour12: this.time12hFormat,
+          })
+        } else {
+          return new Intl.DateTimeFormat(this.browserLocale, {
+            year: 'numeric',
+            month: 'short',
+            hour12: this.time12hFormat,
+          })
+        }
+      })()
+
+      return formatter.format(this.timeAsDate)
+    },
+    relativeOrAbsoluteTimeString() {
+      return this.shouldUseAbsoluteTimeFormat
+        ? this.absoluteTimeString
+        : this.relativeTimeString
+    },
+  },
+  watch: {
+    time(newVal, oldVal) {
+      if (oldVal !== newVal) {
+        clearTimeout(this.interval)
+        this.refreshRelativeTimeObject()
+      }
+    },
+  },
+  created() {
+    this.refreshRelativeTimeObject()
+  },
+  unmounted() {
+    clearTimeout(this.interval)
+  },
+  methods: {
+    refreshRelativeTimeObject() {
+      const nowThreshold =
+        typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
+      this.relativeTimeMs = DateUtils.relativeTimeMs(this.time)
+      this.relativeTime = this.longFormat
+        ? DateUtils.relativeTime(this.time, nowThreshold)
+        : DateUtils.relativeTimeShort(this.time, nowThreshold)
+
+      if (this.autoUpdate) {
+        this.interval = setTimeout(
+          this.refreshRelativeTimeObject,
+          1000 * this.autoUpdate,
+        )
+      }
+    },
+  },
+}
diff --git a/src/components/timeago/timeago.vue b/src/components/timeago/timeago.vue
index bc779e801..eeb00db8b 100644
--- a/src/components/timeago/timeago.vue
+++ b/src/components/timeago/timeago.vue
@@ -7,118 +7,4 @@
   </time>
 </template>
 
-<script>
-import * as DateUtils from 'src/services/date_utils/date_utils.js'
-import localeService from 'src/services/locale/locale.service.js'
-
-export default {
-  name: 'Timeago',
-  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'templateKey'],
-  data () {
-    return {
-      relativeTimeMs: 0,
-      relativeTime: { key: 'time.now', num: 0 },
-      interval: null
-    }
-  },
-  computed: {
-    shouldUseAbsoluteTimeFormat () {
-      if (!this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
-        return false
-      }
-      return DateUtils.durationStrToMs(this.$store.getters.mergedConfig.absoluteTimeFormatMinAge) <= this.relativeTimeMs
-    },
-    time12hFormat () {
-      return this.$store.getters.mergedConfig.absoluteTimeFormat12h === '12h'
-    },
-    browserLocale () {
-      return localeService.internalToBrowserLocale(this.$i18n.locale)
-    },
-    timeAsDate () {
-      return typeof this.time === 'string'
-        ? new Date(Date.parse(this.time))
-        : this.time
-    },
-    localeDateString () {
-      return this.timeAsDate.toLocaleString(this.browserLocale)
-    },
-    relativeTimeString () {
-      const timeString = this.$i18n.t(this.relativeTime.key, [this.relativeTime.num], this.relativeTime.num)
-
-      if (typeof this.templateKey === 'string' && this.relativeTime.key !== 'time.now') {
-        return this.$i18n.t(this.templateKey, [timeString])
-      }
-
-      return timeString
-    },
-    absoluteTimeString () {
-      if (this.longFormat) {
-        return this.localeDateString
-      }
-      const now = new Date()
-      const formatter = (() => {
-        if (DateUtils.isSameDay(this.timeAsDate, now)) {
-          return new Intl.DateTimeFormat(this.browserLocale, {
-            minute: 'numeric',
-            hour: 'numeric',
-            hour12: this.time12hFormat
-          })
-        } else if (DateUtils.isSameMonth(this.timeAsDate, now)) {
-          return new Intl.DateTimeFormat(this.browserLocale, {
-            month: 'short',
-            day: 'numeric',
-            hour12: this.time12hFormat
-          })
-        } else if (DateUtils.isSameYear(this.timeAsDate, now)) {
-          return new Intl.DateTimeFormat(this.browserLocale, {
-            month: 'short',
-            day: 'numeric',
-            hour12: this.time12hFormat
-          })
-        } else {
-          return new Intl.DateTimeFormat(this.browserLocale, {
-            year: 'numeric',
-            month: 'short',
-            hour12: this.time12hFormat
-          })
-        }
-      })()
-
-      return formatter.format(this.timeAsDate)
-    },
-    relativeOrAbsoluteTimeString () {
-      return this.shouldUseAbsoluteTimeFormat ? this.absoluteTimeString : this.relativeTimeString
-    }
-  },
-  watch: {
-    time (newVal, oldVal) {
-      if (oldVal !== newVal) {
-        clearTimeout(this.interval)
-        this.refreshRelativeTimeObject()
-      }
-    }
-  },
-  created () {
-    this.refreshRelativeTimeObject()
-  },
-  unmounted () {
-    clearTimeout(this.interval)
-  },
-  methods: {
-    refreshRelativeTimeObject () {
-      const nowThreshold = typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
-      this.relativeTimeMs = DateUtils.relativeTimeMs(this.time)
-      this.relativeTime = this.longFormat
-        ? DateUtils.relativeTime(this.time, nowThreshold)
-        : DateUtils.relativeTimeShort(this.time, nowThreshold)
-
-      if (this.autoUpdate) {
-        this.interval = setTimeout(
-          this.refreshRelativeTimeObject,
-          1000 * this.autoUpdate
-        )
-      }
-    }
-  }
-}
-</script>
+<script src="./timeago.js" />
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 61cc8affd..2153afc44 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,24 +1,29 @@
-import Status from '../status/status.vue'
+import { debounce, keyBy, throttle } from 'lodash'
 import { mapState } from 'pinia'
-import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
+
 import Conversation from '../conversation/conversation.vue'
-import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
 import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
-import { debounce, throttle, keyBy } from 'lodash'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faCirclePlus, faCog, faMinus, faArrowUp, faCheck } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import Status from '../status/status.vue'
+import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
-library.add(
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowUp,
+  faCheck,
   faCircleNotch,
+  faCirclePlus,
   faCog,
   faMinus,
-  faArrowUp,
-  faCirclePlus,
-  faCheck
-)
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
 const Timeline = {
   props: [
@@ -34,16 +39,16 @@ const Timeline = {
     'count',
     'pinnedStatusIds',
     'inProfile',
-    'footerSlipgate' // reference to an element where we should put our footer
+    'footerSlipgate', // reference to an element where we should put our footer
   ],
-  data () {
+  data() {
     return {
       showScrollTop: false,
       paused: false,
       unfocused: false,
       bottomedOut: false,
       virtualScrollIndex: 0,
-      blockingClicks: false
+      blockingClicks: false,
     }
   },
   components: {
@@ -52,72 +57,91 @@ const Timeline = {
     Conversation,
     TimelineMenu,
     QuickFilterSettings,
-    QuickViewSettings
+    QuickViewSettings,
   },
   computed: {
-    filteredVisibleStatuses () {
-      return this.timeline.visibleStatuses.filter(status => this.timelineName !== 'user' || (status.id >= this.timeline.minId && status.id <= this.timeline.maxId))
+    filteredVisibleStatuses() {
+      return this.timeline.visibleStatuses.filter(
+        (status) =>
+          this.timelineName !== 'user' ||
+          (status.id >= this.timeline.minId &&
+            status.id <= this.timeline.maxId),
+      )
     },
-    filteredPinnedStatusIds () {
-      return (this.pinnedStatusIds || []).filter(statusId => this.timeline.statusesObject[statusId])
+    filteredPinnedStatusIds() {
+      return (this.pinnedStatusIds || []).filter(
+        (statusId) => this.timeline.statusesObject[statusId],
+      )
     },
-    newStatusCount () {
+    newStatusCount() {
       return this.timeline.newStatusCount
     },
-    showLoadButton () {
+    showLoadButton() {
       return this.timeline.newStatusCount > 0 || this.timeline.flushMarker !== 0
     },
-    loadButtonString () {
+    loadButtonString() {
       if (this.timeline.flushMarker !== 0) {
         return this.$t('timeline.reload')
       } else {
         return `${this.$t('timeline.show_new')} (${this.newStatusCount})`
       }
     },
-    mobileLoadButtonString () {
+    mobileLoadButtonString() {
       if (this.timeline.flushMarker !== 0) {
         return '+'
       } else {
         return this.newStatusCount > 99 ? '∞' : this.newStatusCount
       }
     },
-    classes () {
-      let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-embedded']
-      if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
+    classes() {
+      let rootClasses = !this.embedded
+        ? ['panel', 'panel-default']
+        : ['-embedded']
+      if (this.blockingClicks)
+        rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
       return {
         root: rootClasses,
-        header: ['timeline-heading'].concat(!this.embedded ? ['panel-heading', '-sticky'] : ['panel-body']),
-        body: ['timeline-body'].concat(!this.embedded ? ['panel-body'] : ['panel-body']),
-        footer: ['timeline-footer'].concat(!this.embedded ? ['panel-footer'] : ['panel-body'])
+        header: ['timeline-heading'].concat(
+          !this.embedded ? ['panel-heading', '-sticky'] : ['panel-body'],
+        ),
+        body: ['timeline-body'].concat(
+          !this.embedded ? ['panel-body'] : ['panel-body'],
+        ),
+        footer: ['timeline-footer'].concat(
+          !this.embedded ? ['panel-footer'] : ['panel-body'],
+        ),
       }
     },
     // id map of statuses which need to be hidden in the main list due to pinning logic
-    pinnedStatusIdsObject () {
+    pinnedStatusIdsObject() {
       return keyBy(this.pinnedStatusIds)
     },
-    statusesToDisplay () {
+    statusesToDisplay() {
       const amount = this.timeline.visibleStatuses.length
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
-      const nonPinnedIndex = this.virtualScrollIndex - this.filteredPinnedStatusIds.length
+      const nonPinnedIndex =
+        this.virtualScrollIndex - this.filteredPinnedStatusIds.length
       const min = Math.max(0, nonPinnedIndex - statusesPerSide)
       const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
-      return this.timeline.visibleStatuses.slice(min, max).map(_ => _.id)
+      return this.timeline.visibleStatuses.slice(min, max).map((_) => _.id)
     },
-    virtualScrollingEnabled () {
-      return this.$store.getters.mergedConfig.virtualScrolling
+    virtualScrollingEnabled() {
+      return useMergedConfigStore().mergedConfig.virtualScrolling
     },
     ...mapState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
-    })
+      mobileLayout: (store) => store.layoutType === 'mobile',
+    }),
   },
-  created () {
+  created() {
     const store = this.$store
     const credentials = store.state.users.currentUser.credentials
     const showImmediately = this.timeline.visibleStatuses.length === 0
 
     window.addEventListener('scroll', this.handleScroll)
 
-    if (store.state.api.fetchers[this.timelineName]) { return false }
+    if (store.state.api.fetchers[this.timelineName]) {
+      return false
+    }
 
     timelineFetcher.fetchAndUpdate({
       store,
@@ -128,41 +152,56 @@ const Timeline = {
       listId: this.listId,
       statusId: this.statusId,
       bookmarkFolderId: this.bookmarkFolderId,
-      tag: this.tag
+      tag: this.tag,
     })
   },
-  mounted () {
+  mounted() {
     if (typeof document.hidden !== 'undefined') {
-      document.addEventListener('visibilitychange', this.handleVisibilityChange, false)
+      document.addEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
       this.unfocused = document.hidden
     }
     window.addEventListener('keydown', this.handleShortKey)
     setTimeout(this.determineVisibleStatuses, 250)
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('scroll', this.handleScroll)
     window.removeEventListener('keydown', this.handleShortKey)
-    if (typeof document.hidden !== 'undefined') document.removeEventListener('visibilitychange', this.handleVisibilityChange, false)
-    this.$store.commit('setLoading', { timeline: this.timelineName, value: false })
+    if (typeof document.hidden !== 'undefined')
+      document.removeEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
+    this.$store.commit('setLoading', {
+      timeline: this.timelineName,
+      value: false,
+    })
   },
   methods: {
     stopBlockingClicks: debounce(function () {
       this.blockingClicks = false
     }, 1000),
-    blockClicksTemporarily () {
+    blockClicksTemporarily() {
       if (!this.blockingClicks) {
         this.blockingClicks = true
       }
       this.stopBlockingClicks()
     },
-    handleShortKey (e) {
+    handleShortKey(e) {
       // Ignore when input fields are focused
       if (['textarea', 'input'].includes(e.target.tagName.toLowerCase())) return
       if (e.key === '.') this.showNewStatuses()
     },
-    showNewStatuses () {
+    showNewStatuses() {
       if (this.timeline.flushMarker !== 0) {
-        this.$store.commit('clearTimeline', { timeline: this.timelineName, excludeUserId: true })
+        this.$store.commit('clearTimeline', {
+          timeline: this.timelineName,
+          excludeUserId: true,
+        })
         this.$store.commit('queueFlush', { timeline: this.timelineName, id: 0 })
         if (this.timelineName === 'user') {
           this.$store.dispatch('fetchPinnedStatuses', this.userId)
@@ -175,41 +214,54 @@ const Timeline = {
       }
       window.scrollTo({ top: 0 })
     },
-    fetchOlderStatuses: throttle(function () {
-      const store = this.$store
-      const credentials = store.state.users.currentUser.credentials
-      store.commit('setLoading', { timeline: this.timelineName, value: true })
-      timelineFetcher.fetchAndUpdate({
-        store,
-        credentials,
-        timeline: this.timelineName,
-        older: true,
-        showImmediately: true,
-        userId: this.userId,
-        listId: this.listId,
-        statusId: this.statusId,
-        bookmarkFolderId: this.bookmarkFolderId,
-        tag: this.tag
-      }).then(({ statuses }) => {
-        if (statuses && statuses.length === 0) {
-          this.bottomedOut = true
-        }
-      }).finally(() =>
-        store.commit('setLoading', { timeline: this.timelineName, value: false })
-      )
-    }, 1000, this),
-    determineVisibleStatuses () {
+    fetchOlderStatuses: throttle(
+      function () {
+        const store = this.$store
+        const credentials = store.state.users.currentUser.credentials
+        store.commit('setLoading', { timeline: this.timelineName, value: true })
+        timelineFetcher
+          .fetchAndUpdate({
+            store,
+            credentials,
+            timeline: this.timelineName,
+            older: true,
+            showImmediately: true,
+            userId: this.userId,
+            listId: this.listId,
+            statusId: this.statusId,
+            bookmarkFolderId: this.bookmarkFolderId,
+            tag: this.tag,
+          })
+          .then(({ statuses }) => {
+            if (statuses && statuses.length === 0) {
+              this.bottomedOut = true
+            }
+          })
+          .finally(() =>
+            store.commit('setLoading', {
+              timeline: this.timelineName,
+              value: false,
+            }),
+          )
+      },
+      1000,
+      this,
+    ),
+    determineVisibleStatuses() {
       if (!this.$refs.timeline) return
       if (!this.virtualScrollingEnabled) return
 
       const statuses = this.$refs.timeline.children
-      const cappedScrollIndex = Math.max(0, Math.min(this.virtualScrollIndex, statuses.length - 1))
+      const cappedScrollIndex = Math.max(
+        0,
+        Math.min(this.virtualScrollIndex, statuses.length - 1),
+      )
 
       if (statuses.length === 0) return
 
       const height = Math.max(document.body.offsetHeight, window.pageYOffset)
 
-      const centerOfScreen = window.pageYOffset + (window.innerHeight * 0.5)
+      const centerOfScreen = window.pageYOffset + window.innerHeight * 0.5
 
       // Start from approximating the index of some visible status by using the
       // the center of the screen on the timeline.
@@ -219,7 +271,8 @@ const Timeline = {
       // if we have a previous scroll index that can be used, test if it's
       // closer than the previous approximation, use it if so
 
-      const virtualScrollIndexY = statuses[cappedScrollIndex].getBoundingClientRect().y
+      const virtualScrollIndexY =
+        statuses[cappedScrollIndex].getBoundingClientRect().y
       if (Math.abs(err) > virtualScrollIndexY) {
         approxIndex = cappedScrollIndex
         err = virtualScrollIndexY
@@ -240,12 +293,14 @@ const Timeline = {
       // statuses will be nearby statuses before and after it
       this.virtualScrollIndex = approxIndex
     },
-    scrollLoad () {
+    scrollLoad() {
       const bodyBRect = document.body.getBoundingClientRect()
-      const height = Math.max(bodyBRect.height, -(bodyBRect.y))
-      if (this.timeline.loading === false &&
-          this.$el.offsetHeight > 0 &&
-          (window.innerHeight + window.pageYOffset) >= (height - 750)) {
+      const height = Math.max(bodyBRect.height, -bodyBRect.y)
+      if (
+        this.timeline.loading === false &&
+        this.$el.offsetHeight > 0 &&
+        window.innerHeight + window.pageYOffset >= height - 750
+      ) {
         this.fetchOlderStatuses()
       }
     },
@@ -253,30 +308,34 @@ const Timeline = {
       this.determineVisibleStatuses()
       this.scrollLoad(e)
     }, 200),
-    handleVisibilityChange () {
+    handleVisibilityChange() {
       this.unfocused = document.hidden
-    }
+    },
   },
   watch: {
-    newStatusCount (count) {
-      if (!this.$store.getters.mergedConfig.streaming) {
+    newStatusCount(count) {
+      if (!useMergedConfigStore().mergedConfig.streaming) {
         return
       }
       if (count > 0) {
         // only 'stream' them when you're scrolled to the top
         const doc = document.documentElement
         const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)
-        if (top < 15 &&
-            !this.paused &&
-            !(this.unfocused && this.$store.getters.mergedConfig.pauseOnUnfocused)
+        if (
+          top < 15 &&
+          !this.paused &&
+          !(
+            this.unfocused &&
+            useMergedConfigStore().mergedConfig.pauseOnUnfocused
+          )
         ) {
           this.showNewStatuses()
         } else {
           this.paused = true
         }
       }
-    }
-  }
+    },
+  },
 }
 
 export default Timeline
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 4c8f7b76e..3db087db6 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,17 +1,21 @@
-import Popover from '../popover/popover.vue'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
-import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
-import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { TIMELINES } from 'src/components/navigation/navigation.js'
+
 import { filterNavigation } from 'src/components/navigation/filter.js'
-import {
-  faChevronDown
-} from '@fortawesome/free-solid-svg-icons'
+import { TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
+import Popover from '../popover/popover.vue'
+
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faChevronDown)
 
@@ -25,7 +29,7 @@ export const timelineNames = (supportsBookmarkFolders) => {
     'public-timeline': 'nav.public_tl',
     'public-external-timeline': 'nav.twkn',
     quotes: 'nav.quotes',
-    bubble: 'nav.bubble'
+    bubble: 'nav.bubble',
   }
 }
 
@@ -34,35 +38,41 @@ const TimelineMenu = {
     Popover,
     NavigationEntry,
     ListsMenuContent,
-    BookmarkFoldersMenuContent
+    BookmarkFoldersMenuContent,
   },
-  data () {
+  data() {
     return {
-      isOpen: false
+      isOpen: false,
     }
   },
-  created () {
+  created() {
     if (timelineNames(this.bookmarkFolders)[this.$route.name]) {
       useInterfaceStore().setLastTimeline(this.$route.name)
     }
   },
   computed: {
-    useListsMenu () {
+    useListsMenu() {
       const route = this.$route.name
       return route === 'lists-timeline'
     },
-    useBookmarkFoldersMenu () {
+    useBookmarkFoldersMenu() {
       const route = this.$route.name
-      return this.bookmarkFolders && (route === 'bookmark-folder' || route === 'bookmarks')
+      return (
+        this.bookmarkFolders &&
+        (route === 'bookmark-folder' || route === 'bookmarks')
+      )
     },
+    ...mapPiniaState(useInstanceCapabilitiesStore, [
+      'pleromaChatMessagesAvailable',
+      'pleromaBookmarkFoldersAvailable',
+      'bookmarkFolders',
+      'localBubble',
+    ]),
+    ...mapPiniaState(useInstanceStore, ['privateMode', 'federating']),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      bookmarkFolders: state => state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
     }),
-    timelinesList () {
+    timelinesList() {
       return filterNavigation(
         Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
         {
@@ -70,14 +80,14 @@ const TimelineMenu = {
           isFederating: this.federating,
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
-          supportsBookmarkFolders: this.bookmarkFolders,
-          supportsBubbleTimeline: this.bubbleTimeline
-        }
+          supportsBookmarkFolders: this.pleromaBookmarkFoldersAvailable,
+          supportsBubbleTimeline: this.localBubble,
+        },
       )
-    }
+    },
   },
   methods: {
-    openMenu () {
+    openMenu() {
       // $nextTick is too fast, animation won't play back but
       // instead starts in fully open position. Low values
       // like 1-5 work on fast machines but not on mobile, 25
@@ -87,7 +97,7 @@ const TimelineMenu = {
         this.isOpen = true
       }, 25)
     },
-    blockOpen (event) {
+    blockOpen(event) {
       // For the blank area inside the button element.
       // Just setting @click.stop="" makes unintuitive behavior when
       // menu is open and clicking on the blank area doesn't close it.
@@ -95,7 +105,7 @@ const TimelineMenu = {
         event.stopPropagation()
       }
     },
-    timelineName () {
+    timelineName() {
       const route = this.$route.name
       if (route === 'tag-timeline') {
         return '#' + this.$route.params.tag
@@ -104,12 +114,14 @@ const TimelineMenu = {
         return useListsStore().findListTitle(this.$route.params.id)
       }
       if (route === 'bookmark-folder') {
-        return useBookmarkFoldersStore().findBookmarkFolderName(this.$route.params.id)
+        return useBookmarkFoldersStore().findBookmarkFolderName(
+          this.$route.params.id,
+        )
       }
       const i18nkey = timelineNames(this.bookmarkFolders)[this.$route.name]
       return i18nkey ? this.$t(i18nkey) : route
-    }
-  }
+    },
+  },
 }
 
 export default TimelineMenu
diff --git a/src/components/top_bar.style.js b/src/components/top_bar.style.js
index 945ae7781..8d32a7343 100644
--- a/src/components/top_bar.style.js
+++ b/src/components/top_bar.style.js
@@ -5,53 +5,56 @@ export default {
     'Link',
     'Text',
     'Icon',
+    // Optimization: don't put heavy components unless needed
     'Button',
     'ButtonUnstyled',
     'Input',
-    'Badge'
+    'Badge',
   ],
   defaultRules: [
     {
       directives: {
         background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.4
-        },
-        {
-          x: 0,
-          y: 2,
-          blur: 7,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.3
-        }]
-      }
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 4,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.4,
+          },
+          {
+            x: 0,
+            y: 2,
+            blur: 7,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.3,
+          },
+        ],
+      },
     },
     {
       component: 'Link',
       parent: {
-        component: 'TopBar'
+        component: 'TopBar',
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
         parent: {
-          component: 'TopBar'
-        }
+          component: 'TopBar',
+        },
       },
       directives: {
-        textColor: '--parent--text'
-      }
-    }
-  ]
+        textColor: '--parent--text',
+      },
+    },
+  ],
 }
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
index 3e0e1bf1d..919359f26 100644
--- a/src/components/underlay.style.js
+++ b/src/components/underlay.style.js
@@ -5,15 +5,13 @@ export default {
   // i.e. it's a separate absolutely-positioned component, so we need to treat it differently depending on whether
   // we are searching for underlay specifically or for whatever is laid on top of it.
   outOfTreeSelector: '.underlay',
-  validInnerComponents: [
-    'Panel'
-  ],
+  validInnerComponents: ['Panel'],
   defaultRules: [
     {
       directives: {
         background: '#000000',
-        opacity: 0.2
-      }
-    }
-  ]
+        opacity: 0.2,
+      },
+    },
+  ],
 }
diff --git a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
index 8f35245f9..a979cc51d 100644
--- a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
+++ b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
@@ -8,18 +8,14 @@
 
 <script>
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCode
-} from '@fortawesome/free-solid-svg-icons'
+import { faCode } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCode
-)
+library.add(faCode)
 
 const UnicodeDomainIndicator = {
   props: {
-    user: Object
-  }
+    user: Object,
+  },
 }
 
 export default UnicodeDomainIndicator
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 1dbae0bba..2a9fb7f60 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,72 +1,90 @@
 import Modal from 'src/components/modal/modal.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
+import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
 
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
-export const CURRENT_UPDATE_COUNTER = 1
+export const CURRENT_UPDATE_COUNTER = 2
 
 const pleromaTan = '/static/pleromatan_apology.png'
 const pleromaTanFox = '/static/pleromatan_apology_fox.png'
 
 const UpdateNotification = {
-  data () {
+  data() {
     return {
       showingImage: false,
       pleromaTanVariant: Math.random() > 0.5 ? pleromaTan : pleromaTanFox,
-      showingMore: false
+      showingMore: false,
     }
   },
   components: {
-    Modal
+    Modal,
   },
   computed: {
-    pleromaTanStyles () {
-      const mask = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
+    pleromaTanStyles() {
+      const mask =
+        this.pleromaTanVariant === pleromaTan
+          ? pleromaTanMask
+          : pleromaTanFoxMask
       return {
-        'shape-outside': 'url(' + mask + ')'
+        'shape-outside': 'url(' + mask + ')',
       }
     },
-    shouldShow () {
-      return !this.$store.state.instance.disableUpdateNotification &&
+    shouldShow() {
+      return (
+        !useInstanceStore().disableUpdateNotification &&
         this.$store.state.users.currentUser &&
-        useServerSideStorageStore().flagStorage.updateCounter < CURRENT_UPDATE_COUNTER &&
-        !useServerSideStorageStore().prefsStorage.simple.dontShowUpdateNotifs
-    }
+        useSyncConfigStore().flagStorage.updateCounter <
+          CURRENT_UPDATE_COUNTER &&
+        !useMergedConfigStore().mergedConfig.dontShowUpdateNotifs
+      )
+    },
   },
   methods: {
-    toggleShow () {
+    toggleShow() {
       this.showingMore = !this.showingMore
     },
-    neverShowAgain () {
+    neverShowAgain() {
       this.toggleShow()
-      useServerSideStorageStore().setFlag({ flag: 'updateCounter', value: CURRENT_UPDATE_COUNTER })
-      useServerSideStorageStore().setPreference({ path: 'simple.dontShowUpdateNotifs', value: true })
-      useServerSideStorageStore().pushServerSideStorage()
+      useSyncConfigStore().setFlag({
+        flag: 'updateCounter',
+        value: CURRENT_UPDATE_COUNTER,
+      })
+      useSyncConfigStore().setSimplePrefAndSave({
+        path: 'dontShowUpdateNotifs',
+        value: true,
+      })
+      useSyncConfigStore().pushSyncConfig()
+    },
+    dismiss() {
+      useSyncConfigStore().setFlag({
+        flag: 'updateCounter',
+        value: CURRENT_UPDATE_COUNTER,
+      })
+      useSyncConfigStore().pushSyncConfig()
     },
-    dismiss () {
-      useServerSideStorageStore().setFlag({ flag: 'updateCounter', value: CURRENT_UPDATE_COUNTER })
-      useServerSideStorageStore().pushServerSideStorage()
-    }
   },
-  mounted () {
+  mounted() {
     this.contentHeightNoImage = this.$refs.animatedText.scrollHeight
 
     // Workaround to get the text height only after mask loaded. A bit hacky.
     const newImg = new Image()
     newImg.onload = () => {
-      setTimeout(() => { this.showingImage = true }, 100)
+      setTimeout(() => {
+        this.showingImage = true
+      }, 100)
     }
-    newImg.src = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
-  }
+    newImg.src =
+      this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
+  },
 }
 
 export default UpdateNotification
diff --git a/src/components/update_notification/update_notification.scss b/src/components/update_notification/update_notification.scss
index 23ca3ba2e..3c154eb33 100644
--- a/src/components/update_notification/update_notification.scss
+++ b/src/components/update_notification/update_notification.scss
@@ -6,6 +6,7 @@
   --__top-fringe: 15em; // how much pleroma-tan should stick her head above
   --__bottom-fringe: 80em; // just reserving as much as we can, number is mostly irrelevant
   --__right-fringe: 8em;
+  --__panel-background: rgb(0,255,255 / 80%);
 
   font-size: 15px;
   position: relative;
@@ -18,6 +19,29 @@
     padding-left: 1em;
   }
 
+  .footer-buttons {
+    --panel-heading-height-padding: calc(var(--panel-header-height) * 0.2);
+    --__panel-heading-gap: calc(var(--panel-header-height) * 0.1565);
+    --__panel-heading-height: var(--panel-header-height);
+    --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0));
+
+    box-sizing: border-box;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: grid;
+    z-index: 20;
+    grid-auto-flow: column;
+    grid-template-columns: auto;
+    grid-auto-columns: auto;
+    grid-column-gap: var(--__panel-heading-gap);
+    padding: var(--panel-heading-height-padding);
+    height: var(--__panel-heading-height);
+    line-height: var(--__panel-heading-height-inner);
+    font-size: calc(var(--panelHeaderSize) / 3.2);
+  }
+
   @media all and (width <= 800px) {
     /* For mobile, the modal takes 100% of the available screen.
        This ensures the minimized modal is always 50px above the browser
@@ -50,10 +74,13 @@
   }
 
   .panel-footer {
-    z-index: 22;
+    z-index: 10;
     position: relative;
     border-width: 0;
-    grid-template-columns: auto;
+
+    .button-default {
+      z-index: 2;
+    }
   }
 
   .pleroma-tan {
@@ -76,7 +103,7 @@
   }
 
   .spacer-bottom {
-    min-height: var(--__bottom-fringe);
+    min-height: calc(var(--__bottom-fringe) + var(--panel-header-height));
   }
 
   .extra-info-group {
diff --git a/src/components/update_notification/update_notification.vue b/src/components/update_notification/update_notification.vue
index a35c70f86..56976f016 100644
--- a/src/components/update_notification/update_notification.vue
+++ b/src/components/update_notification/update_notification.vue
@@ -27,7 +27,7 @@
           <div class="spacer-top" />
           <div class="text">
             <p>
-              {{ $t('update.big_update_content') }}
+              {{ $t('update.big_update_content2') }}
             </p>
             <div
               ref="animatedText"
@@ -35,14 +35,14 @@
             >
               <i18n-t
                 scope="global"
-                keypath="update.update_bugs"
+                keypath="update.update_bugs2"
                 tag="p"
               >
-                <template #pleromaGitlab>
+                <template #pleromaForgejo>
                   <a
                     target="_blank"
                     href="https://git.pleroma.social/"
-                  >{{ $t('update.update_bugs_gitlab') }}</a>
+                  >{{ $t('update.update_bugs_forgejo') }}</a>
                 </template>
               </i18n-t>
               <i18n-t
@@ -73,30 +73,30 @@
               </p>
             </div>
           </div>
+          <div class="footer-buttons">
+            <button
+              class="button-default"
+              @click.prevent="neverShowAgain"
+            >
+              {{ $t("general.never_show_again") }}
+            </button>
+            <button
+              v-if="!showingMore"
+              class="button-default"
+              @click.prevent="toggleShow"
+            >
+              {{ $t("general.show_more") }}
+            </button>
+            <button
+              class="button-default"
+              @click.prevent="dismiss"
+            >
+              {{ $t("general.dismiss") }}
+            </button>
+          </div>
           <div class="spacer-bottom" />
         </div>
       </div>
-      <div class="panel-footer">
-        <button
-          class="button-default"
-          @click.prevent="neverShowAgain"
-        >
-          {{ $t("general.never_show_again") }}
-        </button>
-        <button
-          v-if="!showingMore"
-          class="button-default"
-          @click.prevent="toggleShow"
-        >
-          {{ $t("general.show_more") }}
-        </button>
-        <button
-          class="button-default"
-          @click.prevent="dismiss"
-        >
-          {{ $t("general.dismiss") }}
-        </button>
-      </div>
     </div>
   </Modal>
 </template>
diff --git a/src/components/user_avatar/avatar.style.js b/src/components/user_avatar/avatar.style.js
index d49213476..95d978a12 100644
--- a/src/components/user_avatar/avatar.style.js
+++ b/src/components/user_avatar/avatar.style.js
@@ -2,21 +2,23 @@ export default {
   name: 'Avatar',
   selector: '.Avatar',
   variants: {
-    compact: '.-compact'
+    compact: '.-compact',
   },
   defaultRules: [
     {
       directives: {
         roundness: 3,
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.2
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 4,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.2,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 09eadda61..d484303c1 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,42 +1,57 @@
 import StillImage from '../still-image/still-image.vue'
-import { useInterfaceStore } from 'src/stores/interface'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
 
-import {
-  faRobot,
-  faPeopleGroup
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faRobot,
-  faPeopleGroup
-)
+library.add(faRobot, faPeopleGroup)
 
 const UserAvatar = {
-  props: [
-    'user',
-    'compact',
-    'showActorTypeIndicator'
-  ],
-  data () {
+  props: {
+    // User object to show avatar of
+    user: {
+      required: true,
+      type: Object,
+    },
+    // Use less space and use alternative roundness
+    compact: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    // Show small icon indicating if account is a bot or group
+    showActorTypeIndicator: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    // Override avatar image URL, useful for profile editing
+    url: {
+      required: false,
+      type: String,
+      default: null,
+    },
+  },
+  data() {
     return {
       showPlaceholder: false,
-      defaultAvatar: `${this.$store.state.instance.server + this.$store.state.instance.defaultAvatar}`,
-      betterShadow: useInterfaceStore().browserSupport.cssFilter
+      defaultAvatar: `${useInstanceStore().server + useInstanceStore().instanceIdentity.defaultAvatar}`,
+      betterShadow: useInterfaceStore().browserSupport.cssFilter,
     }
   },
   components: {
-    StillImage
+    StillImage,
   },
   methods: {
-    imgSrc (src) {
-      return (!src || this.showPlaceholder) ? this.defaultAvatar : src
+    imgSrc(src) {
+      return !src || this.showPlaceholder ? this.defaultAvatar : src
     },
-    imageLoadError () {
+    imageLoadError() {
       this.showPlaceholder = true
-    }
-  }
+    },
+  },
 }
 
 export default UserAvatar
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
index 83608c505..d9e96d52d 100644
--- a/src/components/user_avatar/user_avatar.vue
+++ b/src/components/user_avatar/user_avatar.vue
@@ -8,7 +8,7 @@
       class="avatar"
       :alt="user.screen_name_ui"
       :title="user.screen_name_ui"
-      :src="imgSrc(user.profile_image_url_original)"
+      :src="url ? url : imgSrc(user.profile_image_url_original)"
       :image-load-error="imageLoadError"
       :class="{ '-compact': compact, '-better-shadow': betterShadow }"
     />
@@ -40,12 +40,12 @@
 
   display: inline-block;
   position: relative;
-  width: 48px;
-  height: 48px;
+  width: 3.5em;
+  height: 3.5em;
 
   &.-compact {
-    width: 32px;
-    height: 32px;
+    width: 2.2em;
+    height: 2.2em;
     border-radius: var(--roundness);
   }
 
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 55c76225c..b8bb69010 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,154 +1,115 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
-import ProgressButton from '../progress_button/progress_button.vue'
+import ldEscape from 'lodash/escape'
+import isEqual from 'lodash/isEqual'
+import merge from 'lodash/merge'
+import ldUnescape from 'lodash/unescape'
+import { mapState } from 'pinia'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import AccountActions from '../account_actions/account_actions.vue'
 import FollowButton from '../follow_button/follow_button.vue'
 import ModerationTools from '../moderation_tools/moderation_tools.vue'
-import AccountActions from '../account_actions/account_actions.vue'
-import UserNote from '../user_note/user_note.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
 import Select from '../select/select.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserLink from '../user_link/user_link.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import MuteConfirm from '../confirm_modal/mute_confirm.vue'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapGetters } from 'vuex'
+import UserNote from '../user_note/user_note.vue'
+
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { usePostStatusStore } from 'src/stores/post_status'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+import localeService from 'src/services/locale/locale.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
-  faRss,
-  faSearchPlus,
-  faExternalLinkAlt,
+  faBirthdayCake,
+  faClockRotateLeft,
   faEdit,
+  faExpandAlt,
+  faExternalLinkAlt,
+  faRss,
+  faSave,
+  faSearchPlus,
   faTimes,
-  faExpandAlt
 } from '@fortawesome/free-solid-svg-icons'
 
-import { useMediaViewerStore } from '../../stores/media_viewer'
-import { useInterfaceStore } from '../../stores/interface'
-
 library.add(
+  faSave,
   faRss,
   faBell,
   faSearchPlus,
   faExternalLinkAlt,
   faEdit,
   faTimes,
-  faExpandAlt
+  faExpandAlt,
+  faBirthdayCake,
+  faClockRotateLeft,
 )
 
 export default {
-  props: [
-    'userId',
-    'switcher',
-    'selected',
-    'hideBio',
-    'rounded',
-    'bordered',
-    'avatarAction', // default - open profile, 'zoom' - zoom, function - call function
-    'onClose',
-    'hasNoteEditor'
-  ],
-  data () {
-    return {
-      followRequestInProgress: false,
-      muteExpiryAmount: 0,
-      muteExpiryUnit: 'minutes'
-    }
-  },
-  created () {
-    this.$store.dispatch('fetchUserRelationship', this.user.id)
-  },
-  computed: {
-    user () {
-      return this.$store.getters.findUser(this.userId)
+  props: {
+    // Enables all the options for profile editing, used in settings -> profile tab
+    editable: {
+      required: false,
+      default: false,
+      type: Boolean,
     },
-    relationship () {
-      return this.$store.getters.relationship(this.userId)
+    // ID of user to show data of
+    userId: {
+      required: true,
+      type: String,
     },
-    classes () {
-      return [{
-        '-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
-        '-rounded': this.rounded === true, // set border-radius for all sides
-        '-bordered': this.bordered === true, // set border for all sides
-        '-popover': !!this.onClose // set popover rounding
-      }]
+    // Use a compact layout that hides bio, stats etc.
+    hideBio: {
+      required: false,
+      default: false,
+      type: Boolean,
     },
-    style () {
-      return {
-        backgroundImage: [
-          'linear-gradient(to bottom, var(--profileTint), var(--profileTint))',
-          `url(${this.user.cover_photo})`
-        ].join(', ')
-      }
+    // default - open profile, 'zoom' - zoom, function - call function
+    avatarAction: {
+      required: false,
+      type: String,
+      default: 'default',
     },
-    isOtherUser () {
-      return this.user.id !== this.$store.state.users.currentUser.id
+    // Show note editor if supported
+    hasNoteEditor: {
+      required: false,
+      type: Boolean,
+      default: false,
     },
-    subscribeUrl () {
-      const serverUrl = new URL(this.user.statusnet_profile_url)
-      return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
+    // Show close icon (for popovers)
+    showClose: {
+      required: false,
+      type: Boolean,
+      default: false,
     },
-    loggedIn () {
-      return this.$store.state.users.currentUser
+    // Show close icon (for popovers)
+    showExpand: {
+      required: false,
+      type: Boolean,
+      default: false,
     },
-    dailyAvg () {
-      const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
-      return Math.round(this.user.statuses_count / days)
-    },
-    userHighlightType: {
-      get () {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
-        return (data && data.type) || 'disabled'
-      },
-      set (type) {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
-        if (type !== 'disabled') {
-          this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: (data && data.color) || '#FFFFFF', type })
-        } else {
-          this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: undefined })
-        }
-      },
-      ...mapGetters(['mergedConfig'])
-    },
-    userHighlightColor: {
-      get () {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
-        return data && data.color
-      },
-      set (color) {
-        this.$store.dispatch('setHighlight', { user: this.user.screen_name, color })
-      }
-    },
-    visibleRole () {
-      const rights = this.user.rights
-      if (!rights) { return }
-      const validRole = rights.admin || rights.moderator
-      const roleTitle = rights.admin ? 'admin' : 'moderator'
-      return validRole && roleTitle
-    },
-    hideFollowsCount () {
-      return this.isOtherUser && this.user.hide_follows_count
-    },
-    hideFollowersCount () {
-      return this.isOtherUser && this.user.hide_followers_count
-    },
-    showModerationMenu () {
-      const privileges = this.loggedIn.privileges
-      return this.loggedIn.role === 'admin' ||
-        privileges.includes('users_manage_activation_state') ||
-        privileges.includes('users_delete') ||
-        privileges.includes('users_manage_tags')
-    },
-    hasNote () {
-      return this.relationship.note
-    },
-    supportsNote () {
-      return 'note' in this.relationship
-    },
-    ...mapGetters(['mergedConfig'])
   },
   components: {
+    DialogModal,
     UserAvatar,
+    Checkbox,
     RemoteFollow,
     ModerationTools,
     AccountActions,
@@ -158,28 +119,288 @@ export default {
     RichContent,
     UserLink,
     UserNote,
-    MuteConfirm
+    UserTimedFilterModal,
+    ColorInput,
+    EmojiInput,
+    ImageCropper,
+  },
+  data() {
+    const user = this.$store.getters.findUser(this.userId)
+
+    return {
+      followRequestInProgress: false,
+
+      // Editable stuff
+      editImage: false,
+
+      newName: user.name_unescaped,
+      editingName: false,
+
+      newBio: ldUnescape(user.description),
+      editingBio: false,
+
+      newAvatar: null,
+      newAvatarFile: null,
+
+      newBanner: null,
+      newBannerFile: null,
+
+      newActorType: user.actor_type,
+      newBirthday: user.birthday,
+      newShowBirthday: user.show_birthday,
+      newShowRole: user.show_role,
+
+      newFields: user.fields?.map((field) => ({
+        name: field.name,
+        value: field.value,
+      })),
+
+      editingFields: false,
+    }
+  },
+  created() {
+    this.$store.dispatch('fetchUserRelationship', this.user.id)
+  },
+  computed: {
+    escapedNewBio() {
+      return ldEscape(this.newBio).replace(/\n/g, '<br>')
+    },
+    somethingToSave() {
+      if (this.newName !== this.user.name_unescaped) return true
+      if (this.newBio !== ldUnescape(this.user.description)) return true
+      if (this.newAvatar !== null) return true
+      if (this.newBanner !== null) return true
+      if (this.newActorType !== this.user.actor_type) return true
+      if (this.newBirthday !== this.user.birthday) return true
+      if (this.newShowBirthday !== this.user.show_birthday) return true
+      if (this.newShowRole !== this.user.show_role) return true
+      if (
+        !isEqual(
+          this.newFields,
+          this.user.fields?.map((field) => ({
+            name: field.name,
+            value: field.value,
+          })),
+        )
+      )
+        return true
+      return false
+    },
+    groupActorAvailable() {
+      return useInstanceCapabilitiesStore().groupActorAvailable
+    },
+    availableActorTypes() {
+      return this.groupActorAvailable
+        ? ['Person', 'Service', 'Group']
+        : ['Person', 'Service']
+    },
+    user() {
+      return this.$store.getters.findUser(this.userId)
+    },
+    role() {
+      return this.user.role
+    },
+    relationship() {
+      return this.$store.getters.relationship(this.userId)
+    },
+    isOtherUser() {
+      return this.user.id !== this.$store.state.users.currentUser.id
+    },
+    subscribeUrl() {
+      const serverUrl = new URL(this.user.statusnet_profile_url)
+      return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
+    },
+    loggedIn() {
+      return this.$store.state.users.currentUser
+    },
+    dailyAvg() {
+      const days = Math.ceil(
+        (new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000),
+      )
+      return Math.round(this.user.statuses_count / days)
+    },
+    emoji() {
+      return useEmojiStore().customEmoji.map((e) => ({
+        shortcode: e.displayText,
+        static_url: e.imageUrl,
+        url: e.imageUrl,
+      }))
+    },
+    userHighlightType: {
+      get() {
+        return useUserHighlightStore().get(this.user.screen_name).type
+      },
+      set(type) {
+        if (type !== 'disabled') {
+          useUserHighlightStore().setAndSave({
+            user: this.user.screen_name,
+            value: { type },
+          })
+        } else {
+          useUserHighlightStore().unsetAndSave({ user: this.user.screen_name })
+        }
+      },
+    },
+    userHighlightColor: {
+      get() {
+        return useUserHighlightStore().get(this.user.screen_name).color
+      },
+      set(color) {
+        useUserHighlightStore().setAndSave({
+          user: this.user.screen_name,
+          value: { color },
+        })
+      },
+    },
+    visibleRole() {
+      if (!this.newShowRole) {
+        return
+      }
+      const rights = this.user.rights
+      if (!rights) {
+        return
+      }
+      const validRole = rights.admin || rights.moderator
+      const roleTitle = rights.admin ? 'admin' : 'moderator'
+      return validRole && roleTitle
+    },
+    hideFollowsCount() {
+      return this.isOtherUser && this.user.hide_follows_count
+    },
+    hideFollowersCount() {
+      return this.isOtherUser && this.user.hide_followers_count
+    },
+    showModerationMenu() {
+      const privileges = this.loggedIn.privileges
+      return (
+        this.loggedIn.role === 'admin' ||
+        privileges.includes('users_manage_activation_state') ||
+        privileges.includes('users_delete') ||
+        privileges.includes('users_manage_tags')
+      )
+    },
+    hasNote() {
+      return this.relationship.note
+    },
+    supportsNote() {
+      return 'note' in this.relationship
+    },
+    muteExpiryAvailable() {
+      return Object.hasOwn(this.user, 'mute_expires_at')
+    },
+    muteExpiry() {
+      return this.user.mute_expires_at === false
+        ? this.$t('user_card.mute_expires_forever')
+        : this.$t('user_card.mute_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
+    },
+    blockExpiryAvailable() {
+      return Object.hasOwn(this.user, 'block_expires_at')
+    },
+    blockExpiry() {
+      return this.user.block_expires_at == null
+        ? this.$t('user_card.block_expires_forever')
+        : this.$t('user_card.block_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
+    },
+    formattedBirthday() {
+      const browserLocale = localeService.internalToBrowserLocale(
+        this.$i18n.locale,
+      )
+      return (
+        this.user.birthday &&
+        new Date(Date.parse(this.user.birthday)).toLocaleDateString(
+          browserLocale,
+          { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' },
+        )
+      )
+    },
+
+    // Editable stuff
+    avatarImgSrc() {
+      const currentUrl =
+        this.user.profile_image_url_original || this.defaultAvatar
+      if (!this.editable) return currentUrl
+      const newUrl =
+        this.newAvatar === null ? this.defaultAvatar : this.newAvatar
+      return this.newAvatar === null ? currentUrl : newUrl
+    },
+    bannerImgSrc() {
+      const currentUrl = this.user.cover_photo || this.defaultBanner
+      if (!this.editable) return currentUrl
+      const newUrl =
+        this.newBanner === null ? this.defaultBanner : this.newBanner
+      return this.newBanner === null ? currentUrl : newUrl
+    },
+    defaultAvatar() {
+      return (
+        useInstanceStore().server +
+        useInstanceStore().instanceIdentity.defaultAvatar
+      )
+    },
+    defaultBanner() {
+      return (
+        useInstanceStore().server +
+        useInstanceStore().instanceIdentity.defaultBanner
+      )
+    },
+    isDefaultAvatar() {
+      const baseAvatar = useInstanceStore().defaultAvatar
+      return (
+        !this.$store.state.users.currentUser.profile_image_url ||
+        this.$store.state.users.currentUser.profile_image_url.includes(
+          baseAvatar,
+        )
+      )
+    },
+    isDefaultBanner() {
+      const baseBanner = useInstanceStore().defaultBanner
+      return (
+        !this.$store.state.users.currentUser.cover_photo ||
+        this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
+      )
+    },
+    fieldsLimits() {
+      return useInstanceStore().limits.fieldsLimits
+    },
+    maxFields() {
+      return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
+    },
+    emojiUserSuggestor() {
+      return suggestor({
+        emoji: [
+          ...useEmojiStore().standardEmojiList,
+          ...useEmojiStore().customEmoji,
+        ],
+        store: this.$store,
+      })
+    },
+    emojiSuggestor() {
+      return suggestor({
+        emoji: [
+          ...useEmojiStore().standardEmojiList,
+          ...useEmojiStore().customEmoji,
+        ],
+      })
+    },
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   methods: {
-    muteUser () {
-      this.$refs.confirmation.optionallyPrompt()
+    muteUser() {
+      this.$refs.timedMuteDialog.optionallyPrompt()
     },
-    unmuteUser () {
+    unmuteUser() {
       this.$store.dispatch('unmuteUser', this.user.id)
     },
-    subscribeUser () {
+    subscribeUser() {
       return this.$store.dispatch('subscribeUser', this.user.id)
     },
-    unsubscribeUser () {
+    unsubscribeUser() {
       return this.$store.dispatch('unsubscribeUser', this.user.id)
     },
-    setProfileView (v) {
-      if (this.switcher) {
-        const store = this.$store
-        store.commit('setProfileView', { v })
-      }
-    },
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
       }
@@ -187,31 +408,157 @@ export default {
         window.open(target.href, '_blank')
       }
     },
-    userProfileLink (user) {
+    userProfileLink(user) {
       return generateProfileLink(
-        user.id, user.screen_name,
-        this.$store.state.instance.restrictedNicknames
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
       )
     },
-    openProfileTab () {
+    openProfileTab() {
       useInterfaceStore().openSettingsModalTab('profile')
     },
-    zoomAvatar () {
+    zoomAvatar() {
       const attachment = {
         url: this.user.profile_image_url_original,
-        mimetype: 'image'
+        type: 'image',
       }
       useMediaViewerStore().setMedia([attachment])
       useMediaViewerStore().setCurrentMedia(attachment)
     },
-    mentionUser () {
-      usePostStatusStore().openPostStatusModal({ profileMention: true, repliedUser: this.user })
+    mentionUser() {
+      usePostStatusStore().openPostStatusModal({
+        profileMention: true,
+        repliedUser: this.user,
+      })
     },
-    onAvatarClickHandler (e) {
+    onAvatarClickHandler(e) {
       if (this.onAvatarClick) {
         e.preventDefault()
         this.onAvatarClick()
       }
-    }
-  }
+    },
+
+    // Editable stuff
+    changeAvatar() {
+      this.editImage = 'avatar'
+    },
+    changeBanner() {
+      this.editImage = 'banner'
+    },
+    submitImage({ canvas, file }) {
+      if (canvas) {
+        return canvas.toBlob((data) =>
+          this.submitImage({ canvas: null, file: data }),
+        )
+      }
+
+      const reader = new window.FileReader()
+      reader.onload = (e) => {
+        const dataUrl = e.target.result
+
+        if (this.editImage === 'avatar') {
+          this.newAvatar = dataUrl
+          this.newAvatarFile = file
+        } else {
+          this.newBanner = dataUrl
+          this.newBannerFile = file
+        }
+
+        this.editImage = false
+      }
+
+      reader.readAsDataURL(file)
+    },
+    resetImage() {
+      if (this.editImage === 'avatar') {
+        this.newAvatar = null
+        this.newAvatarFile = null
+      } else {
+        this.newBanner = null
+        this.newBannerFile = null
+      }
+      this.editImage = false
+    },
+    addField() {
+      if (this.newFields.length < this.maxFields) {
+        this.newFields.push({ name: '', value: '' })
+      }
+    },
+    deleteField(index) {
+      this.newFields.splice(index, 1)
+    },
+    propsToNative(props) {
+      return propsToNative(props)
+    },
+    cancelImageText() {
+      return
+    },
+    resetState() {
+      const user = this.$store.state.users.currentUser
+
+      this.newName = user.name_unescaped
+      this.newBio = ldUnescape(user.description)
+
+      this.newAvatar = null
+      this.newAvatarFile = null
+
+      this.newBanner = null
+      this.newBannerFile = null
+
+      this.newActorType = user.actor_type
+      this.newBirthday = user.birthday
+      this.newShowBirthday = user.show_birthday
+      this.newShowRole = user.show_role
+
+      this.newFields = user.fields.map((field) => ({
+        name: field.name,
+        value: field.value,
+      }))
+    },
+    updateProfile() {
+      const params = {
+        note: this.newBio,
+
+        // Backend notation.
+        display_name: this.newName,
+        fields_attributes: this.newFields.filter((el) => el != null),
+        show_role: !!this.newShowRole,
+        birthday: this.newBirthday || '',
+        show_birthday: !!this.newShowBirthday,
+      }
+
+      if (this.newActorType) {
+        params.actor_type = this.newActorType
+      }
+
+      if (this.newAvatarFile !== null) {
+        params.avatar = this.newAvatarFile
+      }
+
+      if (this.newBannerFile !== null) {
+        params.header = this.newBannerFile
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.newFields.splice(this.newFields.length)
+          merge(this.newFields, user.fields)
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+          this.resetState()
+        })
+        .catch((error) => {
+          this.displayUploadError(error)
+        })
+    },
+    displayUploadError(error) {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'upload.error.message',
+        messageArgs: [error.message],
+        level: 'error',
+      })
+    },
+  },
 }
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d263be1c0..a821b4af1 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -1,59 +1,45 @@
 .user-card {
   position: relative;
   z-index: 1;
+  overflow: hidden;
+  border-top-left-radius: calc(var(--roundness) - 1px);
+  border-top-right-radius: calc(var(--roundness) - 1px);
 
-  &:hover {
-    --_still-image-img-visibility: visible;
-    --_still-image-canvas-visibility: hidden;
-    --_still-image-label-visibility: hidden;
+  // editing headers
+  h4 {
+    line-height: 2;
+    display: flex;
   }
 
-  .panel-heading {
-    padding: 0.5em 0;
-    text-align: center;
-    box-shadow: none;
-    background: transparent;
-    flex-direction: column;
-    align-items: stretch;
-    // create new stacking context
-    position: relative;
-  }
+  h3 {
+    padding-left: 0.6em;
+    margin-bottom: 0;
 
-  .background-image {
-    position: absolute;
-    inset: 0;
-    mask:
-      linear-gradient(to top, white, transparent) bottom no-repeat,
-      linear-gradient(to top, white, white);
-    // Autoprefixer seem to ignore this one, and also syntax is different
-    /* stylelint-disable mask-composite */
-    /* stylelint-disable declaration-property-value-no-unknown */
-
-    /* TODO check if this is still needed */
-    mask-composite: xor;
-    /* stylelint-enable declaration-property-value-no-unknown */
-    /* stylelint-enable mask-composite */
-    mask-composite: exclude;
-    background-size: cover;
-    mask-size: 100% 60%;
-    border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
-    border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
-    border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
-    border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
-    background-color: var(--profileBg);
-    z-index: -2;
-
-    &.hide-bio {
-      mask-size: 100% 40px;
+    .button-default {
+      font-size: 1rem;
+      line-height: 2;
+      padding: 0 0.6em;
     }
   }
 
+  .input.bio {
+    height: auto; // override settings default textarea size
+  }
+
+  .follow-button {
+    flex: 1 0 auto;
+  }
+
+  .user-card-inner {
+    padding-bottom: 0;
+  }
+
+  &-setting,
   &-bio {
-    text-align: center;
+    color: var(--lightText);
     display: block;
     line-height: 1.3;
-    padding: 1em;
-    margin: 0;
+    padding: 0 0.6em;
 
     img {
       object-fit: contain;
@@ -63,44 +49,127 @@
     }
   }
 
-  &.-rounded-t {
-    border-top-left-radius: var(--roundness);
-    border-top-right-radius: var(--roundness);
-
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: 0;
+  .user-card-setting {
+    margin-left: 0.6em;
+    margin-right: 0.6em;
   }
 
-  &.-rounded {
-    border-radius: var(--roundness);
+  .user-card-bio {
+    text-align: center;
+    margin: 0 0.6em;
 
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: var(--roundness);
+    &.input {
+      margin: 0 1em;
+
+      textarea {
+        text-align: inherit;
+      }
+    }
+
+    &, * {
+      line-height: 1.5;
+    }
+
+    &.-justify-left {
+      text-align: start;
+    }
   }
 
-  &.-popover {
-    border-radius: var(--roundness);
-
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: var(--roundness);
+  &:hover {
+    --_still-image-img-visibility: visible;
+    --_still-image-canvas-visibility: hidden;
+    --_still-image-label-visibility: hidden;
   }
 
-  &.-bordered {
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--border);
+  .personal-marks {
+    margin: 0.6em;
+    padding: 0.6em;
+
+    &:not(:last-child) {
+      border-bottom: 1px solid var(--border);
+    }
+
+    .highlighter {
+      h4 {
+        margin-top: 0.6em;
+      }
+
+      .userHighlightSel {
+        vertical-align: bottom;
+        margin-left: -0.1em;
+
+        &.-none select {
+          color: var(--textFaint);
+
+          option {
+            color: var(--text);
+            background: var(--background);
+          }
+        }
+      }
+
+      .highlighter-color {
+        vertical-align: bottom;
+        margin-left: 0.6em;
+      }
+    }
+  }
+
+  .header-overlay {
+    position: absolute;
+    inset: 0;
+    right: -1.2em;
+    left: -1.2em;
+    top: -1.4em;
+    mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
+  }
+
+  .banner-overlay,
+  .banner-image {
+    position: absolute;
+    inset: 0;
+    padding: 0;
+    border-top-left-radius: calc(var(--roundness) - 1px);
+    border-top-right-radius: calc(var(--roundness) - 1px);
+  }
+
+  .banner-image {
+    z-index: -2;
+
+    img {
+      object-fit: cover;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .banner-overlay {
+    background-color: var(--profileTint);
+    opacity: 0.5;
+    pointer-events: none; // let user copy bg url
+    z-index: -1;
+  }
+
+  .bottom-buttons {
+    display: flex;
+    gap: 0.5em;
   }
 }
 
 .user-info {
-  padding: 0 26px;
+  position: relative;
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
 
-  .container {
-    min-width: 0;
-    padding: 16px 0 6px;
+  .user-identity {
+    position: relative;
+    aspect-ratio: 3;
+    min-height: 6em;
     display: flex;
-    align-items: flex-start;
-    max-height: 56px;
+    align-items: flex-end;
+    container: user-card / inline-size;
 
     > * {
       min-width: 0;
@@ -116,20 +185,55 @@
       --_avatarShadowFilter: var(--avatarShadowFilter);
       --_avatarShadowInset: var(--avatarShadowInset);
 
-      width: 56px;
-      height: 56px;
+      width: 7em;
+      width: calc(min(7em, 20cqw));
+      height: 7em;
+      height: calc(min(7em, 20cqw));
       object-fit: cover;
     }
   }
 
+  .other-actions {
+    position: relative;
+    display: inline-grid;
+    grid-auto-flow: column;
+    grid-gap: 0.6em;
+    font-size: 1.25rem;
+    z-index: 2;
+    align-self: end;
+
+    a, button, div {
+      text-align: center;
+      width: 2em;
+      height: 2em;
+      line-height: 2em;
+      padding: 0.6em;
+      margin: -0.6em;
+
+      &.edit-banner-button {
+        width: auto;
+      }
+
+      &:hover .icon {
+        color: var(--textFaint);
+      }
+
+      &:not(:hover) .icon {
+        color: var(--lightText);
+      }
+    }
+  }
+
   &-avatar {
     position: relative;
     cursor: pointer;
+    margin-right: 0.6em;
 
     &.-overlay {
       position: absolute;
-      inset: 0;
-      background-color: rgb(0 0 0 / 30%);
+      inset: -0.6em;
+      left: -0.6em;
+      right: -1.2em;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -139,59 +243,28 @@
 
       svg {
         color: #fff;
+        margin: 0.5em;
       }
     }
 
     &:hover &.-overlay {
       opacity: 1;
+      background-color: rgb(0 0 0 / 30%);
     }
   }
 
-  .external-link-button,
-  .edit-profile-button {
-    cursor: pointer;
-    width: 2.5em;
-    text-align: center;
-    margin: -0.5em 0;
-    padding: 0.5em 0;
-
-    &:not(:hover) .icon {
-      color: var(--lightText);
-    }
-  }
-
-  .bottom-line {
-    font-weight: lighter;
-    font-size: 1.1em;
-    align-items: baseline;
-
-    .lock-icon {
-      margin-left: 0.5em;
-    }
-
-    .user-screen-name {
-      color: var(--text);
-      min-width: 1px;
-      flex: 0 1 auto;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    .dailyAvg {
-      min-width: 1px;
-      flex: 0 0 auto;
-      margin-left: 1em;
-      font-size: 0.7em;
-      color: var(--text);
-    }
-
-    .user-role {
-      flex: none;
+  .user-info-avatar.-editable {
+    .-overlay {
+      opacity: 1;
+      place-items: start end;
+      justify-content: end;
     }
   }
 
   .user-summary {
-    display: block;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
     margin-left: 0.6em;
     text-align: left;
     text-overflow: ellipsis;
@@ -201,6 +274,13 @@
     // big one
     z-index: 1;
     line-height: 2em;
+    filter: drop-shadow(0 0 0.5em var(--profileTint))
+            drop-shadow(0 0 0.2em var(--profileTint));
+
+    .alert {
+      text-shadow: none;
+    }
+
 
     --emoji-size: 1.7em;
 
@@ -209,86 +289,99 @@
       --link: var(--text) !important;
     }
 
-    .top-line,
+    .name-wrapper {
+      display: flex;
+      align-items: baseline;
+
+      .edit-button {
+        width: 3em;
+        text-align: center;
+
+        &:hover .icon {
+          color: var(--textFaint);
+        }
+
+        &:not(:hover) .icon {
+          color: var(--lightText);
+        }
+      }
+
+      .input,
+      .user-name {
+        flex: 1;
+        font-weight: 600;
+        line-height: 2;
+        margin-right: 1em;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      .input {
+        margin: 0 -0.5em;
+        padding: 0 0.5em;
+      }
+    }
+
+    .top-line {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      flex: 1;
+      // these two normalize position and height when custom emoji are used
+      line-height: 2;
+      margin-bottom: -0.2em;
+      font-size: calc(max(110%, 4cqw));
+    }
+
     .bottom-line {
       display: flex;
-    }
-  }
-
-  .user-name {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    flex: 1 1 auto;
-    margin-right: 1em;
-    font-size: 1.1em;
-  }
-
-  .user-meta {
-    margin-bottom: 0.15em;
-    display: flex;
-    align-items: baseline;
-    line-height: 22px;
-    flex-wrap: wrap;
-
-    .following {
-      flex: 1 0 auto;
-      margin: 0;
-      margin-bottom: 0.25em;
-      text-align: left;
-    }
-
-    .highlighter {
-      flex: 0 1 auto;
-      display: flex;
+      align-items: baseline;
       flex-wrap: wrap;
-      margin-right: -0.5em;
-      align-self: start;
+      white-space: normal;
+      font-weight: 500;
+      font-size: 0.9em;
+      font-size: calc(max(90%, 2.5cqw));
+      line-height: 1.5;
+      margin-top: 0.5em;
+    }
 
-      .userHighlightCl {
-        padding: 2px 10px;
-        flex: 1 0 auto;
-      }
+    .lock-icon {
+      display: inline-block;
+      vertical-align: baseline;
+      overflow-x: hidden;
+      margin: 0 0.35em 0 0.5em;
+    }
 
-      .userHighlightSel {
-        padding-top: 0;
-        padding-bottom: 0;
-        flex: 1 0 auto;
-      }
+    .user-screen-name {
+      color: var(--text);
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: inline-block;
+    }
 
-      .userHighlightText {
-        width: 70px;
-        flex: 1 0 auto;
-      }
-
-      .userHighlightCl,
-      .userHighlightText,
-      .userHighlightSel {
-        vertical-align: top;
-        margin-right: 0.5em;
-        margin-bottom: 0.25em;
-      }
+    .user-role {
+      display: inline-block;
+      vertical-align: baseline;
     }
   }
 
   .user-interactions {
     position: relative;
     display: flex;
-    flex-flow: row wrap;
-    margin-right: -0.75em;
+    flex-wrap: wrap;
+    gap: 0.6em;
 
     > * {
-      margin: 0 0.75em 0.6em 0;
+      flex: 0 0 8em;
+    }
+
+    .popover-trigger-button, .moderation-tools-button {
+      width: 100%;
+    }
+
+    > .btn-group, > button {
       white-space: nowrap;
-      min-width: 95px;
     }
-
-    button {
-      margin: 0;
-    }
-  }
-
-  .user-note {
-    margin: 0 0.75em 0.6em 0;
   }
 }
 
@@ -296,28 +389,211 @@
   display: none;
 }
 
-.user-counts {
-  display: flex;
-  line-height: 16px;
-  padding: 0.5em 1.5em 0;
-  text-align: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
+.user-extras {
+  padding: 1.2em 0.6em;
+  line-height: 1.5;
+
+  .user-stats {
+    display: block;
+    text-align: center;
+    word-wrap: break-word;
+    width: 100%;
+
+    dl {
+      display: inline;
+      margin-right: 1em;
+      white-space: nowrap;
+    }
+
+    dd {
+      font-weight: bolder;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      margin: 0;
+    }
+
+    dd, dt {
+      display: inline
+    }
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    a {
+      text-decoration: none;
+    }
+  }
+
+  .birthday {
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+
+    --icon: var(--text);
+  }
 }
 
-.user-count {
-  flex: 1 0 auto;
-  padding: 0.5em 0;
+.user-profile-fields {
   margin: 0 0.5em;
+  padding: 0 0.5em;
+  display: flex;
+  flex-direction: column;
 
-  h5 {
-    font-size: 1em;
-    font-weight: bolder;
-    margin: 0 0 0.25em;
+  --emoji-size: 1.8em;
+
+  .user-profile-field-add,
+  .user-profile-field {
+    display: flex;
+    align-items: center;
+    margin: 0.25em;
+    border: 1px solid var(--border);
+    border-radius: var(--roundness);
+    line-height: 2em;
+
+    .label {
+      margin-left: 0.5em;
+    }
   }
 
-  /* stylelint-disable-next-line no-descending-specificity */
-  a {
-    text-decoration: none;
+  .user-profile-field-add {
+    justify-content: center;
+    margin: 0.25em;
+  }
+
+  .user-profile-field {
+
+    /* stylelint-disable no-descending-specificity */
+    // input is a generic class
+    .input {
+      text-align: inherit;
+      flex: 1;
+    }
+    /* stylelint-enable no-descending-specificity */
+
+    .delete-field {
+      display: inline-block;
+      text-align: center;
+      width: 2em;
+    }
+
+    .user-profile-field-name,
+    .user-profile-field-value,
+    .user-profile-field-add {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      box-sizing: border-box;
+      display: inline-flex;
+
+      &.-edit {
+        padding: 0;
+
+        input {
+          font-weight: inherit;
+        }
+      }
+    }
+
+    .user-profile-field-name {
+      flex: 0 1 50%;
+      font-weight: 600;
+      text-align: right;
+      justify-content: end;
+      color: var(--lightText);
+      min-width: 9em;
+      border-right: 1px solid var(--border);
+      padding-left: 1.2em;
+      padding-right: 0.6em;
+    }
+
+    .user-profile-field-value {
+      flex: 1 1 55%;
+      color: var(--text);
+      padding-left: 0.6em;
+      margin: 0;
+    }
+  }
+}
+
+.edit-image {
+  .panel-body {
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .current-avatar {
+    object-fit: contain;
+  }
+
+  .image-container {
+    display: flex;
+    align-self: center;
+    margin: 0 0 1em;
+    max-height: 30em;
+    max-width: 100%;
+    flex: 1 0 20em;
+    aspect-ratio: 1;
+    gap: 0.5em;
+
+    &.-banner {
+      aspect-ratio: 3;
+      max-width: 100%;
+    }
+
+    .new-image {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .cropper {
+      flex: 1;
+      overflow-x: auto;
+    }
+
+    > * {
+      flex: 1 0 10em;
+      max-height: 100%;
+      aspect-ratio: 1;
+    }
+
+    .separator {
+      min-width: 1.1em;
+      font-size: 500%;
+      align-self: center;
+      flex: 0 1 5em;
+      aspect-ratio: unset;
+    }
+  }
+
+  &.-banner {
+    .images-container {
+      grid-template-rows: 20em 5em 20em;
+      grid-template-columns: 1fr;
+
+      > * {
+        flex: 1 0 10em;
+        width: 100%;
+        aspect-ratio: 3;
+      }
+    }
+
+    .separator {
+      min-height: 1.1em;
+      font-size: 500%;
+      justify-self: center;
+      flex: 0 1 5em;
+      aspect-ratio: unset;
+    }
+  }
+
+  #modal.-mobile & {
+    #pick-image {
+      height: 3em;
+    }
+
+    .image-container {
+      &.-banner {
+        max-height: 10em;
+      }
+    }
   }
 }
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index 3d5bb2989..19004a2de 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -2,41 +2,11 @@ export default {
   name: 'UserCard',
   selector: '.user-card',
   notEditable: true,
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
-    'RichContent',
-    'Alert'
-  ],
   defaultRules: [
     {
       directives: {
-        background: '--bg',
-        opacity: 0,
-        roundness: 3,
-        shadow: [{
-          x: 1,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }],
-        '--profileTint': 'color | $alpha(--background 0.5)'
-      }
-    },
-    {
-      parent: {
-        component: 'UserCard'
+        '--profileTint': 'color | $alpha(--background 1)',
       },
-      component: 'RichContent',
-      directives: {
-        opacity: 0
-      }
-    }
-  ]
+    },
+  ],
 }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 36935424d..1c3a91282 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -1,16 +1,20 @@
 <template>
-  <div
-    class="user-card"
-    :class="classes"
-  >
-    <div
-      :class="{ 'hide-bio': hideBio }"
-      :style="style"
-      class="background-image"
-    />
-    <div :class="onClose ? '' : 'panel-heading -flexible-height'">
+  <div class="user-card">
+    <div class="user-card-inner">
       <div class="user-info">
-        <div class="container">
+        <div class="user-identity">
+          <div class="header-overlay">
+            <div class="banner-image">
+              <img
+                :src="bannerImgSrc"
+                :class="{ 'hide-bio': hideBio }"
+              >
+            </div>
+            <div
+              class="banner-overlay"
+              :class="{ 'hide-bio': hideBio }"
+            />
+          </div>
           <a
             v-if="avatarAction === 'zoom'"
             class="user-info-avatar -link"
@@ -24,6 +28,23 @@
               />
             </div>
           </a>
+          <button
+            v-else-if="editable"
+            class="user-info-avatar button-unstyled -link"
+            :class="{ '-editable': editable }"
+            @click="changeAvatar"
+          >
+            <UserAvatar
+              :user="user"
+              :url="avatarImgSrc"
+            />
+            <div class="user-info-avatar -link -overlay">
+              <FAIcon
+                class="fa-scale-110 fa-old-padding"
+                icon="pencil"
+              />
+            </div>
+          </button>
           <UserAvatar
             v-else-if="typeof avatarAction === 'function'"
             class="user-info-avatar"
@@ -32,77 +53,140 @@
           />
           <router-link
             v-else
+            class="user-info-avatar"
             :to="userProfileLink(user)"
           >
             <UserAvatar :user="user" />
           </router-link>
           <div class="user-summary">
             <div class="top-line">
-              <router-link
-                :to="userProfileLink(user)"
-                class="user-name"
+              <div
+                class="other-actions"
               >
-                <RichContent
-                  :title="user.name"
-                  :html="user.name"
-                  :emoji="user.emoji"
+                <button
+                  v-if="editable"
+                  :disabled="newName && newName.length === 0"
+                  class="btn button-unstyled edit-banner-button"
+                  @click="changeBanner"
+                >
+                  {{ $t('settings.change_banner') }}
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="pencil"
+                    :title="$t('settings.change_banner')"
+                  />
+                </button>
+                <button
+                  v-else-if="!editable && !isOtherUser && user.is_local"
+                  class="button-unstyled edit-profile-button"
+                  @click.stop="openProfileTab"
+                >
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="edit"
+                    :title="$t('user_card.edit_profile')"
+                  />
+                </button>
+                <a
+                  v-if="isOtherUser && !user.is_local"
+                  :href="user.statusnet_profile_url"
+                  target="_blank"
+                  class="button-unstyled external-link-button"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="external-link-alt"
+                  />
+                </a>
+                <AccountActions
+                  v-if="isOtherUser && loggedIn"
+                  :user="user"
+                  :relationship="relationship"
                 />
-              </router-link>
-              <button
-                v-if="!isOtherUser && user.is_local"
-                class="button-unstyled edit-profile-button"
-                @click.stop="openProfileTab"
-              >
-                <FAIcon
-                  fixed-width
-                  class="icon"
-                  icon="edit"
-                  :title="$t('user_card.edit_profile')"
-                />
-              </button>
-              <a
-                v-if="isOtherUser && !user.is_local"
-                :href="user.statusnet_profile_url"
-                target="_blank"
-                class="button-unstyled external-link-button"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="external-link-alt"
-                />
-              </a>
-              <AccountActions
-                v-if="isOtherUser && loggedIn"
-                :user="user"
-                :relationship="relationship"
-              />
-              <router-link
-                v-if="onClose"
-                :to="userProfileLink(user)"
-                class="button-unstyled external-link-button"
-                @click="onClose"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="expand-alt"
-                />
-              </router-link>
-              <button
-                v-if="onClose"
-                class="button-unstyled external-link-button"
-                @click="onClose"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="times"
-                />
-              </button>
+                <router-link
+                  v-if="showExpand"
+                  :to="userProfileLink(user)"
+                  class="button-unstyled external-link-button"
+                  @click="$emit('close')"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="expand-alt"
+                  />
+                </router-link>
+                <button
+                  v-if="showClose"
+                  class="button-unstyled external-link-button"
+                  @click="$emit('close')"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="times"
+                  />
+                </button>
+              </div>
+              <div class="name-wrapper">
+                <router-link
+                  v-if="!editable || !editingName"
+                  :to="userProfileLink(user)"
+                  class="user-name"
+                >
+                  <RichContent
+                    :title="editable ? newName : user.name_unescaped"
+                    :html="editable ? newName : user.name_unescaped"
+                    :emoji="editable ? emoji : user.emoji"
+                  />
+                </router-link>
+                <EmojiInput
+                  v-else-if="editingName"
+                  v-model="newName"
+                  enable-emoji-picker
+                  :suggest="emojiSuggestor"
+                >
+                  <template #default="inputProps">
+                    <input
+                      id="username"
+                      v-model="newName"
+                      class="input name-changer"
+                      v-bind="propsToNative(inputProps)"
+                    >
+                  </template>
+                </EmojiInput>
+                <button
+                  v-if="editable"
+                  class="button-unstyled edit-button"
+                  :title="$t('settings.toggle_edit')"
+                  @click="editingName = !editingName"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="pencil"
+                  />
+                </button>
+              </div>
             </div>
             <div class="bottom-line">
-              <user-link
+              <UserLink
                 class="user-screen-name"
                 :user="user"
               />
+              <span
+                v-if="user.locked"
+                class="lock-icon"
+              >
+                <FAIcon
+                  icon="lock"
+                  size="sm"
+                />
+              </span>
+              <span
+                v-if="relationship.followed_by && loggedIn && isOtherUser"
+                class="alert neutral user-role"
+              >
+                {{ $t('user_card.follows_you') }}
+              </span>
               <template v-if="!hideBio">
                 <span
                   v-if="user.deactivated"
@@ -124,72 +208,14 @@
                 </span>
                 <span
                   v-if="user.actor_type === 'Group'"
-                  class="alert user-role"
+                  class="alert neutral user-role"
                 >
                   {{ $t('user_card.group') }}
                 </span>
               </template>
-              <span v-if="user.locked">
-                <FAIcon
-                  class="lock-icon"
-                  icon="lock"
-                  size="sm"
-                />
-              </span>
-              <span
-                v-if="!mergedConfig.hideUserStats && !hideBio"
-                class="dailyAvg"
-              >{{ dailyAvg }} {{ $t('user_card.per_day') }}</span>
             </div>
           </div>
         </div>
-        <div class="user-meta">
-          <div
-            v-if="relationship.followed_by && loggedIn && isOtherUser"
-            class="following"
-          >
-            {{ $t('user_card.follows_you') }}
-          </div>
-          <div
-            v-if="isOtherUser && (loggedIn || !switcher)"
-            class="highlighter"
-          >
-            <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
-            <input
-              v-if="userHighlightType !== 'disabled'"
-              :id="'userHighlightColorTx'+user.id"
-              v-model="userHighlightColor"
-              class="input userHighlightText"
-              type="text"
-            >
-            <input
-              v-if="userHighlightType !== 'disabled'"
-              :id="'userHighlightColor'+user.id"
-              v-model="userHighlightColor"
-              class="input userHighlightCl"
-              type="color"
-            >
-            {{ ' ' }}
-            <Select
-              :id="'userHighlightSel'+user.id"
-              v-model="userHighlightType"
-              class="userHighlightSel"
-            >
-              <option value="disabled">
-                {{ $t('user_card.highlight.disabled') }}
-              </option>
-              <option value="solid">
-                {{ $t('user_card.highlight.solid') }}
-              </option>
-              <option value="striped">
-                {{ $t('user_card.highlight.striped') }}
-              </option>
-              <option value="side">
-                {{ $t('user_card.highlight.side') }}
-              </option>
-            </Select>
-          </div>
-        </div>
         <div
           v-if="loggedIn && isOtherUser"
           class="user-interactions"
@@ -229,35 +255,32 @@
               </ProgressButton>
             </template>
           </div>
-          <div>
-            <button
-              v-if="relationship.muting"
-              class="btn button-default btn-block toggled"
-              :disabled="user.deactivated"
-              @click="unmuteUser"
-            >
-              {{ $t('user_card.muted') }}
-            </button>
-            <button
-              v-else
-              class="btn button-default btn-block"
-              :disabled="user.deactivated"
-              @click="muteUser"
-            >
-              {{ $t('user_card.mute') }}
-            </button>
-          </div>
-          <div>
-            <button
-              class="btn button-default btn-block"
-              :disabled="user.deactivated"
-              @click="mentionUser"
-            >
-              {{ $t('user_card.mention') }}
-            </button>
-          </div>
+          <button
+            v-if="relationship.muting"
+            class="btn button-default btn-mute toggled"
+            :disabled="user.deactivated"
+            @click="unmuteUser"
+          >
+            {{ $t('user_card.muted') }}
+          </button>
+          <button
+            v-else
+            class="btn button-default btn-mute"
+            :disabled="user.deactivated"
+            @click="muteUser"
+          >
+            {{ $t('user_card.mute') }}
+          </button>
+          <button
+            class="btn button-default btn-mention"
+            :disabled="user.deactivated"
+            @click="mentionUser"
+          >
+            {{ $t('user_card.mention') }}
+          </button>
           <ModerationTools
             v-if="showModerationMenu"
+            class="moderation-menu"
             :user="user"
           />
         </div>
@@ -267,59 +290,416 @@
         >
           <RemoteFollow :user="user" />
         </div>
-        <UserNote
-          v-if="loggedIn && isOtherUser && (hasNote || (hasNoteEditor && supportsNote))"
-          :user="user"
-          :relationship="relationship"
-          :editable="hasNoteEditor"
-        />
       </div>
     </div>
     <div
-      v-if="!hideBio"
-      class="user-bio"
+      v-if="!editable && loggedIn && isOtherUser && (hasNote || !hideBio) && !userCardHidePersonalMarks"
+      class="personal-marks"
     >
+      <UserNote
+        v-if="hasNote || (hasNoteEditor && supportsNote)"
+        :user="user"
+        :relationship="relationship"
+        :editable="hasNoteEditor"
+      />
       <div
-        v-if="!mergedConfig.hideUserStats && switcher"
-        class="user-counts"
+        v-if="!hideBio"
+        class="highlighter"
       >
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('statuses')"
+        <h4>{{ $t('user_card.highlight_header') }}</h4>
+        <Select
+          :id="'userHighlightSel'+user.id"
+          v-model="userHighlightType"
+          class="userHighlightSel unstyled"
+          :class="{ '-none': userHighlightType === 'disabled' }"
         >
-          <h5>{{ $t('user_card.statuses') }}</h5>
-          <span>{{ user.statuses_count }} <br></span>
-        </div>
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('friends')"
-        >
-          <h5>{{ $t('user_card.followees') }}</h5>
-          <span>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</span>
-        </div>
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('followers')"
-        >
-          <h5>{{ $t('user_card.followers') }}</h5>
-          <span>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</span>
-        </div>
+          <option value="disabled">
+            {{ $t('user_card.highlight_new.disabled') }}
+          </option>
+          <option value="solid">
+            {{ $t('user_card.highlight_new.solid') }}
+          </option>
+          <option value="striped">
+            {{ $t('user_card.highlight_new.striped') }}
+          </option>
+          <option value="side">
+            {{ $t('user_card.highlight_new.side') }}
+          </option>
+        </Select>
+        <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
+        <ColorInput
+          v-if="userHighlightType !== 'disabled'"
+          v-model="userHighlightColor"
+          class="highlighter-color"
+          :show-optional-checkbox="false"
+          name="'userHighlightColorTx'+user.id"
+          :unstyled="true"
+        />
       </div>
+    </div>
+    <h3 v-if="editable">
+      <span>
+        {{ $t('settings.bio') }}
+      </span>
+      {{ ' ' }}
+      <button
+        class="button-default"
+        @click="editingBio = !editingBio"
+      >
+        {{ $t('settings.toggle_edit') }}
+        <FAIcon
+          class="fa-scale-110 fa-old-padding"
+          icon="pencil"
+        />
+      </button>
+    </h3>
+    <template v-if="!editable || !editingBio">
       <RichContent
         v-if="!hideBio"
         class="user-card-bio"
-        :html="user.description_html"
-        :emoji="user.emoji"
+        :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
+        :html="editable ? escapedNewBio : user.description_html"
+        :emoji="editable ? emoji : user.emoji"
         :handle-links="true"
       />
+    </template>
+    <template v-else-if="editingBio">
+      <EmojiInput
+        v-model="newBio"
+        enable-emoji-picker
+        class="user-card-bio"
+        :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
+        :suggest="emojiUserSuggestor"
+      >
+        <template #default="inputProps">
+          <textarea
+            v-model="newBio"
+            class="input bio resize-height"
+            v-bind="propsToNative(inputProps)"
+            :rows="newBio.split(/\n/g).length"
+          />
+        </template>
+      </EmojiInput>
+    </template>
+    <h3 v-if="editable">
+      <span>
+        {{ $t('settings.profile_fields.label') }}
+      </span>
+      {{ ' ' }}
+      <button
+        class="button-default"
+        @click="editingFields = !editingFields"
+      >
+        {{ $t('settings.toggle_edit') }}
+        <FAIcon
+          class="fa-scale-110 fa-old-padding"
+          icon="pencil"
+        />
+      </button>
+    </h3>
+    <template v-if="!editable || !editingFields">
+      <div
+        v-if="!hideBio && user.fields_html && user.fields_html.length > 0"
+        class="user-profile-fields"
+      >
+        <dl
+          v-for="(field, index) in (editable ? newFields : user.fields_html)"
+          :key="index"
+          class="user-profile-field"
+        >
+          <dt
+            :title="field.name"
+            class="user-profile-field-name"
+          >
+            <RichContent
+              :html="field.name"
+              :emoji="editable ? emoji : user.emoji"
+            />
+          </dt>
+          <dd
+            :title="field.value"
+            class="user-profile-field-value"
+          >
+            <RichContent
+              :html="field.value"
+              :emoji="editable ? emoji : user.emoji"
+            />
+          </dd>
+        </dl>
+      </div>
+    </template>
+    <template v-else-if="editingFields">
+      <div
+        v-if="maxFields > 0"
+        class="user-profile-fields"
+      >
+        <dl
+          v-for="(_, i) in newFields"
+          :key="i"
+          class="user-profile-field"
+        >
+          <dt
+            class="user-profile-field-name -edit"
+          >
+            <EmojiInput
+              v-model="newFields[i].name"
+              enable-emoji-picker
+              :suggest="emojiSuggestor"
+            >
+              <template #default="inputProps">
+                <input
+                  v-model="newFields[i].name"
+                  :placeholder="$t('settings.profile_fields.name')"
+                  v-bind="propsToNative(inputProps)"
+                  class="input"
+                >
+              </template>
+            </EmojiInput>
+          </dt>
+          <dd
+            class="user-profile-field-value -edit"
+          >
+            <EmojiInput
+              v-model="newFields[i].value"
+              enable-emoji-picker
+              :suggest="emojiSuggestor"
+            >
+              <template #default="inputProps">
+                <input
+                  v-model="newFields[i].value"
+                  :placeholder="$t('settings.profile_fields.value')"
+                  v-bind="propsToNative(inputProps)"
+                  class="input input"
+                >
+              </template>
+            </EmojiInput>
+            <button
+              class="delete-field button-default -hover-highlight"
+              @click="deleteField(i)"
+            >
+              <!-- TODO something is wrong with v-show here -->
+              <FAIcon
+                v-if="newFields.length > 1"
+                icon="times"
+              />
+            </button>
+          </dd>
+        </dl>
+        <button
+          v-if="newFields.length < maxFields"
+          class="user-profile-field-add add-field button-default -hover-highlight"
+          @click="addField"
+        >
+          <FAIcon
+            icon="plus"
+            class="icon"
+          />
+          <span class="label">
+            {{ $t("settings.profile_fields.add_field") }}
+          </span>
+        </button>
+      </div>
+    </template>
+    <div
+      v-if="!hideBio"
+      class="user-extras"
+    >
+      <span
+        v-if="!editable && !hideUserStats"
+        class="user-stats"
+      >
+        <dl
+          v-if="!hideUserStats && !hideBio"
+          class="user-count"
+        >
+          <dd>{{ user.statuses_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.statuses') }}</dt>
+        </dl>
+        <dl class="user-count">
+          <dd>{{ dailyAvg }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.statuses_per_day') }}</dt>
+        </dl>
+        <dl class="user-count">
+          <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.followees') }}</dt>
+        </dl>
+        <dl class="user-count">
+          <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.followers') }}</dt>
+        </dl>
+      </span>
+      <template v-if="!hideBio">
+        <div
+          v-if="user.birthday && !editable"
+          class="birthday"
+        >
+          <FAIcon
+            class="fa-old-padding"
+            icon="birthday-cake"
+          />
+          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
+        </div>
+        <div
+          v-else-if="editable"
+          class="birthday"
+        >
+          <div>
+            <Checkbox v-model="newShowBirthday">
+              {{ $t('settings.birthday.show_birthday') }}
+            </Checkbox>
+          </div>
+          <FAIcon
+            class="fa-old-padding"
+            icon="birthday-cake"
+          />
+          {{ $t('settings.birthday.label') }}
+          <input
+            id="birthday"
+            v-model="newBirthday"
+            type="date"
+            class="input birthday-input"
+          >
+        </div>
+      </template>
     </div>
+    <template v-if="editable">
+      <h3>{{ $t('settings.profile_other') }}</h3>
+      <p
+        v-if="role === 'admin' || role === 'moderator'"
+        class="user-card-setting"
+      >
+        <Checkbox v-model="newShowRole">
+          <template v-if="role === 'admin'">
+            {{ $t('settings.show_admin_badge') }}
+          </template>
+          <template v-if="role === 'moderator'">
+            {{ $t('settings.show_moderator_badge') }}
+          </template>
+        </Checkbox>
+      </p>
+      <p class="user-card-setting">
+        <label>
+          {{ $t('settings.actor_type') }}
+          <Select v-model="newActorType">
+            <option
+              v-for="option in availableActorTypes"
+              :key="option"
+              :value="option"
+            >
+              {{ $t('settings.actor_type_' + (option === 'Person' ? 'person_proper' : option)) }}
+            </option>
+          </Select>
+          <div v-if="groupActorAvailable">
+            <small>
+              {{ $t('settings.actor_type_description') }}
+            </small>
+          </div>
+        </label>
+      </p>
+      <div class="bottom-buttons">
+        <button
+          v-if="editable"
+          :disabled="!somethingToSave"
+          class="btn button-default reset-profile-button"
+          @click="resetState"
+        >
+          {{ $t('settings.reset') }}
+          <FAIcon
+            fixed-width
+            class="icon"
+            icon="clock-rotate-left"
+            :title="$t('user_card.edit_profile')"
+          />
+        </button>
+        <button
+          v-if="editable"
+          :disabled="!somethingToSave"
+          class="btn button-default save-profile-button"
+          @click="updateProfile"
+        >
+          {{ $t('settings.save') }}
+          <FAIcon
+            fixed-width
+            class="icon"
+            icon="save"
+            :title="$t('user_card.edit_profile')"
+          />
+        </button>
+      </div>
+    </template>
     <teleport to="#modal">
-      <MuteConfirm
-        ref="confirmation"
-        type="user"
+      <UserTimedFilterModal
+        ref="timedMuteDialog"
         :user="user"
+        :is-mute="true"
       />
     </teleport>
+    <teleport to="#modal">
+      <DialogModal
+        v-if="editImage"
+        class="edit-image"
+      >
+        <template #header>
+          {{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
+        </template>
+        <p>
+          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
+        </p>
+        <div
+          class="image-container"
+          :class="{ '-banner': editImage === 'banner' }"
+        >
+          <image-cropper
+            ref="cropper"
+            class="cropper"
+            :aspect-ratio="editImage === 'avatar' ? 1 : 3"
+            @submit="submitImage"
+          />
+        </div>
+        <button
+          id="pick-image"
+          class="button-default btn"
+          type="button"
+          @click="() => $refs.cropper.pickImage()"
+        >
+          {{ $t('settings.select_picture') }}
+        </button>
+        <template #footer>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="editImage = false"
+          >
+            {{ $t('image_cropper.cancel') }}
+          </button>
+          <button
+            :title="editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner')"
+            class="button-default btn reset-button"
+            @click="resetImage"
+          >
+            {{ editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner' ) }}
+          </button>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="$refs.cropper.submit(false)"
+          >
+            {{ $t('image_cropper.save_without_cropping') }}
+          </button>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="$refs.cropper.submit(true)"
+          >
+            {{ $t('image_cropper.save') }}
+          </button>
+        </template>
+      </DialogModal>
+    </teleport>
   </div>
 </template>
 
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index 80b941d32..e8a4ac4a7 100644
--- a/src/components/user_link/user_link.vue
+++ b/src/components/user_link/user_link.vue
@@ -15,6 +15,9 @@
 
 <script>
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const UserLink = {
@@ -22,20 +25,21 @@ const UserLink = {
     user: Object,
     at: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   components: {
-    UnicodeDomainIndicator
+    UnicodeDomainIndicator,
   },
   methods: {
-    userProfileLink (user) {
+    userProfileLink(user) {
       return generateProfileLink(
-        user.id, user.screen_name,
-        this.$store.state.instance.restrictedNicknames
+        user.id,
+        user.screen_name,
+        useInstanceStore().restrictedNicknames,
       )
-    }
-  }
+    },
+  },
 }
 
 export default UserLink
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 1794769dd..47a84a6bb 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,99 +1,124 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
 
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
-import { useListsStore } from 'src/stores/lists'
+
+import { useListsStore } from 'src/stores/lists.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faChevronRight)
 
 const UserListMenu = {
-  props: [
-    'user'
-  ],
-  data () {
+  props: ['user'],
+  data() {
     return {}
   },
   components: {
     DialogModal,
-    Popover
+    Popover,
   },
-  created () {
+  created() {
     this.$store.dispatch('fetchUserInLists', this.user.id)
   },
   computed: {
     ...mapState(useListsStore, {
-      allLists: store => store.allLists
+      allLists: (store) => store.allLists,
     }),
-    inListsSet () {
-      return new Set(this.user.inLists.map(x => x.id))
+    inListsSet() {
+      return new Set(this.user.inLists.map((x) => x.id))
     },
-    lists () {
+    lists() {
       if (!this.user.inLists) return []
-      return this.allLists.map(list => ({
+      return this.allLists.map((list) => ({
         ...list,
-        inList: this.inListsSet.has(list.id)
+        inList: this.inListsSet.has(list.id),
       }))
     },
-    triggerAttrs () {
+    triggerAttrs() {
       return {
-        class: 'menu-item dropdown-item -has-submenu'
+        class: 'menu-item dropdown-item -has-submenu',
       }
-    }
+    },
   },
   methods: {
-    toggleList (listId) {
+    toggleList(listId) {
       if (this.inListsSet.has(listId)) {
-        useListsStore().removeListAccount({ accountId: this.user.id, listId }).then((response) => {
-          if (!response.ok) { return }
-          this.$store.dispatch('fetchUserInLists', this.user.id)
-        })
+        useListsStore()
+          .removeListAccount({ accountId: this.user.id, listId })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            this.$store.dispatch('fetchUserInLists', this.user.id)
+          })
       } else {
-        useListsStore().addListAccount({ accountId: this.user.id, listId }).then((response) => {
-          if (!response.ok) { return }
-          this.$store.dispatch('fetchUserInLists', this.user.id)
-        })
+        useListsStore()
+          .addListAccount({ accountId: this.user.id, listId })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            this.$store.dispatch('fetchUserInLists', this.user.id)
+          })
       }
     },
-    toggleRight (right) {
+    toggleRight(right) {
       const store = this.$store
       if (this.user.rights[right]) {
-        store.state.api.backendInteractor.deleteRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: false })
-        })
+        store.state.api.backendInteractor
+          .deleteRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', {
+              user: this.user,
+              right,
+              value: false,
+            })
+          })
       } else {
-        store.state.api.backendInteractor.addRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: true })
-        })
+        store.state.api.backendInteractor
+          .addRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', { user: this.user, right, value: true })
+          })
       }
     },
-    toggleActivationStatus () {
+    toggleActivationStatus() {
       this.$store.dispatch('toggleActivationStatus', { user: this.user })
     },
-    deleteUserDialog (show) {
+    deleteUserDialog(show) {
       this.showDeleteUserDialog = show
     },
-    deleteUser () {
+    deleteUser() {
       const store = this.$store
       const user = this.user
       const { id, name } = user
-      store.state.api.backendInteractor.deleteUser({ user })
-        .then(() => {
-          this.$store.dispatch('markStatusesAsDeleted', status => user.id === status.user.id)
-          const isProfile = this.$route.name === 'external-user-profile' || this.$route.name === 'user-profile'
-          const isTargetUser = this.$route.params.name === name || this.$route.params.id === id
-          if (isProfile && isTargetUser) {
-            window.history.back()
-          }
-        })
+      store.state.api.backendInteractor.deleteUser({ user }).then(() => {
+        this.$store.dispatch(
+          'markStatusesAsDeleted',
+          (status) => user.id === status.user.id,
+        )
+        const isProfile =
+          this.$route.name === 'external-user-profile' ||
+          this.$route.name === 'user-profile'
+        const isTargetUser =
+          this.$route.params.name === name || this.$route.params.id === id
+        if (isProfile && isTargetUser) {
+          window.history.back()
+        }
+      })
     },
-    setToggled (value) {
+    setToggled(value) {
       this.toggled = value
-    }
-  }
+    },
+  },
 }
 
 export default UserListMenu
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 046e0abd0..bdc8cacdf 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,30 +1,29 @@
 import { defineAsyncComponent } from 'vue'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const UserListPopover = {
   name: 'UserListPopover',
-  props: [
-    'users'
-  ],
+  props: ['users'],
   components: {
     RichContent,
     UnicodeDomainIndicator,
     Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
-    UserAvatar: defineAsyncComponent(() => import('../user_avatar/user_avatar.vue'))
+    UserAvatar: defineAsyncComponent(
+      () => import('../user_avatar/user_avatar.vue'),
+    ),
   },
   computed: {
-    usersCapped () {
+    usersCapped() {
       return this.users.slice(0, 16)
-    }
-  }
+    },
+  },
 }
 
 export default UserListPopover
diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue
index 293a47094..fdd2f3ce0 100644
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@@ -63,11 +63,6 @@
       flex-direction: column;
       margin-left: 0.5em;
       min-width: 5em;
-
-      img {
-        width: 1em;
-        height: 1em;
-      }
     }
 
     .user-list-screen-name {
diff --git a/src/components/user_note/user_note.js b/src/components/user_note/user_note.js
index 830b2e594..bd246e9b3 100644
--- a/src/components/user_note/user_note.js
+++ b/src/components/user_note/user_note.js
@@ -1,45 +1,49 @@
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+
 const UserNote = {
   props: {
     user: Object,
     relationship: Object,
-    editable: Boolean
+    editable: Boolean,
   },
-  data () {
+  components: {
+    PanelLoading,
+  },
+  data() {
     return {
-      localNote: '',
+      localNote: this.relationship.note,
       editing: false,
-      frozen: false
+      frozen: false,
     }
   },
-  computed: {
-    shouldShow () {
-      return this.relationship.note || this.editing
-    }
+  watch: {
+    relationship() {
+      this.localNote = this.relationship.note
+    },
   },
   methods: {
-    startEditing () {
+    startEditing() {
       this.localNote = this.relationship.note
       this.editing = true
     },
-    cancelEditing () {
-      this.editing = false
-    },
-    finalizeEditing () {
+    finalizeEditing() {
       this.frozen = true
 
-      this.$store.dispatch('editUserNote', {
-        id: this.user.id,
-        comment: this.localNote
-      })
+      this.$store
+        .dispatch('editUserNote', {
+          id: this.user.id,
+          comment: this.localNote,
+        })
         .then(() => {
           this.frozen = false
           this.editing = false
         })
         .catch(() => {
           this.frozen = false
+          this.editing = false
         })
-    }
-  }
+    },
+  },
 }
 
 export default UserNote
diff --git a/src/components/user_note/user_note.vue b/src/components/user_note/user_note.vue
index e175ced00..8c4ec3662 100644
--- a/src/components/user_note/user_note.vue
+++ b/src/components/user_note/user_note.vue
@@ -1,46 +1,23 @@
 <template>
   <div
     class="user-note"
+    :class="{ '-frozen': frozen }"
   >
-    <div class="heading">
-      <span>{{ $t('user_card.note') }}</span>
-      <div class="buttons">
-        <button
-          v-show="!editing && editable"
-          class="button-default btn"
-          @click="startEditing"
-        >
-          {{ $t('user_card.edit_note') }}
-        </button>
-        <button
-          v-show="editing"
-          class="button-default btn"
-          :disabled="frozen"
-          @click="finalizeEditing"
-        >
-          {{ $t('user_card.edit_note_apply') }}
-        </button>
-        <button
-          v-show="editing"
-          class="button-default btn"
-          :disabled="frozen"
-          @click="cancelEditing"
-        >
-          {{ $t('user_card.edit_note_cancel') }}
-        </button>
-      </div>
-    </div>
+    <h4>{{ $t('user_card.personal_note') }}</h4>
     <textarea
-      v-show="editing"
       v-model="localNote"
       class="input note-text"
+      :class="{ unstyled: !editing }"
+      rows="1"
+      :placeholder="$t('user_card.note_blank_click')"
+      @focus="startEditing"
+      @blur="finalizeEditing"
     />
     <span
-      v-show="!editing"
-      class="note-text"
-      :class="{ '-blank': !relationship.note }"
+      v-if="frozen"
+      class="overlay"
     >
-      {{ relationship.note || $t('user_card.note_blank') }}
+      <PanelLoading />
     </span>
   </div>
 </template>
@@ -49,38 +26,27 @@
 
 <style lang="scss">
 .user-note {
-  display: flex;
-  flex-direction: column;
+  position: relative;
 
-  .heading {
-    display: flex;
-    flex-direction: row;
+  h4 {
     justify-content: space-between;
-    align-items: center;
-    margin-bottom: 0.75em;
-
-    .btn {
-      min-width: 95px;
-    }
-
-    .buttons {
-      display: flex;
-      flex-direction: row;
-      justify-content: right;
-
-      .btn {
-        margin-left: 0.5em;
-      }
-    }
+    margin-bottom: 0.5em;
   }
 
   .note-text {
     align-self: stretch;
+    min-width: 100%;
+    margin: -0.6em;
   }
 
-  .note-text.-blank {
-    font-style: italic;
-    color: var(--textFaint);
+  .overlay {
+    position: absolute;
+    inset: 0;
+    background-color: rgb(0 0 0 / 30%);
+
+    .panel-loading {
+      font-size: 1em;
+    }
   }
 }
 </style>
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index c2f51eb61..d16fca4e4 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,18 +1,21 @@
+import { mapState } from 'vuex'
+
 import AuthForm from '../auth_form/auth_form.js'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 import UserCard from '../user_card/user_card.vue'
-import { mapState } from 'vuex'
 
 const UserPanel = {
   computed: {
-    signedIn () { return this.user },
-    ...mapState({ user: state => state.users.currentUser })
+    signedIn() {
+      return this.user
+    },
+    ...mapState({ user: (state) => state.users.currentUser }),
   },
   components: {
     AuthForm,
     PostStatusForm,
-    UserCard
-  }
+    UserCard,
+  },
 }
 
 export default UserPanel
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 9323b65e7..3f6922c31 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -8,7 +8,6 @@
       <UserCard
         :user-id="user.id"
         :hide-bio="true"
-        rounded="top"
       />
       <PostStatusForm />
     </div>
@@ -28,8 +27,24 @@
     backdrop-filter: var(--backdrop-filter);
   }
 
+  .user-info {
+    margin: 0.6em 0.6em 0;
+
+    .Avatar {
+      width: 5em;
+      width: calc(min(5em, 20cqw));
+      height: 5em;
+      height: calc(min(5em, 20cqw));
+    }
+  }
+
+  .post-status-form {
+    form {
+      margin-top: 0;
+    }
+  }
+
   .signed-in {
-    overflow: visible;
     z-index: 10;
   }
 }
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index 3b12aa1e8..8c5f63f25 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -1,23 +1,22 @@
-import UserCard from '../user_card/user_card.vue'
+import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
+import UserCard from '../user_card/user_card.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const UserPopover = {
   name: 'UserPopover',
-  props: [
-    'userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'
-  ],
+  props: ['userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'],
   components: {
     UserCard,
-    Popover: defineAsyncComponent(() => import('../popover/popover.vue'))
+    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
   },
-  computed: {
-    userPopoverAvatarAction () {
-      return this.$store.getters.mergedConfig.userPopoverAvatarAction
-    },
-    userPopoverOverlay () {
-      return this.$store.getters.mergedConfig.userPopoverOverlay
-    }
-  }
+  computed: mapState(useMergedConfigStore, {
+    userPopoverAvatarAction: (state) =>
+      state.mergedConfig.userPopoverAvatarAction,
+    userPopoverOverlay: (state) => state.mergedConfig.userPopoverOverlay,
+  }),
 }
 
 export default UserPopover
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 413b254cc..ea289e53c 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -12,10 +12,12 @@
     <template #content="{close}">
       <UserCard
         class="user-popover"
+        :show-close="true"
+        :show-expand="true"
         :user-id="userId"
         :hide-bio="true"
         :avatar-action="userPopoverAvatarAction == 'close' ? close : userPopoverAvatarAction"
-        :on-close="close"
+        @close="close"
       />
     </template>
   </Popover>
@@ -26,7 +28,26 @@
 <style lang="scss">
 /* popover styles load on-demand, so we need to override */
 /* stylelint-disable block-no-empty */
-.user-popover.popover {
+.user-popover {
+  margin: 0;
+
+  .user-info {
+    width: 100%;
+    margin: 1.2em;
+  }
+
+  .user-identity {
+    aspect-ratio: unset;
+    min-width: calc(min(30em, 98vw));
+  }
+
+  .user-card-inner {
+    display: flex;
+  }
+
+  &.popover {
+    overflow: hidden;
+  }
 }
 /* stylelint-enable block-no-empty */
 
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 49d6fd60a..25f71fba8 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,98 +1,105 @@
 import get from 'lodash/get'
-import UserCard from '../user_card/user_card.vue'
-import FollowCard from '../follow_card/follow_card.vue'
-import Timeline from '../timeline/timeline.vue'
-import Conversation from '../conversation/conversation.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import List from '../list/list.vue'
-import withLoadMore from '../../hocs/with_load_more/with_load_more'
-import localeService from 'src/services/locale/locale.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch,
-  faBirthdayCake
-} from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch,
-  faBirthdayCake
-)
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import withLoadMore from '../../hocs/with_load_more/with_load_more'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
+import Timeline from '../timeline/timeline.vue'
+import UserCard from '../user_card/user_card.vue'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
+library.add(faCircleNotch)
 
 const FollowerList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchFollowers', props.userId),
-  select: (props, $store) => get($store.getters.findUser(props.userId), 'followerIds', []).map(id => $store.getters.findUser(id)),
+  select: (props, $store) =>
+    get($store.getters.findUser(props.userId), 'followerIds', []).map((id) =>
+      $store.getters.findUser(id),
+    ),
   destroy: (props, $store) => $store.dispatch('clearFollowers', props.userId),
   childPropName: 'items',
-  additionalPropNames: ['userId']
+  additionalPropNames: ['userId'],
 })(List)
 
 const FriendList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchFriends', props.userId),
-  select: (props, $store) => get($store.getters.findUser(props.userId), 'friendIds', []).map(id => $store.getters.findUser(id)),
+  select: (props, $store) =>
+    get($store.getters.findUser(props.userId), 'friendIds', []).map((id) =>
+      $store.getters.findUser(id),
+    ),
   destroy: (props, $store) => $store.dispatch('clearFriends', props.userId),
   childPropName: 'items',
-  additionalPropNames: ['userId']
+  additionalPropNames: ['userId'],
 })(List)
 
 const defaultTabKey = 'statuses'
 
 const UserProfile = {
-  data () {
+  data() {
     return {
       error: false,
       userId: null,
       tab: defaultTabKey,
-      footerRef: null
+      footerRef: null,
     }
   },
-  created () {
+  created() {
     const routeParams = this.$route.params
     this.load({ name: routeParams.name, id: routeParams.id })
     this.tab = get(this.$route, 'query.tab', defaultTabKey)
   },
-  unmounted () {
+  unmounted() {
     this.stopFetching()
   },
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.user
     },
-    favorites () {
+    favorites() {
       return this.$store.state.statuses.timelines.favorites
     },
-    media () {
+    media() {
       return this.$store.state.statuses.timelines.media
     },
-    isUs () {
-      return this.userId && this.$store.state.users.currentUser.id &&
+    isUs() {
+      return (
+        this.userId &&
+        this.$store.state.users.currentUser.id &&
         this.userId === this.$store.state.users.currentUser.id
+      )
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    isExternal () {
+    isExternal() {
       return this.$route.name === 'external-user-profile'
     },
-    followsTabVisible () {
+    followsTabVisible() {
       return this.isUs || !this.user.hide_follows
     },
-    followersTabVisible () {
+    followersTabVisible() {
       return this.isUs || !this.user.hide_followers
     },
-    favoritesTabVisible () {
-      return this.isUs || (this.$store.state.instance.pleromaPublicFavouritesAvailable && !this.user.hide_favorites)
+    favoritesTabVisible() {
+      return (
+        this.isUs ||
+        (useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable &&
+          !this.user.hide_favorites)
+      )
     },
-    formattedBirthday () {
-      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
-      return this.user.birthday && new Date(Date.parse(this.user.birthday)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
-    }
   },
   methods: {
-    setFooterRef (el) {
+    setFooterRef(el) {
       this.footerRef = el
     },
-    load (userNameOrId) {
+    load(userNameOrId) {
       const startFetchingTimeline = (timeline, userId) => {
         // Clear timeline only if load another user's profile
         if (userId !== this.$store.state.statuses.timelines[timeline].userId) {
@@ -122,17 +129,21 @@ const UserProfile = {
       const maybeName = userNameOrId.name
 
       // Check if user data is already loaded in store
-      const user = maybeId ? this.$store.getters.findUser(maybeId) : this.$store.getters.findUserByName(maybeName)
+      const user = maybeId
+        ? this.$store.getters.findUser(maybeId)
+        : this.$store.getters.findUserByName(maybeName)
       if (user) {
         loadById(user.id)
       } else {
-        (maybeId
+        ;(maybeId
           ? this.$store.dispatch('fetchUser', maybeId)
-          : this.$store.dispatch('fetchUserByName', maybeName))
+          : this.$store.dispatch('fetchUserByName', maybeName)
+        )
           .then(({ id }) => loadById(id))
           .catch((reason) => {
             const errorMessage = get(reason, 'error.error')
-            if (errorMessage === 'No user with such user_id') { // Known error
+            if (errorMessage === 'No user with such user_id') {
+              // Known error
               this.error = this.$t('user_profile.profile_does_not_exist')
             } else if (errorMessage) {
               this.error = errorMessage
@@ -142,27 +153,27 @@ const UserProfile = {
           })
       }
     },
-    stopFetching () {
+    stopFetching() {
       this.$store.dispatch('stopFetchingTimeline', 'user')
       this.$store.dispatch('stopFetchingTimeline', 'favorites')
       this.$store.dispatch('stopFetchingTimeline', 'media')
     },
-    switchUser (userNameOrId) {
+    switchUser(userNameOrId) {
       this.stopFetching()
       this.load(userNameOrId)
     },
-    onTabSwitch (tab) {
+    onTabSwitch(tab) {
       this.tab = tab
       this.$router.replace({ query: { tab } })
     },
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
       }
       if (target.tagName === 'A') {
         window.open(target.href, '_blank')
       }
-    }
+    },
   },
   watch: {
     '$route.params.id': function (newVal) {
@@ -177,7 +188,7 @@ const UserProfile = {
     },
     '$route.query': function (newVal) {
       this.tab = newVal.tab || defaultTabKey
-    }
+    },
   },
   components: {
     UserCard,
@@ -187,8 +198,8 @@ const UserProfile = {
     FollowCard,
     TabSwitcher,
     Conversation,
-    RichContent
-  }
+    RichContent,
+  },
 }
 
 export default UserProfile
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index f64da4a45..e05e62c46 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -4,54 +4,14 @@
       v-if="user"
       class="user-profile panel panel-default"
     >
-      <div class="panel-body">
+      <div class="panel-body card-wrapper">
         <UserCard
           :user-id="userId"
           :switcher="true"
           :selected="timeline.viewing"
           avatar-action="zoom"
-          rounded="top"
           :has-note-editor="true"
         />
-        <span
-          v-if="!!user.birthday"
-          class="user-birthday"
-        >
-          <FAIcon
-            class="fa-old-padding"
-            icon="birthday-cake"
-          />
-          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
-        </span>
-        <div
-          v-if="user.fields_html && user.fields_html.length > 0"
-          class="user-profile-fields"
-        >
-          <dl
-            v-for="(field, index) in user.fields_html"
-            :key="index"
-            class="user-profile-field"
-          >
-            <dt
-              :title="user.fields_text[index].name"
-              class="user-profile-field-name"
-            >
-              <RichContent
-                :html="field.name"
-                :emoji="user.emoji"
-              />
-            </dt>
-            <dd
-              :title="user.fields_text[index].value"
-              class="user-profile-field-value"
-            >
-              <RichContent
-                :html="field.value"
-                :emoji="user.emoji"
-              />
-            </dd>
-          </dl>
-        </div>
       </div>
       <tab-switcher
         :active-tab="tab"
@@ -168,69 +128,30 @@
 <style lang="scss">
 .user-profile {
   flex: 2;
-  flex-basis: 500px;
+
+  .card-wrapper {
+    border-top-left-radius: var(--roundness);
+    border-top-right-radius: var(--roundness);
+  }
+
+  .panel-footer {
+    border-bottom-left-radius: var(--roundness);
+    border-bottom-right-radius: var(--roundness);
+  }
 
   // No sticky header on user profile
   --currentPanelStack: 0;
 
-  .user-birthday {
-    margin: 0 0.75em 0.5em;
-  }
-
-  .user-profile-fields {
-    margin: 0 0.5em;
-
-    img {
-      object-fit: contain;
-      vertical-align: middle;
-      max-width: 100%;
-      max-height: 400px;
-
-      &.emoji {
-        width: 18px;
-        height: 18px;
-      }
-    }
-
-    .user-profile-field {
-      display: flex;
-      margin: 0.25em;
-      border: 1px solid var(--border);
-      border-radius: var(--roundness);
-
-      .user-profile-field-name {
-        flex: 0 1 30%;
-        font-weight: 500;
-        text-align: right;
-        color: var(--lightText);
-        min-width: 120px;
-        border-right: 1px solid var(--border);
-      }
-
-      .user-profile-field-value {
-        flex: 1 1 70%;
-        color: var(--text);
-        margin: 0 0 0 0.25em;
-      }
-
-      .user-profile-field-name,
-      .user-profile-field-value {
-        line-height: 1.3;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        padding: 0.5em 1.5em;
-        box-sizing: border-box;
-      }
-    }
-  }
-
   .userlist-placeholder {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 2em;
   }
+
+  .user-info {
+    margin: 1.2em;
+  }
 }
 
 .user-profile-placeholder {
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index b94203ec3..896167df0 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,9 +1,10 @@
-import Status from '../status/status.vue'
-import List from '../list/list.vue'
 import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
 import Modal from '../modal/modal.vue'
+import Status from '../status/status.vue'
 import UserLink from '../user_link/user_link.vue'
-import { useReportsStore } from 'src/stores/reports'
+
+import { useReportsStore } from 'src/stores/reports.js'
 
 const UserReportingModal = {
   components: {
@@ -11,51 +12,54 @@ const UserReportingModal = {
     List,
     Checkbox,
     Modal,
-    UserLink
+    UserLink,
   },
-  data () {
+  data() {
     return {
       comment: '',
       forward: false,
       statusIdsToReport: [],
       processing: false,
-      error: false
+      error: false,
     }
   },
   computed: {
-    reportModal () {
+    reportModal() {
       return useReportsStore().reportModal
     },
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    isOpen () {
+    isOpen() {
       return this.isLoggedIn && this.reportModal.activated
     },
-    userId () {
+    userId() {
       return this.reportModal.userId
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    remoteInstance () {
-      return !this.user.is_local && this.user.screen_name.substr(this.user.screen_name.indexOf('@') + 1)
+    remoteInstance() {
+      return (
+        !this.user.is_local &&
+        this.user.screen_name.substr(this.user.screen_name.indexOf('@') + 1)
+      )
     },
-    statuses () {
+    statuses() {
       return this.reportModal.statuses
     },
-    preTickedIds () {
+    preTickedIds() {
       return this.reportModal.preTickedIds
-    }
+    },
   },
   watch: {
     userId: 'resetState',
-    preTickedIds (newValue) {
+    preTickedIds(newValue) {
       this.statusIdsToReport = newValue
-    }
+    },
   },
   methods: {
-    resetState () {
+    resetState() {
       // Reset state
       this.comment = ''
       this.forward = false
@@ -63,19 +67,20 @@ const UserReportingModal = {
       this.processing = false
       this.error = false
     },
-    closeModal () {
+    closeModal() {
       useReportsStore().closeUserReportingModal()
     },
-    reportUser () {
+    reportUser() {
       this.processing = true
       this.error = false
       const params = {
         userId: this.userId,
         comment: this.comment,
         forward: this.forward,
-        statusIds: this.statusIdsToReport
+        statusIds: this.statusIdsToReport,
       }
-      this.$store.state.api.backendInteractor.reportUser({ ...params })
+      this.$store.state.api.backendInteractor
+        .reportUser({ ...params })
         .then(() => {
           this.processing = false
           this.resetState()
@@ -86,13 +91,13 @@ const UserReportingModal = {
           this.error = true
         })
     },
-    clearError () {
+    clearError() {
       this.error = false
     },
-    isChecked (statusId) {
+    isChecked(statusId) {
       return this.statusIdsToReport.indexOf(statusId) !== -1
     },
-    toggleStatus (checked, statusId) {
+    toggleStatus(checked, statusId) {
       if (checked === this.isChecked(statusId)) {
         return
       }
@@ -100,20 +105,25 @@ const UserReportingModal = {
       if (checked) {
         this.statusIdsToReport.push(statusId)
       } else {
-        this.statusIdsToReport.splice(this.statusIdsToReport.indexOf(statusId), 1)
+        this.statusIdsToReport.splice(
+          this.statusIdsToReport.indexOf(statusId),
+          1,
+        )
       }
     },
-    resize (e) {
+    resize(e) {
       const target = e.target || e
-      if (!(target instanceof window.Element)) { return }
+      if (!(target instanceof window.Element)) {
+        return
+      }
       // Auto is needed to make textbox shrink when removing lines
       target.style.height = 'auto'
       target.style.height = `${target.scrollHeight}px`
       if (target.value === '') {
         target.style.height = null
       }
-    }
-  }
+    },
+  },
 }
 
 export default UserReportingModal
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue
index 0e93824b7..aa5704a97 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@@ -10,7 +10,10 @@
           keypath="user_reporting.title"
           class="title"
         >
-          <UserLink :user="user" />
+          <UserLink
+            class="user-link"
+            :user="user"
+          />
         </i18n-t>
       </div>
       <div class="panel-body">
@@ -74,10 +77,14 @@
 <style lang="scss">
 .user-reporting-panel {
   width: 90vw;
-  max-width: 700px;
+  max-width: 50rem;
   min-height: 20vh;
   max-height: 80vh;
 
+  .user-link {
+    display: inline
+  }
+
   .panel-body {
     display: flex;
     flex-direction: column-reverse;
@@ -104,7 +111,7 @@
     }
 
     textarea.form-control {
-      line-height: 16px;
+      line-height: 1.1;
       resize: none;
       overflow: hidden;
       transition: min-height 200ms 100ms;
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
new file mode 100644
index 000000000..528f92ddf
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -0,0 +1,112 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import Select from 'src/components/select/select.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
+
+const UserTimedFilterModal = {
+  data() {
+    const action = this.isMute
+      ? useMergedConfigStore().mergedConfig.onMuteDefaultAction
+      : useMergedConfigStore().mergedConfig.onBlockDefaultAction
+    const doAsk = action === 'ask'
+    const defaultValues = {}
+
+    if (doAsk || action === 'forever') {
+      defaultValues.expiration = 14
+      defaultValues.expirationUnit = 'd'
+      if (action === 'forever') {
+        defaultValues.forever = true
+      }
+    } else {
+      const unit = action.replace(/[0-9,.]+/, '')
+      const value = action.replace(/[^0-9,.]+/, '')
+      defaultValues.expiration = value
+      defaultValues.expirationUnit = unit
+    }
+
+    return {
+      showing: false,
+      forever: false,
+      dontAskAgain: false,
+      ...defaultValues,
+    }
+  },
+  components: {
+    ConfirmModal,
+    Select,
+    Checkbox,
+  },
+  props: {
+    isMute: Boolean,
+    user: Object,
+  },
+  computed: {
+    shouldConfirm() {
+      if (this.isMute) {
+        return useMergedConfigStore().mergedConfig.onMuteDefaultAction === 'ask'
+      } else {
+        return (
+          useMergedConfigStore().mergedConfig.onBlockDefaultAction === 'ask'
+        )
+      }
+    },
+    expiryString() {
+      return this.expiration.toString() + this.expirationUnit
+    },
+    expirySeconds() {
+      return Math.floor(durationStrToMs(this.expiryString) / 1000)
+    },
+    requestBody() {
+      const object = { id: this.user.id }
+      if (!this.forever) {
+        object.expiresIn = this.expirySeconds
+      }
+      return object
+    },
+  },
+  watch: {
+    expiration(newVal) {
+      if (newVal <= 0) {
+        this.expiration = 1
+      }
+    },
+  },
+  methods: {
+    optionallyPrompt() {
+      if (this.shouldConfirm) {
+        this.showing = true
+      } else {
+        this.accept()
+      }
+    },
+    accept() {
+      if (this.isMute) {
+        this.$store.dispatch('muteUser', this.requestBody)
+        if (this.dontAskAgain) {
+          useSyncConfigStore().setSimplePrefAndSave({
+            path: 'onMuteDefaultAction',
+            value: this.expiryString,
+          })
+        }
+      } else {
+        this.$store.dispatch('blockUser', this.requestBody)
+        if (this.dontAskAgain) {
+          useSyncConfigStore().setSimplePrefAndSave({
+            path: 'onBlockDefaultAction',
+            value: this.expiryString,
+          })
+        }
+      }
+      this.showing = false
+    },
+    cancel() {
+      this.showing = false
+    },
+  },
+}
+
+export default UserTimedFilterModal
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
new file mode 100644
index 000000000..24388868f
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
@@ -0,0 +1,13 @@
+.UserTimedFilterModal {
+  .input-dont-ask-again {
+    margin-left: 1em;
+  }
+
+  .input-expire-at {
+    margin-left: 0.25em;
+  }
+
+  .footer-left-checkbox {
+    width: max-content;
+  }
+}
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
new file mode 100644
index 000000000..91c05ad77
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -0,0 +1,86 @@
+<template>
+  <confirm-modal
+    v-if="showing"
+    class="UserTimedFilterModal"
+    :title="$t(isMute ? $t('user_card.mute') : $t('user_card.block'))"
+    :confirm-text="$t(isMute ? 'user_card.mute_confirm_accept_button' : 'user_card.block_confirm_accept_button')"
+    :cancel-text="$t(isMute ? 'user_card.mute_confirm_cancel_button' : 'user_card.block_confirm_cancel_button')"
+    @accepted="accept"
+    @cancelled="cancel"
+  >
+    <p>
+      {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
+    </p>
+    <p>
+      {{ $t('user_card.expire_in') }}
+      <input
+        id="userFilterExpires"
+        v-model="expiration"
+        class="input input-expire-in"
+        :class="{ disabled: forever }"
+        :disabled="forever"
+        min="1"
+        type="number"
+      >
+      <Select
+        id="userFilterExpiresUnit"
+        v-model="expirationUnit"
+        class="input unit-input unstyled"
+        :disabled="forever"
+      >
+        <option
+          key="s"
+          value="s"
+        >
+          {{ $t('time.unit.seconds_suffix') }}
+        </option>
+        <option
+          key="m"
+          value="m"
+        >
+          {{ $t('time.unit.minutes_suffix') }}
+        </option>
+        <option
+          key="h"
+          value="h"
+        >
+          {{ $t('time.unit.hours_suffix') }}
+        </option>
+        <option
+          key="d"
+          value="d"
+        >
+          {{ $t('time.unit.days_suffix') }}
+        </option>
+      </Select>
+
+      {{ $t('user_card.mute_or') }}
+
+      <Checkbox
+        id="forever"
+        v-model="forever"
+        name="forever"
+        class="input-forever"
+      >
+        {{ $t('user_card.mute_block_never') }}
+      </Checkbox>
+    </p>
+
+    <template #footerLeft>
+      <div class="footer-left-checkbox">
+        <Checkbox
+          id="dontAskAgain"
+          v-model="dontAskAgain"
+          name="dontAskAgain"
+          class="input-dont-ask-again"
+        >
+          {{ $t(isMute ? 'user_card.dont_ask_again_mute' : 'user_card.dont_ask_again_block') }}
+        </Checkbox>
+      </div>
+    </template>
+  </confirm-modal>
+</template>
+
+<script src="./user_timed_filter_modal.js"></script>
+
+<style lang="scss" src="./user_timed_filter_modal.scss" />
diff --git a/src/components/video_attachment/video_attachment.js b/src/components/video_attachment/video_attachment.js
index c7110f79f..690409169 100644
--- a/src/components/video_attachment/video_attachment.js
+++ b/src/components/video_attachment/video_attachment.js
@@ -1,22 +1,24 @@
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const VideoAttachment = {
   props: ['attachment', 'controls'],
-  data () {
+  data() {
     return {
       blocksSuspend: false,
       // Start from true because removing "loop" property seems buggy in Vue
-      hasAudio: true
+      hasAudio: true,
     }
   },
   computed: {
-    loopVideo () {
-      if (this.$store.getters.mergedConfig.loopVideoSilentOnly) {
+    loopVideo() {
+      if (useMergedConfigStore().mergedConfig.loopVideoSilentOnly) {
         return !this.hasAudio
       }
-      return this.$store.getters.mergedConfig.loopVideo
-    }
+      return useMergedConfigStore().mergedConfig.loopVideo
+    },
   },
   methods: {
-    onPlaying (e) {
+    onPlaying(e) {
       this.setHasAudio(e)
       if (this.loopVideo) {
         this.$emit('play', { looping: true })
@@ -24,10 +26,10 @@ const VideoAttachment = {
       }
       this.$emit('play')
     },
-    onPaused () {
+    onPaused() {
       this.$emit('pause')
     },
-    setHasAudio (e) {
+    setHasAudio(e) {
       const target = e.srcElement || e.target
       // If hasAudio is false, we've already marked this video to not have audio,
       // a video can't gain audio out of nowhere so don't bother checking again.
@@ -44,8 +46,8 @@ const VideoAttachment = {
         if (target.audioTracks.length > 0) return
       }
       this.hasAudio = false
-    }
-  }
+    },
+  },
 }
 
 export default VideoAttachment
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 9a3bd9e42..720b15041 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,22 +1,25 @@
 import apiService from '../../services/api/api.service.js'
 import FollowCard from '../follow_card/follow_card.vue'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+
 const WhoToFollow = {
   components: {
-    FollowCard
+    FollowCard,
   },
-  data () {
+  data() {
     return {
-      users: []
+      users: [],
     }
   },
-  mounted () {
+  mounted() {
     this.getWhoToFollow()
   },
   methods: {
-    showWhoToFollow (reply) {
+    showWhoToFollow(reply) {
       reply.forEach((i) => {
-        this.$store.state.api.backendInteractor.fetchUser({ id: i.acct })
+        this.$store.state.api.backendInteractor
+          .fetchUser({ id: i.acct })
           .then((externalUser) => {
             if (!externalUser.error) {
               this.$store.commit('addNewUsers', [externalUser])
@@ -25,16 +28,15 @@ const WhoToFollow = {
           })
       })
     },
-    getWhoToFollow () {
+    getWhoToFollow() {
       const credentials = this.$store.state.users.currentUser.credentials
       if (credentials) {
-        apiService.suggestions({ credentials })
-          .then((reply) => {
-            this.showWhoToFollow(reply)
-          })
+        apiService.suggestions({ credentials }).then((reply) => {
+          this.showWhoToFollow(reply)
+        })
       }
-    }
-  }
+    },
+  },
 }
 
 export default WhoToFollow
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 004f6e7db..e364dcf80 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,19 +1,25 @@
-import apiService from '../../services/api/api.service.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { shuffle } from 'lodash'
 
-function showWhoToFollow (panel, reply) {
+import apiService from '../../services/api/api.service.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
+function showWhoToFollow(panel, reply) {
   const shuffled = shuffle(reply)
 
   panel.usersToFollow.forEach((toFollow, index) => {
     const user = shuffled[index]
-    const img = user.avatar || this.$store.state.instance.defaultAvatar
+    const img = user.avatar || useInstanceStore().defaultAvatar
     const name = user.acct
 
     toFollow.img = img
     toFollow.name = name
 
-    panel.$store.state.api.backendInteractor.fetchUser({ id: name })
+    panel.$store.state.api.backendInteractor
+      .fetchUser({ id: name })
       .then((externalUser) => {
         if (!externalUser.error) {
           panel.$store.commit('addNewUsers', [externalUser])
@@ -23,56 +29,56 @@ function showWhoToFollow (panel, reply) {
   })
 }
 
-function getWhoToFollow (panel) {
+function getWhoToFollow(panel) {
   const credentials = panel.$store.state.users.currentUser.credentials
   if (credentials) {
-    panel.usersToFollow.forEach(toFollow => {
+    panel.usersToFollow.forEach((toFollow) => {
       toFollow.name = 'Loading...'
     })
-    apiService.suggestions({ credentials })
-      .then((reply) => {
-        showWhoToFollow(panel, reply)
-      })
+    apiService.suggestions({ credentials }).then((reply) => {
+      showWhoToFollow(panel, reply)
+    })
   }
 }
 
 const WhoToFollowPanel = {
   data: () => ({
-    usersToFollow: []
+    usersToFollow: [],
   }),
   computed: {
     user: function () {
       return this.$store.state.users.currentUser.screen_name
     },
-    suggestionsEnabled () {
-      return this.$store.state.instance.suggestionsEnabled
-    }
+    suggestionsEnabled() {
+      return useInstanceCapabilitiesStore().suggestionsEnabled
+    },
   },
   methods: {
-    userProfileLink (id, name) {
-      return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
-    }
+    userProfileLink(id, name) {
+      return generateProfileLink(
+        id,
+        name,
+        useInstanceStore().restrictedNicknames,
+      )
+    },
   },
   watch: {
     user: function () {
       if (this.suggestionsEnabled) {
         getWhoToFollow(this)
       }
+    },
+  },
+  mounted: function () {
+    this.usersToFollow = new Array(3).fill().map(() => ({
+      img: useInstanceStore().defaultAvatar,
+      name: '',
+      id: 0,
+    }))
+    if (this.suggestionsEnabled) {
+      getWhoToFollow(this)
     }
   },
-  mounted:
-    function () {
-      this.usersToFollow = new Array(3).fill().map(() => (
-        {
-          img: this.$store.state.instance.defaultAvatar,
-          name: '',
-          id: 0
-        }
-      ))
-      if (this.suggestionsEnabled) {
-        getWhoToFollow(this)
-      }
-    }
 }
 
 export default WhoToFollowPanel
diff --git a/src/directives/body_scroll_lock.js b/src/directives/body_scroll_lock.js
index b6d167902..35196739f 100644
--- a/src/directives/body_scroll_lock.js
+++ b/src/directives/body_scroll_lock.js
@@ -7,7 +7,7 @@ const lockerEls = new Set([])
 const disableBodyScroll = (el) => {
   const scrollBarGap = window.innerWidth - document.documentElement.clientWidth
   bodyScrollLock.disableBodyScroll(el, {
-    reserveScrollBarGap: true
+    reserveScrollBarGap: true,
   })
   lockerEls.add(el)
   setTimeout(() => {
@@ -15,14 +15,22 @@ const disableBodyScroll = (el) => {
       // If previousNavPaddingRight is already set, don't set it again.
       if (previousNavPaddingRight === undefined) {
         const navEl = document.getElementById('nav')
-        previousNavPaddingRight = window.getComputedStyle(navEl).getPropertyValue('padding-right')
-        navEl.style.paddingRight = previousNavPaddingRight ? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
+        previousNavPaddingRight = window
+          .getComputedStyle(navEl)
+          .getPropertyValue('padding-right')
+        navEl.style.paddingRight = previousNavPaddingRight
+          ? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)`
+          : `${scrollBarGap}px`
       }
       // If previousAppBgWrapeprRight is already set, don't set it again.
       if (previousAppBgWrapperRight === undefined) {
         const appBgWrapperEl = document.getElementById('app_bg_wrapper')
-        previousAppBgWrapperRight = window.getComputedStyle(appBgWrapperEl).getPropertyValue('right')
-        appBgWrapperEl.style.right = previousAppBgWrapperRight ? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
+        previousAppBgWrapperRight = window
+          .getComputedStyle(appBgWrapperEl)
+          .getPropertyValue('right')
+        appBgWrapperEl.style.right = previousAppBgWrapperRight
+          ? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)`
+          : `${scrollBarGap}px`
       }
       document.body.classList.add('scroll-locked')
     }
@@ -34,12 +42,14 @@ const enableBodyScroll = (el) => {
   setTimeout(() => {
     if (lockerEls.size === 0) {
       if (previousNavPaddingRight !== undefined) {
-        document.getElementById('nav').style.paddingRight = previousNavPaddingRight
+        document.getElementById('nav').style.paddingRight =
+          previousNavPaddingRight
         // Restore previousNavPaddingRight to undefined so disableBodyScroll knows it can be set again.
         previousNavPaddingRight = undefined
       }
       if (previousAppBgWrapperRight !== undefined) {
-        document.getElementById('app_bg_wrapper').style.right = previousAppBgWrapperRight
+        document.getElementById('app_bg_wrapper').style.right =
+          previousAppBgWrapperRight
         // Restore previousAppBgWrapperRight to undefined so disableBodyScroll knows it can be set again.
         previousAppBgWrapperRight = undefined
       }
@@ -68,7 +78,7 @@ const directive = {
   },
   unmounted: (el) => {
     enableBodyScroll(el)
-  }
+  },
 }
 
 export default (Vue) => {
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 4e5bb50f1..9cb9d78c4 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -1,109 +1,119 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_load_more.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
-const withLoadMore = ({
-  fetch, // function to fetch entries and return a promise
-  select, // function to select data from store
-  unmounted, // function called at "destroyed" lifecycle
-  childPropName = 'entries', // name of the prop to be passed into the wrapped component
-  additionalPropNames = [] // additional prop name list of the wrapper component
-}) => (WrappedComponent) => {
-  const originalProps = Object.keys(getComponentProps(WrappedComponent))
-  const props = originalProps.filter(v => v !== childPropName).concat(additionalPropNames)
+const withLoadMore =
+  ({
+    fetch, // function to fetch entries and return a promise
+    select, // function to select data from store
+    unmounted, // function called at "destroyed" lifecycle
+    childPropName = 'entries', // name of the prop to be passed into the wrapped component
+    additionalPropNames = [], // additional prop name list of the wrapper component
+  }) =>
+  (WrappedComponent) => {
+    const originalProps = Object.keys(getComponentProps(WrappedComponent))
+    const props = originalProps
+      .filter((v) => v !== childPropName)
+      .concat(additionalPropNames)
 
-  return {
-    props,
-    data () {
-      return {
-        loading: false,
-        bottomedOut: false,
-        error: false,
-        entries: []
-      }
-    },
-    created () {
-      window.addEventListener('scroll', this.scrollLoad)
-      if (this.entries.length === 0) {
-        this.fetchEntries()
-      }
-    },
-    unmounted () {
-      window.removeEventListener('scroll', this.scrollLoad)
-      unmounted && unmounted(this.$props, this.$store)
-    },
-    methods: {
-      // Entries is not a computed because computed can't track the dynamic
-      // selector for changes and won't trigger after fetch.
-      updateEntries () {
-        this.entries = select(this.$props, this.$store) || []
-      },
-      fetchEntries () {
-        if (!this.loading) {
-          this.loading = true
-          this.error = false
-          fetch(this.$props, this.$store)
-            .then((newEntries) => {
-              this.loading = false
-              this.bottomedOut = isEmpty(newEntries)
-            })
-            .catch(() => {
-              this.loading = false
-              this.error = true
-            })
-            .finally(() => {
-              this.updateEntries()
-            })
+    return {
+      props,
+      data() {
+        return {
+          loading: false,
+          bottomedOut: false,
+          error: false,
+          entries: [],
         }
       },
-      scrollLoad (e) {
-        const bodyBRect = document.body.getBoundingClientRect()
-        const height = Math.max(bodyBRect.height, -(bodyBRect.y))
-        if (this.loading === false &&
-          this.bottomedOut === false &&
-          this.$el.offsetHeight > 0 &&
-          (window.innerHeight + window.pageYOffset) >= (height - 750)
-        ) {
+      created() {
+        window.addEventListener('scroll', this.scrollLoad)
+        if (this.entries.length === 0) {
           this.fetchEntries()
         }
-      }
-    },
-    render () {
-      const props = {
-        ...this.$props,
-        [childPropName]: this.entries
-      }
-      const children = this.$slots
-      return (
-        <div class="with-load-more">
-          <WrappedComponent {...props}>
-            {children}
-          </WrappedComponent>
-          <div class="with-load-more-footer">
-            {this.error &&
-              <button onClick={this.fetchEntries} class="button-unstyled -link -fullwidth alert error">
-                {this.$t('general.generic_error')}
-              </button>
-            }
-            {!this.error && this.loading && <FAIcon spin icon="circle-notch"/>}
-            {!this.error && !this.loading && !this.bottomedOut && <a onClick={this.fetchEntries} role="button" tabindex="0">{this.$t('general.more')}</a>}
+      },
+      unmounted() {
+        window.removeEventListener('scroll', this.scrollLoad)
+        unmounted && unmounted(this.$props, this.$store)
+      },
+      methods: {
+        // Entries is not a computed because computed can't track the dynamic
+        // selector for changes and won't trigger after fetch.
+        updateEntries() {
+          this.entries = select(this.$props, this.$store) || []
+        },
+        fetchEntries() {
+          if (!this.loading) {
+            this.loading = true
+            this.error = false
+            fetch(this.$props, this.$store)
+              .then((newEntries) => {
+                this.loading = false
+                this.bottomedOut = isEmpty(newEntries)
+              })
+              .catch(() => {
+                this.loading = false
+                this.error = true
+              })
+              .finally(() => {
+                this.updateEntries()
+              })
+          }
+        },
+        scrollLoad(e) {
+          const bodyBRect = document.body.getBoundingClientRect()
+          const height = Math.max(bodyBRect.height, -bodyBRect.y)
+          if (
+            this.loading === false &&
+            this.bottomedOut === false &&
+            this.$el.offsetHeight > 0 &&
+            window.innerHeight + window.pageYOffset >= height - 750
+          ) {
+            this.fetchEntries()
+          }
+        },
+      },
+      render() {
+        const props = {
+          ...this.$props,
+          [childPropName]: this.entries,
+        }
+        const children = this.$slots
+        return (
+          <div class="with-load-more">
+            <WrappedComponent {...props}>{children}</WrappedComponent>
+            <div class="with-load-more-footer">
+              {this.error && (
+                <button
+                  onClick={this.fetchEntries}
+                  class="button-unstyled -link -fullwidth alert error"
+                >
+                  {this.$t('general.generic_error')}
+                </button>
+              )}
+              {!this.error && this.loading && (
+                <FAIcon spin icon="circle-notch" />
+              )}
+              {!this.error && !this.loading && !this.bottomedOut && (
+                <a onClick={this.fetchEntries} role="button" tabindex="0">
+                  {this.$t('general.more')}
+                </a>
+              )}
+            </div>
           </div>
-        </div>
-      )
+        )
+      },
     }
   }
-}
 
 export default withLoadMore
diff --git a/src/hocs/with_load_more/with_load_more.scss b/src/hocs/with_load_more/with_load_more.scss
index 524e4012f..6b007ac2e 100644
--- a/src/hocs/with_load_more/with_load_more.scss
+++ b/src/hocs/with_load_more/with_load_more.scss
@@ -1,6 +1,6 @@
 .with-load-more {
   &-footer {
-    padding: 10px;
+    padding: 0.9em;
     text-align: center;
     border-top: 1px solid;
     border-top-color: var(--border);
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index d3f5506aa..198be6862 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -1,91 +1,94 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_subscription.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
-const withSubscription = ({
-  fetch, // function to fetch entries and return a promise
-  select, // function to select data from store
-  childPropName = 'content', // name of the prop to be passed into the wrapped component
-  additionalPropNames = [] // additional prop name list of the wrapper component
-}) => (WrappedComponent) => {
-  const originalProps = Object.keys(getComponentProps(WrappedComponent))
-  const props = originalProps.filter(v => v !== childPropName).concat(additionalPropNames)
+const withSubscription =
+  ({
+    fetch, // function to fetch entries and return a promise
+    select, // function to select data from store
+    childPropName = 'content', // name of the prop to be passed into the wrapped component
+    additionalPropNames = [], // additional prop name list of the wrapper component
+  }) =>
+  (WrappedComponent) => {
+    const originalProps = Object.keys(getComponentProps(WrappedComponent))
+    const props = originalProps
+      .filter((v) => v !== childPropName)
+      .concat(additionalPropNames)
 
-  return {
-    props: [
-      ...props,
-      'refresh' // boolean saying to force-fetch data whenever created
-    ],
-    data () {
-      return {
-        loading: false,
-        error: false
-      }
-    },
-    computed: {
-      fetchedData () {
-        return select(this.$props, this.$store)
-      }
-    },
-    created () {
-      if (this.refresh || isEmpty(this.fetchedData)) {
-        this.fetchData()
-      }
-    },
-    methods: {
-      fetchData () {
-        if (!this.loading) {
-          this.loading = true
-          this.error = false
-          fetch(this.$props, this.$store)
-            .then(() => {
-              this.loading = false
-            })
-            .catch(() => {
-              this.error = true
-              this.loading = false
-            })
+    return {
+      props: [
+        ...props,
+        'refresh', // boolean saying to force-fetch data whenever created
+      ],
+      data() {
+        return {
+          loading: false,
+          error: false,
         }
-      }
-    },
-    render () {
-      if (!this.error && !this.loading) {
-        const props = {
-          ...this.$props,
-          [childPropName]: this.fetchedData
+      },
+      computed: {
+        fetchedData() {
+          return select(this.$props, this.$store)
+        },
+      },
+      created() {
+        if (this.refresh || isEmpty(this.fetchedData)) {
+          this.fetchData()
         }
-        const children = this.$slots
-        return (
-          <div class="with-subscription">
-            <WrappedComponent {...props}>
-              {children}
-            </WrappedComponent>
-          </div>
-        )
-      } else {
-        return (
-          <div class="with-subscription-loading">
-            {this.error
-              ? <a onClick={this.fetchData} class="alert error">{this.$t('general.generic_error')}</a>
-              : <FAIcon spin icon="circle-notch"/>
-            }
-          </div>
-        )
-      }
+      },
+      methods: {
+        fetchData() {
+          if (!this.loading) {
+            this.loading = true
+            this.error = false
+            fetch(this.$props, this.$store)
+              .then(() => {
+                this.loading = false
+              })
+              .catch(() => {
+                this.error = true
+                this.loading = false
+              })
+          }
+        },
+      },
+      render() {
+        if (!this.error && !this.loading) {
+          const props = {
+            ...this.$props,
+            [childPropName]: this.fetchedData,
+          }
+          const children = this.$slots
+          return (
+            <div class="with-subscription">
+              <WrappedComponent {...props}>{children}</WrappedComponent>
+            </div>
+          )
+        } else {
+          return (
+            <div class="with-subscription-loading">
+              {this.error ? (
+                <a onClick={this.fetchData} class="alert error">
+                  {this.$t('general.generic_error')}
+                </a>
+              ) : (
+                <FAIcon spin icon="circle-notch" />
+              )}
+            </div>
+          )
+        }
+      },
     }
   }
-}
 
 export default withSubscription
diff --git a/src/hocs/with_subscription/with_subscription.scss b/src/hocs/with_subscription/with_subscription.scss
index 996045b43..8c0af336c 100644
--- a/src/hocs/with_subscription/with_subscription.scss
+++ b/src/hocs/with_subscription/with_subscription.scss
@@ -1,6 +1,6 @@
 .with-subscription {
   &-loading {
-    padding: 10px;
+    padding: 0.7em;
     text-align: center;
 
     .error {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 45c52ce67..0165af240 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -132,6 +132,7 @@
   },
   "importer": {
     "submit": "Submit",
+    "import": "Import",
     "success": "Imported successfully.",
     "error": "An error occured while importing this file."
   },
@@ -380,6 +381,7 @@
     "select_all": "Select all"
   },
   "settings": {
+    "invalid_settings_imported": "Error importing settings",
     "add_language": "Add fallback language",
     "remove_language": "Remove",
     "primary_language": "Primary language:",
@@ -387,21 +389,31 @@
     "actor_type": "This account is:",
     "actor_type_description": "Marking your account as a group will make it automatically repeat statuses that mention it.",
     "actor_type_Person": "a normal user",
+    "actor_type_person_proper": "a person",
     "actor_type_Service": "a bot",
     "actor_type_Group": "a group",
     "mobile_center_dialog": "Vertically center dialogs on mobile",
     "app_name": "App name",
     "expert_mode": "Show advanced",
     "save": "Save changes",
+    "reset": "Reset changes",
     "security": "Security",
+    "toggle_edit": "Edit",
+    "change_banner": "Change banner",
+    "change_avatar": "Change avatar",
     "setting_changed": "Setting is different from default",
     "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
+    "setting_local_side": "This setting is tied to current session and doesn't affects other devices and browsers",
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",
     "post_look_feel": "Posts Look & Feel",
-    "mention_links": "Mention links",
+    "posts": "Posts",
+    "developer": "Developer",
+    "debug": "Debug",
+    "mention_links": "Mention Links",
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
     "confirm_new_question": "Does this look ok? Setting will be reverted in 10 seconds.",
+    "confirm_new_question_countdown": "Does this look ok? Setting will be reverted in 1 second. | Does this look ok? Setting will be reverted in {count} seconds.",
     "revert": "Revert",
     "confirm": "Confirm",
     "text_size": "Text and interface size",
@@ -411,9 +423,14 @@
     "navbar_size": "Top bar size",
     "panel_header_size": "Panel header size",
     "visual_tweaks": "Minor visual tweaks",
-    "theme_debug": "Show what background theme engine assumes when dealing with transparancy (DEBUG)",
+    "theme_debug": "Show what background theme engine assumes when dealing with transparancy",
     "scale_and_layout": "Interface scale and layout",
+    "timelines": "Timelines",
+    "format_and_language": "Format and Language",
+    "confirmations": "Confirmations",
+    "layout": "Layout",
     "enabled": "Enabled",
+    "clutter": "Clutter",
     "filter": {
       "clutter": "Remove clutter",
       "mute_filter": "Mute Filters",
@@ -488,6 +505,7 @@
     "avatarRadius": "Avatars",
     "background": "Background",
     "bio": "Bio",
+    "profile_other": "Other",
     "email_language": "Language for receiving emails from the server",
     "block_export": "Block export",
     "block_export_button": "Export your blocks to a csv file",
@@ -527,6 +545,7 @@
     "chatMessageRadius": "Chat message",
     "collapse_subject": "Collapse posts with subjects",
     "composing": "Composing",
+    "replies": "Replying",
     "confirm_new_password": "Confirm new password",
     "current_password": "Current password",
     "confirm_dialogs": "Ask for confirmation when",
@@ -563,7 +582,8 @@
     "move_account_error": "Error moving account: {error}",
     "discoverable": "Allow discovery of this account in search results and other services",
     "domain_mutes": "Domains",
-    "avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels.",
+    "avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels. Recommended aspect ratio is 1:1",
+    "banner_size_instruction": "The recommended minimum size for banner images is 450x150 pixels. Recommended aspect ratio is 3:1",
     "pad_emoji": "Pad emoji with spaces when adding from picker",
     "autocomplete_select_first": "Automatically select the first candidate when autocomplete results are available",
     "unsaved_post_action": "When you try to close an unsaved posting form",
@@ -587,6 +607,12 @@
     "follow_export_button": "Export your follows to a csv file",
     "follow_import": "Follow import",
     "follow_import_error": "Error importing followers",
+    "import_export": {
+      "title": "Import / Export",
+      "follows": "List of users you follow",
+      "blocks": "List of users you block",
+      "mutes": "List of users you mute"
+    },
     "follows_imported": "Follows imported! Processing them will take a while.",
     "accent": "Accent",
     "foreground": "Foreground",
@@ -657,13 +683,13 @@
       "label": "Birthday",
       "show_birthday": "Show my birthday"
     },
+    "account_profile_edit": "Edit Profile",
     "account_privacy": "Privacy",
     "use_contain_fit": "Don't crop the attachment in thumbnails",
     "name": "Name",
     "name_bio": "Name & bio",
     "new_email": "New email",
     "new_password": "New password",
-    "posts": "Posts",
     "user_profiles": "User Profiles",
     "notification_visibility": "Types of notifications to show",
     "notification_visibility_in_column": "Show in notifications column/drawer",
@@ -722,8 +748,10 @@
     "minimal_scopes_mode": "Minimize post scope selection options",
     "set_new_avatar": "Set new avatar",
     "set_new_profile_background": "Set new profile background",
+    "set_new_background": "Set new background",
     "set_new_profile_banner": "Set new profile banner",
     "reset_avatar": "Reset avatar",
+    "reset_banner": "Reset banner",
     "reset_profile_background": "Reset profile background",
     "reset_profile_banner": "Reset profile banner",
     "reset_avatar_confirm": "Do you really want to reset the avatar?",
@@ -735,7 +763,7 @@
     "subject_line_email": "Like email: \"re: subject\"",
     "subject_line_mastodon": "Like mastodon: copy as is",
     "subject_line_noop": "Do not copy",
-    "force_theme_recompilation_debug": "Disable theme cahe, force recompile on each boot (DEBUG)",
+    "force_theme_recompilation_debug": "Disable theme cahe, force recompile on each boot",
     "conversation_display": "Conversation display style",
     "conversation_display_tree": "Tree-style",
     "conversation_display_tree_quick": "Tree view",
@@ -750,6 +778,7 @@
     "column_sizes_sidebar": "Sidebar",
     "column_sizes_content": "Content",
     "column_sizes_notifs": "Notifications",
+    "scale_and_font": "Scale and Font",
     "theme_editor_min_width": "Minimum width of theme editor (0 for \"fit-content\")",
     "tree_advanced": "Allow more flexible navigation in tree view",
     "tree_fade_ancestors": "Display ancestors of the current status in faint text",
@@ -760,6 +789,7 @@
     "conversation_other_replies_button_inside": "Inside statuses",
     "max_depth_in_thread": "Maximum number of levels in thread to display by default",
     "post_status_content_type": "Post status content type",
+    "default_post_status_content_type": "Default post status content type",
     "sensitive_by_default": "Mark posts as sensitive by default",
     "stop_gifs": "Pause animated images until you hover on them",
     "streaming": "Automatically show new posts when scrolled to the top",
@@ -776,6 +806,8 @@
     "tooltipRadius": "Tooltips/alerts",
     "type_domains_to_mute": "Search domains to mute",
     "upload_a_photo": "Upload a photo",
+    "upload_picture": "Upload picture",
+    "select_picture": "Select picture",
     "user_settings": "User Settings",
     "values": {
       "false": "no",
@@ -797,8 +829,13 @@
     "user_popover_avatar_action_close": "Close the popover",
     "user_popover_avatar_action_open": "Open profile",
     "user_popover_avatar_overlay": "Show user popover over user avatar",
+    "user_card_left_justify": "Justify user bio to the left",
+    "user_card_hide_personal_marks": "Hide personal marks (highlight/note) in user profiles",
+    "posts_appearance": "Posts Appearance",
     "fun": "Fun",
     "greentext": "Meme arrows",
+    "plaintext_quotes": "Highlight plaintext {0}",
+    "greentext_quotes": ">quotes",
     "show_yous": "Show (You)s",
     "notifications": "Notifications",
     "notification_setting_annoyance": "Annoyance",
@@ -818,11 +855,13 @@
     "enable_web_push_always_show_tip": "Some browsers (Chromium, Chrome) require that push messages always result in a notification, otherwise generic 'Website was updated in background' is shown, enable this to prevent this notification from showing, as Chrome seem to hide push notifications if tab is in focus. Can result in showing duplicate notifications on other browsers.",
     "more_settings": "More settings",
     "style": {
+      "style_section": "Style",
       "custom_theme_used": "(Custom theme)",
       "custom_style_used": "(Custom style)",
       "stock_theme_used": "(Stock theme)",
       "themes2_outdated": "Editor for Themes V2 is being phased out and will eventually be replaced with a new one that takes advantage of new Themes V3 engine. It should still work but experience might be degraded and inconsistent.",
       "appearance_tab_note": "Changes on this tab do not affect the theme used, so exported theme will be different from what seen in the UI",
+      "visual_tweaks_section_note": "Changes in this section do not affect the theme used, exported theme will be different from what seen in the UI",
       "update_preview": "Update preview",
       "themes3": {
         "define": "Override",
@@ -907,7 +946,7 @@
         },
         "font": {
           "group-builtin": "Browser default fonts",
-          "builtin" : {
+          "builtin": {
             "serif": "Serif",
             "sans-serif": "Sans-serif",
             "monospace": "Monospace",
@@ -1061,6 +1100,13 @@
           "post": "Post text",
           "monospace": "Monospaced text"
         },
+        "components_inline": {
+          "interface": "interface",
+          "input": "input fields",
+          "post": "post text",
+          "monospace": "monospaced text"
+        },
+        "override": "Override {0} font",
         "family": "Font name",
         "size": "Size (in px)",
         "weight": "Weight (boldness)",
@@ -1107,7 +1153,77 @@
       "instance": "Instance",
       "limits": "Limits",
       "frontends": "Front-ends",
-      "emoji": "Emoji"
+      "mailer": "EMails",
+      "media_proxy": "Media Proxy",
+      "emoji": "Emoji",
+      "uploads": "Uploads",
+      "monitoring": "Monitoring",
+      "registrations": "Registrations",
+      "links": "Links",
+      "job_queues": "Job Queues",
+      "auth": "Auth",
+      "posts": "Posts",
+      "rate_limit": "Rate Limits",
+      "http": "HTTP",
+      "federation": "Federation",
+      "other": "Other"
+    },
+    "posts": {
+      "global": "Global settings",
+      "local": "Local posts",
+      "remote": "Remote posts"
+    },
+    "other": {
+      "uncategorized": "Uncategorized",
+      "user_backup": "User Backup",
+      "reports": "Reports",
+      "privileges": "Privileges"
+    },
+    "monitoring": {
+      "builtins": "Built-in Tools",
+      "prometheus": "Prometheus Exporter"
+    },
+    "federation": {
+      "global": "Global settings",
+      "restrictions": "Restrictions",
+      "activitypub": "ActivityPub"
+    },
+    "auth": {
+      "MFA": "Multi-factor Authentication",
+      "LDAP": "LDAP Settings",
+      "OAuth": "Oauth2 settings",
+      "TOTP": "One-time Passwords (TOTP)",
+      "backup_codes": "Backup codes"
+    },
+    "job_queues": {
+      "Gun": {
+        "title": "Gun queues",
+        "connections_pools": "Gun connections pool",
+        "pools": {
+          "title": "Gun worker pools",
+          "default": "Default pool",
+          "federation": "Federation pool",
+          "media": "Media pool",
+          "rich_media": "Rich media pool",
+          "upload": "Upload pool"
+        }
+      },
+      "Hackney": {
+        "title": "Hackney pools",
+        "federation": "Federation",
+        "media": "Media",
+        "rich_media": "Rich media",
+        "upload": "Upload"
+      },
+      "queues": "Queues"
+    },
+    "rate_limit": {
+      "rate_limit": "Rate Limit",
+      "amount": "Amount",
+      "unauthenticated": "Unauthenticated",
+      "authenticated": "Authenticated",
+      "period": "Time period",
+      "separate": "Separate rate limits for authenticated/unauthenticated users"
     },
     "nodb": {
       "heading": "Database config is disabled",
@@ -1119,29 +1235,61 @@
       "native": "Native",
       "kocaptcha": "KoCaptcha"
     },
-    "instance": {
-      "instance": "Instance information",
-      "registrations": "User sign-ups",
-      "captcha_header": "CAPTCHA",
-      "kocaptcha": "KoCaptcha settings",
-      "access": "Instance access",
-      "restrict": {
-        "header": "Restrict access for anonymous visitors",
-        "description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
-        "timelines": "Timelines access",
-        "profiles": "User profiles access",
-        "activities": "Statuses/activities access"
-      }
+    "http": {
+      "outbound": "Outgoing connections",
+      "incoming": "Incoming connections",
+      "security": "HTTP Security",
+      "web_push": "Web Push",
+      "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
+    },
+    "registrations": {
+      "welcome": {
+        "title": "Welcome message",
+        "description": "Send new users a message when they sign up",
+        "direct_message": "Via direct message",
+        "chat_message": "Via chat",
+        "email_message": "Via email"
+      },
+      "restrictions": "Restrictions",
+      "autofollow": "Autofollow"
+    },
+    "links": {
+      "no_scheme": "No scheme",
+      "link_previews": "Link previews",
+      "link_formatter": "Link formatter"
+    },
+    "uploads": {
+      "attachments": "Attachments settings",
+      "upload": "Upload",
+      "local_uploader": "Local files",
+      "filenames": "Filenames, Titles and Descriptions",
+      "uploader_settings": "Uploader settings"
+    },
+    "media_proxy": {
+      "basic": "Basic Settings",
+      "invalidation": "Cache Invalidation",
+      "limits": "Limits",
+      "thumbnails": "Thumbnail Generation",
+      "invalidation_settings": "Cache Invalidation"
+    },
+    "mailer": {
+      "styling": "Styling",
+      "assets": "Assets",
+      "colors": "Color palette",
+      "adapter": "Mailing Adapter",
+      "auth": "Authentication"
     },
     "limits": {
       "arbitrary_limits": "Arbitrary limits",
       "posts": "Post limits",
+      "other": "Misc. limits",
       "uploads": "Attachments limits",
       "users": "User profile limits",
       "profile_fields": "Profile fields limits",
       "user_uploads": "Profile media limits"
     },
     "frontend": {
+      "title": "Frontend management",
       "repository": "Repository link",
       "versions": "Available versions",
       "build_url": "Build URL",
@@ -1165,7 +1313,11 @@
     "emoji": {
       "global_actions": "Global actions",
       "reload": "Reload emoji",
+      "reload_short": "Refresh",
+      "advanced": "Advanced",
       "importFS": "Import emoji from filesystem",
+      "import_pack": "Upload emoji pack",
+      "import_pack_short": "Import",
       "error": "Error: {0}",
       "create_pack": "Create pack",
       "delete_pack": "Delete pack",
@@ -1173,10 +1325,12 @@
       "create": "Create",
       "emoji_packs": "Emoji packs",
       "remote_packs": "Remote packs",
+      "remote_packs_short": "Remote",
       "do_list": "List",
       "remote_pack_instance": "Remote pack instance",
       "emoji_pack": "Emoji pack",
       "edit_pack": "Edit pack",
+      "metadata": "Metadata",
       "description": "Description",
       "homepage": "Homepage",
       "fallback_src": "Fallback source",
@@ -1191,6 +1345,8 @@
       "adding_new": "Adding new emoji",
       "shortcode": "Shortcode",
       "filename": "Filename",
+      "emoji_source": "Emoji file source",
+      "upload_url": "Upload from URL",
       "new_shortcode": "Shortcode, leave blank to infer",
       "new_filename": "Filename, leave blank to infer",
       "delete_confirm": "Are you sure you want to delete {0}?",
@@ -1201,13 +1357,108 @@
       "download_as_name_full": "New name, leave blank to reuse",
       "files": "Files",
       "editing": "Editing {0}",
+      "copying": "Copying {0}",
+      "copy_to": "Copy to",
+      "copy_to_pack": "Copy to local pack",
       "delete_title": "Delete?",
       "metadata_changed": "Metadata different from saved",
       "emoji_changed": "Unsaved emoji file changes, check highlighted emoji",
-      "replace_warning": "This will REPLACE the local pack of the same name"
+      "replace_warning": "This will REPLACE the local pack of the same name",
+      "copied_successfully": "Successfully copied emoji \"{0}\" to pack \"{1}\""
+    },
+    "generic_enforcement": {
+      "if_available": "If available",
+      "always": "Always",
+      "never": "Never"
+    },
+    "instance": {
+      "instance": "Instance information",
+      "registrations": "User sign-ups",
+      "captcha_header": "CAPTCHA",
+      "kocaptcha": "KoCaptcha settings",
+      "pwa": {
+        "manifest": "PWA Manifest",
+        "optional": "(optional)",
+        "no_icons": "No icons defined",
+        "icon": {
+          "purpose": "Icon purpose",
+          "any": "Any",
+          "monochrome": "Monochrome",
+          "maskable": "Maskable"
+        }
+      },
+      "misc_brand": "Miscellaneous elements",
+      "branding": "Branding",
+      "access": "Instance access",
+      "rich_metadata": "Metadata",
+      "restrict": {
+        "header": "Restrict access for anonymous visitors",
+        "description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
+        "timelines": "Timelines access",
+        "profiles": "User profiles access",
+        "activities": "Statuses/activities access"
+      },
+      ":unauthenticated": "Unauthenticated",
+      ":all": "Everyone"
     },
     "temp_overrides": {
       ":pleroma": {
+        ":connections_pool": {
+          ":max_idle_time": {
+            "label": "Maximum idle time",
+            "description": "Maximum idle time before CONFIRM"
+          },
+          ":retry": {
+            "label": "Retry",
+            "description": "Number of retries for making a connection CONFIRM"
+          }
+        },
+        ":pools": {
+          ":rich_media": {
+            "label": "Rich media",
+            "description": "idk"
+          }
+        },
+        ":rate_limit": {
+          ":oauth_app_creation": {
+            "label": "OAuth app creation",
+            "description": "For registering new OAuth App ID"
+          },
+          ":ap_routes": {
+            "label": "ActivityPub",
+            "description": "Federation endpoints"
+          },
+          ":account_confirmation_resend": {
+            "label": "Account confirmation resend",
+            "description": "How often user can resend confirmation mail"
+          }
+        },
+        "Pleroma_DOT_Formatter": {
+          ":attribute_toggle": {
+            "label": "Set {attr} attribute"
+          },
+          ":truncate_toggle": {
+            "label": "Truncate"
+          },
+          ":class": {
+            "label": "Value"
+          },
+          ":rel": {
+            "label": "Value"
+          }
+        },
+        "Pleroma_DOT_Uploaders_DOT_Uploader": {
+          ":timeout": {
+            "label": "Timeout",
+            "description": "Amount of milliseconds before dropping connection"
+          }
+        },
+        "Pleroma_DOT_Upload": {
+          ":default_description": {
+            "label": "Default description",
+            "description": "Default description to give to a file. Setting it to ':filename' will use file's filename as description."
+          }
+        },
         ":instance": {
           ":public": {
             "label": "Instance is public",
@@ -1225,6 +1476,16 @@
             "label": "Background image",
             "description": "Background image (primarily used by PleromaFE)"
           }
+        },
+        ":http_security": {
+          ":allow_unsafe_eval": {
+            "label": "Allow unsafe-eval",
+            "description": "Allow unsafe evaluation of scripts (required for Flash support)"
+          },
+          ":report_url": {
+            "label": "Report URL",
+            "description": "URL to report security violations to"
+          }
         }
       }
     }
@@ -1233,18 +1494,25 @@
     "unit": {
       "days": "{0} day | {0} days",
       "days_short": "{0}d",
+      "days_suffix": "day(s)",
       "hours": "{0} hour | {0} hours",
       "hours_short": "{0}h",
+      "hours_suffix": "hour(s)",
       "minutes": "{0} minute | {0} minutes",
       "minutes_short": "{0}min",
+      "minutes_suffix": "minute(s)",
       "months": "{0} month | {0} months",
       "months_short": "{0}mo",
+      "months_suffix": "month(s)",
       "seconds": "{0} second | {0} seconds",
       "seconds_short": "{0}s",
+      "seconds_suffix": "second(s)",
       "weeks": "{0} week | {0} weeks",
       "weeks_short": "{0}w",
+      "weeks_suffix": "week(s)",
       "years": "{0} year | {0} years",
-      "years_short": "{0}y"
+      "years_short": "{0}y",
+      "years_suffix": "year(s)"
     },
     "in_future": "in {0}",
     "in_past": "{0} ago",
@@ -1319,6 +1587,8 @@
     "show_content": "Show content",
     "hide_content": "Hide content",
     "status_deleted": "This post was deleted",
+    "unknown_user": "unknown user",
+    "unknown_user_info": "Unable to fetch information about this user",
     "nsfw": "NSFW",
     "expand": "Expand",
     "you": "(You)",
@@ -1396,10 +1666,28 @@
     "muted": "Muted",
     "mute_confirm_title": "Mute confirmation",
     "mute_confirm": "Do you really want to mute {user}?",
+    "mute_domain_confirm": "Do you really want to mute entire {domain}?",
     "mute_confirm_accept_button": "Mute",
     "mute_confirm_cancel_button": "Do not mute",
+    "mute_or": "or",
+    "expire_in": "Expire in",
+    "expire_mute_message": "Are you sure you want to mute {0}?",
+    "expire_block_message": "Are you sure you want to block {0}?",
+    "dont_ask_again_mute": "Always mute users this way",
+    "dont_ask_again_block": "Always block users this way",
+    "mute_block_temporarily": "Temporarily",
+    "mute_block_forever": "Forever",
+    "mute_block_never": "Never",
+    "mute_block_ask": "Ask",
+    "default_mute_expiration": "Always mute users",
+    "default_block_expiration": "Always block users",
+    "default_expiration_time": "Expire in",
+    "mute_expires_forever": "Muted forever",
+    "mute_expires_at": "Muted until {0}",
+    "block_expires_forever": "Blocked forever",
+    "block_expires_at": "Blocked until {0}",
     "mute_duration_prompt": "Mute this user for (0 for indefinite time):",
-    "per_day": "per day",
+    "statuses_per_day": "Statuses per day",
     "remote_follow": "Remote follow",
     "remove_follower": "Remove follower",
     "remove_follower_confirm_title": "Remove follower confirmation",
@@ -1440,17 +1728,15 @@
       "delete_user": "Delete user",
       "delete_user_data_and_deactivate_confirmation": "This will permanently delete the data from this account and deactivate it. Are you absolutely sure?"
     },
-    "highlight": {
-      "disabled": "No highlight",
-      "solid": "Solid bg",
-      "striped": "Striped bg",
+    "highlight_new": {
+      "disabled": "Don't highlight",
+      "solid": "Solid background",
+      "striped": "Striped background",
       "side": "Side stripe"
     },
-    "note": "Note",
-    "note_blank": "(None)",
-    "edit_note": "Edit note",
-    "edit_note_apply": "Apply",
-    "edit_note_cancel": "Cancel"
+    "personal_note": "Personal note",
+    "note_blank_click": "Click to add note",
+    "highlight_header": "Highlight user's posts and mentions"
   },
   "user_profile": {
     "timeline_title": "User timeline",
@@ -1476,7 +1762,6 @@
     "repeat": "Repeat",
     "unrepeat": "Unrepeat",
     "reply": "Reply",
-    "add_reaction": "Add reaction",
     "favorite": "Favorite",
     "unfavorite": "Unfavorite",
     "add_reaction": "Add Reaction",
@@ -1573,8 +1858,11 @@
   "update": {
     "big_update_title": "Please bear with us",
     "big_update_content": "We haven't had a release in a while, so things might look and feel different than what you're used to.",
-    "update_bugs": "Please report any issues and bugs on {pleromaGitlab}, as we have changed a lot, and although we test thoroughly and use development versions ourselves, we may have missed some things. We welcome your feedback and suggestions on issues you might encounter, or how to improve Pleroma and Pleroma-FE.",
+    "big_update_content2": "We implemented synchronized settings! This means (nearly) all your settings are now properly synchronized between devices and sessions. We try to migrate settings from old config but migration is performed only once, so some settings might be incorrect.",
+    "update_bugs": "Please report any issues and bugs on {pleromaForgejo}, as we have changed a lot, and although we test thoroughly and use development versions ourselves, we may have missed some things. We welcome your feedback and suggestions on issues you might encounter, or how to improve Pleroma and Pleroma-FE.",
+    "update_bugs2": "Let us know if you don't want certain setting synchronized on {pleromaForgejo}.",
     "update_bugs_gitlab": "Pleroma GitLab",
+    "update_bugs_forgejo": "Pleroma Forgejo",
     "update_changelog": "For more details on what's changed, see {theFullChangelog}.",
     "update_changelog_here": "the full changelog",
     "art_by": "Art by {linkToArtist}"
diff --git a/src/i18n/languages.js b/src/i18n/languages.js
index fbb4c8138..1b7c0699e 100644
--- a/src/i18n/languages.js
+++ b/src/i18n/languages.js
@@ -30,18 +30,18 @@ const languages = [
   'te',
   'uk',
   'zh',
-  'zh_Hant'
+  'zh_Hant',
 ]
 
 const specialJsonName = {
-  ja: 'ja_pedantic'
+  ja: 'ja_pedantic',
 }
 
 const langCodeToJsonName = (code) => specialJsonName[code] || code
 
 const langCodeToCldrName = (code) => code
 
-const ensureFinalFallback = codes => {
+const ensureFinalFallback = (codes) => {
   const codeList = Array.isArray(codes) ? codes : [codes]
   return codeList.includes('en') ? codeList : codeList.concat(['en'])
 }
@@ -50,5 +50,5 @@ export {
   languages,
   langCodeToJsonName,
   langCodeToCldrName,
-  ensureFinalFallback
+  ensureFinalFallback,
 }
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index 4501b331f..df851c88f 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -8,8 +8,9 @@
 // There's only problem that apostrophe character ' gets replaced by \\ so you have to fix it manually, sorry.
 
 import { isEqual } from 'lodash'
-import { languages, langCodeToJsonName } from './languages.js'
+
 import enMessages from './en.json'
+import { langCodeToJsonName, languages } from './languages.js'
 
 const ULTIMATE_FALLBACK_LOCALE = 'en'
 
@@ -25,10 +26,12 @@ const loadLanguageFile = (code) => {
 const messages = {
   languages,
   default: {
-    en: enMessages
+    en: enMessages,
   },
   setLanguage: async (i18n, language) => {
-    const languages = (Array.isArray(language) ? language : [language]).filter(k => k)
+    const languages = (Array.isArray(language) ? language : [language]).filter(
+      (k) => k,
+    )
 
     if (!languages.includes(ULTIMATE_FALLBACK_LOCALE)) {
       languages.push(ULTIMATE_FALLBACK_LOCALE)
@@ -48,7 +51,7 @@ const messages = {
 
     i18n.fallbackLocale = rest
     i18n.locale = first
-  }
+  },
 }
 
 export default messages
diff --git a/src/i18n/oc.json b/src/i18n/oc.json
index 556b3d0b8..792a894a5 100644
--- a/src/i18n/oc.json
+++ b/src/i18n/oc.json
@@ -3,17 +3,17 @@
     "title": "Messatjariá"
   },
   "exporter": {
-     "export": "Exportar",
-     "processing": "Tractament, vos demandarem lèu de telecargar lo fichièr"
+    "export": "Exportar",
+    "processing": "Tractament, vos demandarem lèu de telecargar lo fichièr"
   },
-    "features_panel": {
-      "chat": "Chat",
-      "gopher": "Gopher",
-      "media_proxy": "Servidor mandatari mèdia",
-      "scope_options": "Nivèls de confidencialitat",
-      "text_limit": "Limita de tèxte",
-      "title": "Foncionalitats",
-      "who_to_follow": "Qual seguir"
+  "features_panel": {
+    "chat": "Chat",
+    "gopher": "Gopher",
+    "media_proxy": "Servidor mandatari mèdia",
+    "scope_options": "Nivèls de confidencialitat",
+    "text_limit": "Limita de tèxte",
+    "title": "Foncionalitats",
+    "who_to_follow": "Qual seguir"
   },
   "finder": {
     "error_fetching_user": "Error pendent la cèrca d’un utilizaire",
@@ -520,7 +520,7 @@
     "favorite": "aimar",
     "user_settings": "Paramètres utilizaire"
   },
-  "upload":{
+  "upload": {
     "error": {
       "base": "Mandadís fracassat.",
       "file_too_big": "Fichièr tròp grand [{filesize}{filesizeunit} / {allowedsize}{allowedsizeunit}]",
diff --git a/src/i18n/service_worker_messages.js b/src/i18n/service_worker_messages.js
index 0c62453c7..478e8054e 100644
--- a/src/i18n/service_worker_messages.js
+++ b/src/i18n/service_worker_messages.js
@@ -30,7 +30,7 @@ const messages = {
   sk: require('../lib/notification-i18n-loader.js!./sk.json'),
   te: require('../lib/notification-i18n-loader.js!./te.json'),
   zh: require('../lib/notification-i18n-loader.js!./zh.json'),
-  en: require('../lib/notification-i18n-loader.js!./en.json')
+  en: require('../lib/notification-i18n-loader.js!./en.json'),
 }
 
 export default messages
diff --git a/src/lib/language.js b/src/lib/language.js
new file mode 100644
index 000000000..af53eeffd
--- /dev/null
+++ b/src/lib/language.js
@@ -0,0 +1,18 @@
+import Cookies from 'js-cookie'
+
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useI18nStore } from 'src/stores/i18n.js'
+
+export const piniaLanguagePlugin = ({ store, options }) => {
+  if (store.$id === 'sync_config') {
+    store.$onAction(({ name, args }) => {
+      if (name === 'setPreference') {
+        const { path, value } = args[0]
+        if (path === 'simple.interfaceLanguage') {
+          useI18nStore().setLanguage(value)
+          useEmojiStore().loadUnicodeEmojiData(value)
+        }
+      }
+    })
+  }
+}
diff --git a/src/lib/notification-i18n-loader.js b/src/lib/notification-i18n-loader.js
index d7a4430dc..e80f43436 100644
--- a/src/lib/notification-i18n-loader.js
+++ b/src/lib/notification-i18n-loader.js
@@ -5,7 +5,7 @@
 module.exports = function (source) {
   const object = JSON.parse(source)
   const smol = {
-    notifications: object.notifications || {}
+    notifications: object.notifications || {},
   }
 
   return JSON.stringify(smol)
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 878d95aa8..f7e2b0b08 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,18 +1,19 @@
+import { cloneDeep, each, get, set } from 'lodash'
 import merge from 'lodash.merge'
-import { each, get, set, cloneDeep } from 'lodash'
-import { useInterfaceStore } from 'src/stores/interface'
+
 import { storage } from './storage.js'
 
+import { useInterfaceStore } from 'src/stores/interface'
+
 let loaded = false
 
-const defaultReducer = (state, paths) => (
+const defaultReducer = (state, paths) =>
   paths.length === 0
     ? state
     : paths.reduce((substate, path) => {
-      set(substate, path, get(state, path))
-      return substate
-    }, {})
-)
+        set(substate, path, get(state, path))
+        return substate
+      }, {})
 
 const saveImmedeatelyActions = [
   'markNotificationsAsSeen',
@@ -22,14 +23,14 @@ const saveImmedeatelyActions = [
   'setOption',
   'setClientData',
   'setToken',
-  'clearToken'
+  'clearToken',
 ]
 
 const defaultStorage = (() => {
   return storage
 })()
 
-export default function createPersistedState ({
+export default function createPersistedState({
   key = 'vuex-lz',
   paths = [],
   getState = (key, storage) => {
@@ -46,22 +47,22 @@ export default function createPersistedState ({
   },
   reducer = defaultReducer,
   storage = defaultStorage,
-  subscriber = store => handler => store.subscribe(handler)
+  subscriber = (store) => (handler) => store.subscribe(handler),
 } = {}) {
   return getState(key, storage).then((savedState) => {
-    return store => {
+    return (store) => {
       try {
         if (savedState !== null && typeof savedState === 'object') {
           // build user cache
           const usersState = savedState.users || {}
           usersState.usersObject = {}
           const users = usersState.users || []
-          each(users, (user) => { usersState.usersObject[user.id] = user })
+          each(users, (user) => {
+            usersState.usersObject[user.id] = user
+          })
           savedState.users = usersState
 
-          store.replaceState(
-            merge({}, store.state, savedState)
-          )
+          store.replaceState(merge({}, store.state, savedState))
         }
         loaded = true
       } catch (e) {
@@ -72,18 +73,26 @@ export default function createPersistedState ({
       subscriber(store)((mutation, state) => {
         try {
           if (saveImmedeatelyActions.includes(mutation.type)) {
-            setState(key, reducer(cloneDeep(state), paths), storage)
-              .then(success => {
+            setState(key, reducer(cloneDeep(state), paths), storage).then(
+              (success) => {
                 if (typeof success !== 'undefined') {
-                  if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') {
+                  if (
+                    mutation.type === 'setOption' ||
+                    mutation.type === 'setCurrentUser'
+                  ) {
                     useInterfaceStore().settingsSaved({ success })
                   }
                 }
-              }, error => {
-                if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') {
+              },
+              (error) => {
+                if (
+                  mutation.type === 'setOption' ||
+                  mutation.type === 'setCurrentUser'
+                ) {
                   useInterfaceStore().settingsSaved({ error })
                 }
-              })
+              },
+            )
           }
         } catch (e) {
           console.error("Couldn't persist state:")
@@ -134,119 +143,123 @@ export default function createPersistedState ({
  * })
  *
  */
-export const piniaPersistPlugin = ({
-  vuexKey = 'vuex-lz',
-  keyFunction = (id) => `pinia-local-${id}`,
-  storage = defaultStorage,
-  reducer = defaultReducer
-} = {}) => ({ store, options }) => {
-  if (!options.persist) {
-    return {
-      $persistLoaded: Promise.resolve()
-    }
-  }
-
-  let resolveLoaded
-  let rejectLoaded
-  const loadedPromise = new Promise((resolve, reject) => {
-    resolveLoaded = resolve
-    rejectLoaded = reject
-  })
-
-  const {
-    afterLoad,
-    paths = [],
-    saveImmediatelyActions,
-    onSaveSuccess = () => {},
-    onSaveError = () => {}
-  } = options.persist || {}
-
-  const loadedGuard = { loaded: false }
-  const key = keyFunction(store.$id)
-  const getState = async () => {
-    const id = store.$id
-    const value = await storage.getItem(key)
-    if (value) {
-      return value
-    }
-
-    const fallbackValue = await storage.getItem(vuexKey)
-    if (fallbackValue && fallbackValue[id]) {
-      console.info(`Migrating ${id} store data from vuex to pinia`)
-      const res = fallbackValue[id]
-      await storage.setItem(key, res)
-      return res
-    }
-
-    return {}
-  }
-
-  const setState = (state) => {
-    if (!loadedGuard.loaded) {
-      console.info('waiting for old state to be loaded...')
-      return Promise.reject()
-    } else {
-      return storage.setItem(key, state)
-    }
-  }
-
-  const getMaybeAugmentedState = async () => {
-    const savedRawState = await getState()
-    if (typeof afterLoad === 'function') {
-      try {
-        return await afterLoad(savedRawState)
-      } catch (e) {
-        console.error('Error running afterLoad:', e)
-        return savedRawState
+export const piniaPersistPlugin =
+  ({
+    vuexKey = 'vuex-lz',
+    keyFunction = (id) => `pinia-local-${id}`,
+    storage = defaultStorage,
+    reducer = defaultReducer,
+  } = {}) =>
+  ({ store, options }) => {
+    if (!options.persist) {
+      return {
+        $persistLoaded: Promise.resolve(),
       }
-    } else {
-      return savedRawState
     }
-  }
 
-  const persistCurrentState = async (state) => {
-    const stateClone = cloneDeep(state)
-    const stateToPersist = reducer(stateClone, paths)
-    try {
-      const res = await setState(stateToPersist)
-      onSaveSuccess(res)
-    } catch (e) {
-      console.error('Cannot persist state:', e)
-      onSaveError(e)
-    }
-  }
-
-  getMaybeAugmentedState()
-    .then(savedState => {
-      if (savedState) {
-        store.$patch(savedState)
-      }
-
-      loadedGuard.loaded = true
-      resolveLoaded()
-
-      // only subscribe after we have done setting the initial state
-      if (!saveImmediatelyActions) {
-        store.$subscribe(async (_mutation, state) => {
-          await persistCurrentState(state)
-        })
-      } else {
-        store.$onAction(({
-          name,
-          store,
-          after,
-        }) => {
-          if (saveImmediatelyActions.includes(name)) {
-            after(() => persistCurrentState(store.$state))
-          }
-        })
-      }
-    }, error => {
-      console.error('Cannot load storage:', error)
-      rejectLoaded(error)
+    let resolveLoaded
+    let rejectLoaded
+    const loadedPromise = new Promise((resolve, reject) => {
+      resolveLoaded = resolve
+      rejectLoaded = reject
     })
 
-  return {
-    $persistLoaded: loadedPromise
+    const {
+      afterLoad,
+      paths = [],
+      saveImmediatelyActions,
+      onSaveSuccess = () => {
+        /* no-op */
+      },
+      onSaveError = () => {
+        /* no-op */
+      },
+    } = options.persist || {}
+
+    const loadedGuard = { loaded: false }
+    const key = keyFunction(store.$id)
+    const getState = async () => {
+      const id = store.$id
+      const value = await storage.getItem(key)
+      if (value) {
+        return value
+      }
+
+      const fallbackValue = await storage.getItem(vuexKey)
+      if (fallbackValue && fallbackValue[id]) {
+        console.info(`Migrating ${id} store data from vuex to pinia`)
+        const res = fallbackValue[id]
+        await storage.setItem(key, res)
+        return res
+      }
+
+      return {}
+    }
+
+    const setState = (state) => {
+      if (!loadedGuard.loaded) {
+        console.info('waiting for old state to be loaded...')
+        return Promise.reject()
+      } else {
+        return storage.setItem(key, state)
+      }
+    }
+
+    const getMaybeAugmentedState = async () => {
+      const savedRawState = await getState()
+      if (typeof afterLoad === 'function') {
+        try {
+          return await afterLoad(savedRawState)
+        } catch (e) {
+          console.error('Error running afterLoad:', e)
+          return savedRawState
+        }
+      } else {
+        return savedRawState
+      }
+    }
+
+    const persistCurrentState = async (state) => {
+      const stateClone = cloneDeep(state)
+      const stateToPersist = reducer(stateClone, paths)
+      try {
+        const res = await setState(stateToPersist)
+        onSaveSuccess(res)
+      } catch (e) {
+        console.error('Cannot persist state:', e)
+        onSaveError(e)
+      }
+    }
+
+    getMaybeAugmentedState().then(
+      (savedState) => {
+        if (savedState) {
+          store.$patch(savedState)
+        }
+
+        loadedGuard.loaded = true
+        resolveLoaded()
+
+        // only subscribe after we have done setting the initial state
+        if (!saveImmediatelyActions) {
+          store.$subscribe(async (_mutation, state) => {
+            await persistCurrentState(state)
+          })
+        } else {
+          store.$onAction(({ name, store, after }) => {
+            if (saveImmediatelyActions.includes(name)) {
+              after(() => persistCurrentState(store.$state))
+            }
+          })
+        }
+      },
+      (error) => {
+        console.error('Cannot load storage:', error)
+        rejectLoaded(error)
+      },
+    )
+
+    return {
+      $persistLoaded: loadedPromise,
+    }
   }
-}
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index 85f9e794f..f4dcb1dbc 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -1,22 +1,91 @@
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
-export default (store) => {
+export const piniaPushNotificationsPlugin = ({ store }) => {
+  if (
+    store.$id !== 'sync_config' &&
+    store.$id !== 'instance' &&
+    store.$id !== 'interface'
+  )
+    return
+
+  store.$onAction(({ name: actionName, args }) => {
+    if (
+      store.$id === 'interface' &&
+      actionName !== 'setNotificationPermission' &&
+      actionName !== 'setLoginStatus'
+    )
+      return
+
+    // Initial state
+    let vapidPublicKey = useInstanceStore().vapidPublicKey
+    let enabled = useMergedConfigStore().mergedConfig.webPushNotifications
+    let permissionGranted =
+      useInterfaceStore().notificationPermission === 'granted'
+    let permissionPresent =
+      useInterfaceStore().notificationPermission !== undefined
+    let user = !!window.vuex.state.users.currentUser
+
+    if (store.$id === 'instance') {
+      if (actionName === 'set' && args[0].path === 'vapidPublicKey') {
+        const { value } = args[0]
+        vapidPublicKey = value
+      }
+    }
+
+    if (!vapidPublicKey || !permissionPresent) {
+      return
+    }
+
+    if (store.$id === 'interface') {
+      if (actionName === 'setNotificationPermission') {
+        permissionGranted = args[0] === 'granted'
+      } else if (actionName === 'setLoginStatus') {
+        user = args[0]
+      } else {
+        return
+      }
+    } else if (store.$id === 'sync_config') {
+      if (
+        actionName === 'setPreference' &&
+        args[0].path === 'simple.webPushNotifications'
+      ) {
+        const { value } = args[0]
+        enabled = value
+      } else {
+        return
+      }
+    }
+
+    if (permissionGranted && enabled && user) {
+      return window.vuex.dispatch('registerPushNotifications')
+    } else {
+      return window.vuex.dispatch('unregisterPushNotifications')
+    }
+  })
+}
+
+export const vuexPushNotificationsPlugin = (store) => {
   store.subscribe((mutation, state) => {
-    const vapidPublicKey = state.instance.vapidPublicKey
-    const webPushNotification = state.config.webPushNotifications
-    const permission = useInterfaceStore().notificationPermission === 'granted'
+    // Initial state
+    const vapidPublicKey = useInstanceStore().vapidPublicKey
+    const enabled = useMergedConfigStore().mergedConfig.webPushNotifications
+    const permissionGranted =
+      useInterfaceStore().notificationPermission === 'granted'
+    const permissionPresent =
+      useInterfaceStore().notificationPermission !== undefined
     const user = state.users.currentUser
 
-    const isUserMutation = mutation.type === 'setCurrentUser'
-    const isVapidMutation = mutation.type === 'setInstanceOption' && mutation.payload.name === 'vapidPublicKey'
-    const isPermMutation = mutation.type === 'setNotificationPermission' && mutation.payload === 'granted'
-    const isUserConfigMutation = mutation.type === 'setOption' && mutation.payload.name === 'webPushNotifications'
-    const isVisibilityMutation = mutation.type === 'setOption' && mutation.payload.name === 'notificationVisibility'
+    if (!permissionPresent || !vapidPublicKey) return
 
-    if (isUserMutation || isVapidMutation || isPermMutation || isUserConfigMutation || isVisibilityMutation) {
-      if (user && vapidPublicKey && permission && webPushNotification) {
+    if (
+      mutation.type === 'setCurrentUser' ||
+      mutation.type === 'clearCurrentUser'
+    ) {
+      if (user && permissionGranted && enabled) {
         return store.dispatch('registerPushNotifications')
-      } else if (isUserConfigMutation && !webPushNotification) {
+      } else {
         return store.dispatch('unregisterPushNotifications')
       }
     }
diff --git a/src/lib/style.js b/src/lib/style.js
new file mode 100644
index 000000000..e91362c24
--- /dev/null
+++ b/src/lib/style.js
@@ -0,0 +1,55 @@
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+import { applyStyleConfig } from 'src/services/style_setter/style_setter.js'
+
+const ACTIONS = new Set([
+  'setPreference',
+  'unsetPreference',
+  'set',
+  'unset',
+  'setTemporarily',
+  'unsetTemporarily',
+])
+
+const APPEARANCE_SETTINGS_KEYS = [
+  'sidebarColumnWidth',
+  'contentColumnWidth',
+  'notifsColumnWidth',
+  'themeEditorMinWidth',
+  'textSize',
+  'navbarSize',
+  'panelHeaderSize',
+  'forcedRoundness',
+  'emojiSize',
+  'emojiReactionsScale',
+]
+
+const HACKS_KEYS = new Set([
+  'fontInterface',
+  'fontPosts',
+  'fontInput',
+  'fontMonospace',
+  'underlay',
+])
+
+const MIXED_KEYS = new Set([
+  ...APPEARANCE_SETTINGS_KEYS,
+  ...APPEARANCE_SETTINGS_KEYS.map((x) => 'simple.' + x),
+])
+
+export const piniaStylePlugin = ({ store, options }) => {
+  if (store.$id === 'sync_config' || store.$id === 'local_config') {
+    store.$onAction(({ name, args, after }) => {
+      if (ACTIONS.has(name)) {
+        const { path } = args[0]
+        if (MIXED_KEYS.has(path)) {
+          after(() => applyStyleConfig(useMergedConfigStore().mergedConfig))
+        }
+        if (HACKS_KEYS.has(path)) {
+          after(() => useInterfaceStore().applyTheme({ recompile: true }))
+        }
+      }
+    })
+  }
+}
diff --git a/src/main.js b/src/main.js
index 4654679b8..ceb8c0878 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,27 +1,33 @@
 /* global process */
-import { createStore } from 'vuex'
+
 import { createPinia } from 'pinia'
+import { createStore } from 'vuex'
 
 import 'custom-event-polyfill'
 import './lib/event_target_polyfill.js'
 
 // Polyfill for Array.prototype.toSorted (ES2023)
 if (!Array.prototype.toSorted) {
-  Array.prototype.toSorted = function(compareFn) {
+  Array.prototype.toSorted = function (compareFn) {
     return [...this].sort(compareFn)
   }
 }
 
-import vuexModules from './modules/index.js'
-
 import { createI18n } from 'vue-i18n'
 
-import createPersistedState, { piniaPersistPlugin } from './lib/persisted_state.js'
-import pushNotifications from './lib/push_notifications_plugin.js'
-
-import messages from './i18n/messages.js'
-
 import afterStoreSetup from './boot/after_store.js'
+import messages from './i18n/messages.js'
+import createPersistedState, {
+  piniaPersistPlugin,
+} from './lib/persisted_state.js'
+import {
+  piniaPushNotificationsPlugin,
+  vuexPushNotificationsPlugin,
+} from './lib/push_notifications_plugin.js'
+import vuexModules from './modules/index.js'
+
+import { piniaLanguagePlugin } from 'src/lib/language.js'
+import { piniaStylePlugin } from 'src/lib/style.js'
 
 const currentLocale = (window.navigator.language || 'en').split('-')[0]
 
@@ -29,30 +35,27 @@ const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
   locale: 'en',
   fallbackLocale: 'en',
-  messages: messages.default
+  messages: messages.default,
 })
 
 messages.setLanguage(i18n.global, currentLocale)
 
 const persistedStateOptions = {
-  paths: [
-    'serverSideStorage.cache',
-    'config',
-    'users.lastLoginName',
-    'oauth'
-  ]
-};
+  paths: ['users.lastLoginName', 'oauth'],
+}
 
-(async () => {
+;(async () => {
   const isFox = Math.floor(Math.random() * 2) > 0 ? '_fox' : ''
 
   const splashError = (i18n, e) => {
     const throbber = document.querySelector('#throbber')
     throbber.addEventListener('animationend', () => {
-      document.querySelector('#mascot').src = `/static/pleromatan_orz${isFox}.png`
+      document.querySelector('#mascot').src =
+        `/static/pleromatan_orz${isFox}.png`
     })
     throbber.classList.add('dead')
-    document.querySelector('#status').textContent = i18n.global.t('splash.error')
+    document.querySelector('#status').textContent =
+      i18n.global.t('splash.error')
     console.error('PleromaFE failed to initialize: ', e)
     document.querySelector('#statusError').textContent = e
     document.querySelector('#statusStack').textContent = e.stack
@@ -60,8 +63,8 @@ const persistedStateOptions = {
     document.querySelector('#statusStack').style = 'display: block'
   }
 
-  window.splashError = e => splashError(i18n, e)
-  window.splashUpdate = key => {
+  window.splashError = (e) => splashError(i18n, e)
+  window.splashUpdate = (key) => {
     if (document.querySelector('#status')) {
       document.querySelector('#status').textContent = i18n.global.t(key)
     }
@@ -69,9 +72,12 @@ const persistedStateOptions = {
 
   try {
     let storageError
-    const plugins = [pushNotifications]
+    const plugins = [vuexPushNotificationsPlugin]
     const pinia = createPinia()
     pinia.use(piniaPersistPlugin())
+    pinia.use(piniaLanguagePlugin)
+    pinia.use(piniaStylePlugin)
+    pinia.use(piniaPushNotificationsPlugin)
 
     try {
       const persistedState = await createPersistedState(persistedStateOptions)
@@ -80,17 +86,23 @@ const persistedStateOptions = {
       console.error('Storage error', e)
       storageError = e
     }
-    document.querySelector('#mascot').src = `/static/pleromatan_apology${isFox}_small.webp`
+    document.querySelector('#splash').classList.remove('initial-hidden')
+    document.querySelector('#mascot').src =
+      `/static/pleromatan_apology${isFox}_small.webp`
     document.querySelector('#status').removeAttribute('class')
-    document.querySelector('#status').textContent = i18n.global.t('splash.loading')
-    document.querySelector('#splash-credit').textContent = i18n.global.t('update.art_by', { linkToArtist: 'pipivovott' })
+    document.querySelector('#status').textContent =
+      i18n.global.t('splash.loading')
+    document.querySelector('#splash-credit').textContent = i18n.global.t(
+      'update.art_by',
+      { linkToArtist: 'pipivovott' },
+    )
     const store = createStore({
       modules: vuexModules,
       plugins,
       options: {
-        devtools: process.env.NODE_ENV !== 'production'
+        devtools: process.env.NODE_ENV !== 'production',
       },
-      strict: false // Socket modifies itself, let's ignore this for now.
+      strict: false, // Socket modifies itself, let's ignore this for now.
       // strict: process.env.NODE_ENV !== 'production'
     })
     window.vuex = store
@@ -102,7 +114,8 @@ const persistedStateOptions = {
 })()
 
 // These are inlined by webpack's DefinePlugin
-/* eslint-disable */
+// biome-ignore-start lint: added in build process
 window.___pleromafe_mode = process.env
 window.___pleromafe_commit_hash = COMMIT_HASH
 window.___pleromafe_dev_overrides = DEV_OVERRIDES
+// biome-ignore-end lint: added in build process
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 38fb5305a..33cc8a595 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -1,4 +1,4 @@
-import { set, get, cloneDeep, differenceWith, isEqual, flatten } from 'lodash'
+import { cloneDeep, differenceWith, flatten, get, isEqual, set } from 'lodash'
 
 export const defaultState = {
   frontends: [],
@@ -8,24 +8,24 @@ export const defaultState = {
   modifiedPaths: null,
   descriptions: null,
   draft: null,
-  dbConfigEnabled: null
+  dbConfigEnabled: null,
 }
 
 export const newUserFlags = {
-  ...defaultState.flagStorage
+  ...defaultState.flagStorage,
 }
 
 const adminSettingsStorage = {
   state: {
-    ...cloneDeep(defaultState)
+    ...cloneDeep(defaultState),
   },
   mutations: {
-    setInstanceAdminNoDbConfig (state) {
+    setInstanceAdminNoDbConfig(state) {
       state.loaded = false
       state.dbConfigEnabled = false
     },
-    setAvailableFrontends (state, { frontends }) {
-      state.frontends = frontends.map(f => {
+    setAvailableFrontends(state, { frontends }) {
+      state.frontends = frontends.map((f) => {
         f.installedRefs = f.installed_refs
         if (f.name === 'pleroma-fe') {
           f.refs = ['master', 'develop']
@@ -35,16 +35,16 @@ const adminSettingsStorage = {
         return f
       })
     },
-    updateAdminSettings (state, { config, modifiedPaths }) {
+    updateAdminSettings(state, { config, modifiedPaths }) {
       state.loaded = true
       state.dbConfigEnabled = true
       state.config = config
       state.modifiedPaths = modifiedPaths
     },
-    updateAdminDescriptions (state, { descriptions }) {
+    updateAdminDescriptions(state, { descriptions }) {
       state.descriptions = descriptions
     },
-    updateAdminDraft (state, { path, value }) {
+    updateAdminDraft(state, { path, value }) {
       const [group, key, subkey] = path
       const parent = [group, key, subkey]
 
@@ -55,21 +55,23 @@ const adminSettingsStorage = {
         set(state.draft, parent, cloneDeep(get(state.draft, parent)))
       }
     },
-    resetAdminDraft (state) {
+    resetAdminDraft(state) {
       state.draft = cloneDeep(state.config)
-    }
+    },
   },
   actions: {
-    loadFrontendsStuff ({ rootState, commit }) {
-      rootState.api.backendInteractor.fetchAvailableFrontends()
-        .then(frontends => commit('setAvailableFrontends', { frontends }))
+    loadFrontendsStuff({ rootState, commit }) {
+      rootState.api.backendInteractor
+        .fetchAvailableFrontends()
+        .then((frontends) => commit('setAvailableFrontends', { frontends }))
     },
-    loadAdminStuff ({ state, rootState, dispatch, commit }) {
-      rootState.api.backendInteractor.fetchInstanceDBConfig()
-        .then(backendDbConfig => {
+    loadAdminStuff({ state, rootState, dispatch, commit }) {
+      rootState.api.backendInteractor
+        .fetchInstanceDBConfig()
+        .then((backendDbConfig) => {
           if (backendDbConfig.error) {
             if (backendDbConfig.error.status === 400) {
-              backendDbConfig.error.json().then(errorJson => {
+              backendDbConfig.error.json().then((errorJson) => {
                 if (/configurable_from_database/.test(errorJson.error)) {
                   commit('setInstanceAdminNoDbConfig')
                 }
@@ -80,40 +82,83 @@ const adminSettingsStorage = {
           }
         })
       if (state.descriptions === null) {
-        rootState.api.backendInteractor.fetchInstanceConfigDescriptions()
-          .then(backendDescriptions => dispatch('setInstanceAdminDescriptions', { backendDescriptions }))
+        rootState.api.backendInteractor
+          .fetchInstanceConfigDescriptions()
+          .then((backendDescriptions) =>
+            dispatch('setInstanceAdminDescriptions', { backendDescriptions }),
+          )
       }
     },
-    setInstanceAdminSettings ({ state, commit }, { backendDbConfig }) {
+    setInstanceAdminSettings({ state, commit }, { backendDbConfig }) {
       const config = state.config || {}
       const modifiedPaths = new Set()
-      backendDbConfig.configs.forEach(c => {
+
+      backendDbConfig.configs.forEach((c) => {
         const path = [c.group, c.key]
         if (c.db) {
           // Path elements can contain dot, therefore we use ' -> ' as a separator instead
           // Using strings for modified paths for easier searching
-          c.db.forEach(x => modifiedPaths.add([...path, x].join(' -> ')))
+          c.db.forEach((x) => modifiedPaths.add([...path, x].join(' -> ')))
         }
-        const convert = (value) => {
+
+        // we need to preserve tuples on second level only, possibly third
+        // but it's not a case right now.
+        const convert = (value, preserveTuples, preserveTuplesLv2) => {
           if (Array.isArray(value) && value.length > 0 && value[0].tuple) {
-            return value.reduce((acc, c) => {
-              return { ...acc, [c.tuple[0]]: convert(c.tuple[1]) }
-            }, {})
+            if (!preserveTuples) {
+              return value.reduce((acc, c) => {
+                if (c.tuple == null) {
+                  return {
+                    ...acc,
+                    [c]: c,
+                  }
+                }
+                return {
+                  ...acc,
+                  [c.tuple[0]]: convert(c.tuple[1], preserveTuplesLv2),
+                }
+              }, {})
+            } else {
+              return value.map((x) => x.tuple)
+            }
           } else {
-            return value
+            if (!preserveTuples) {
+              return value
+            } else {
+              return value.tuple
+            }
           }
         }
-        set(config, path, convert(c.value))
+        // for most stuff we want maps since those are more convenient
+        // however this doesn't allow for multiple values per same key
+        // so for those cases we want to preserve tuples as-is
+        // right now it's made exclusively for :pleroma.:rate_limit
+        // so it might not work properly elsewhere
+        const preserveTuples = path.find((x) => x === ':rate_limit')
+        set(config, path, convert(c.value, false, preserveTuples))
       })
+      // patching http adapter config to be easier to handle
+      const adapter = config[':pleroma'][':http'][':adapter']
+      if (Array.isArray(adapter)) {
+        config[':pleroma'][':http'][':adapter'] = {
+          [':ssl_options']: {
+            [':versions']: [],
+          },
+        }
+      }
       commit('updateAdminSettings', { config, modifiedPaths })
       commit('resetAdminDraft')
     },
-    setInstanceAdminDescriptions ({ commit }, { backendDescriptions }) {
-      const convert = ({ children, description, label, key = '<ROOT>', group, suggestions }, path, acc) => {
+    setInstanceAdminDescriptions({ commit }, { backendDescriptions }) {
+      const convert = (
+        { children, description, label, key = '<ROOT>', group, suggestions },
+        path,
+        acc,
+      ) => {
         const newPath = group ? [group, key] : [key]
         const obj = { description, label, suggestions }
         if (Array.isArray(children)) {
-          children.forEach(c => {
+          children.forEach((c) => {
             convert(c, newPath, obj)
           })
         }
@@ -121,13 +166,14 @@ const adminSettingsStorage = {
       }
 
       const descriptions = {}
-      backendDescriptions.forEach(d => convert(d, '', descriptions))
+
+      backendDescriptions.forEach((d) => convert(d, '', descriptions))
       commit('updateAdminDescriptions', { descriptions })
     },
 
     // This action takes draft state, diffs it with live config state and then pushes
     // only differences between the two. Difference detection only work up to subkey (third) level.
-    pushAdminDraft ({ rootState, state, dispatch }) {
+    pushAdminDraft({ rootState, state, dispatch }) {
       // TODO cleanup paths in modifiedPaths
       const convert = (value) => {
         if (typeof value !== 'object') {
@@ -141,13 +187,9 @@ const adminSettingsStorage = {
 
       // Getting all group-keys used in config
       const allGroupKeys = flatten(
-        Object
-          .entries(state.config)
-          .map(
-            ([group, lv1data]) => Object
-              .keys(lv1data)
-              .map((key) => ({ group, key }))
-          )
+        Object.entries(state.config).map(([group, lv1data]) =>
+          Object.keys(lv1data).map((key) => ({ group, key })),
+        ),
       )
 
       // Only using group-keys where there are changes detected
@@ -166,19 +208,30 @@ const adminSettingsStorage = {
 
         // Then those entries array we diff so only changed subkey entries remain
         // We use the diffed array to reconstruct the object and then shove it into convert()
-        return ({ group, key, value: convert(Object.fromEntries(differenceWith(eDraft, eConfig, isEqual))) })
-      })
-
-      rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: changed
+        return {
+          group,
+          key,
+          value: convert(
+            Object.fromEntries(differenceWith(eDraft, eConfig, isEqual)),
+          ),
         }
       })
+
+      rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: changed,
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
     },
-    pushAdminSetting ({ rootState, dispatch }, { path, value }) {
-      const [group, key, ...rest] = Array.isArray(path) ? path : path.split(/\./g)
+    pushAdminSetting({ rootState, dispatch }, { path, value }) {
+      const [group, key, ...rest] = Array.isArray(path)
+        ? path
+        : path.split(/\./g)
       const clone = {} // not actually cloning the entire thing to avoid excessive writes
       set(clone, rest, value)
 
@@ -193,37 +246,49 @@ const adminSettingsStorage = {
         }
       }
 
-      rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: [{
-            group,
-            key,
-            value: convert(clone)
-          }]
-        }
-      })
+      rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: [
+              {
+                group,
+                key,
+                value: convert(clone),
+              },
+            ],
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
     },
-    resetAdminSetting ({ rootState, state, dispatch }, { path }) {
-      const [group, key, subkey] = path.split(/\./g)
+    resetAdminSetting({ rootState, state, dispatch }, { path }) {
+      const [group, key, subkey] = Array.isArray(path)
+        ? path
+        : path.split(/\./g)
 
       state.modifiedPaths.delete(path)
 
-      return rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: [{
-            group,
-            key,
-            delete: true,
-            subkeys: [subkey]
-          }]
-        }
-      })
+      return rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: [
+              {
+                group,
+                key,
+                delete: true,
+                subkeys: [subkey],
+              },
+            ],
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
-    }
-  }
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
+    },
+  },
 }
 
 export default adminSettingsStorage
diff --git a/src/modules/api.js b/src/modules/api.js
index ab8d7162f..6f4b8b15f 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,9 +1,13 @@
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { WSConnectionStatus } from '../services/api/api.service.js'
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { Socket } from 'phoenix'
-import { useShoutStore } from 'src/stores/shout.js'
+
+import { WSConnectionStatus } from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
+import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useShoutStore } from 'src/stores/shout.js'
 
 const retryTimeout = (multiplier) => 1000 * multiplier
 
@@ -15,40 +19,40 @@ const api = {
     socket: null,
     mastoUserSocket: null,
     mastoUserSocketStatus: null,
-    followRequests: []
+    followRequests: [],
   },
   getters: {
-    followRequestCount: state => state.followRequests.length
+    followRequestCount: (state) => state.followRequests.length,
   },
   mutations: {
-    setBackendInteractor (state, backendInteractor) {
+    setBackendInteractor(state, backendInteractor) {
       state.backendInteractor = backendInteractor
     },
-    addFetcher (state, { fetcherName, fetcher }) {
+    addFetcher(state, { fetcherName, fetcher }) {
       state.fetchers[fetcherName] = fetcher
     },
-    removeFetcher (state, { fetcherName }) {
+    removeFetcher(state, { fetcherName }) {
       state.fetchers[fetcherName].stop()
       delete state.fetchers[fetcherName]
     },
-    setWsToken (state, token) {
+    setWsToken(state, token) {
       state.wsToken = token
     },
-    setSocket (state, socket) {
+    setSocket(state, socket) {
       state.socket = socket
     },
-    setFollowRequests (state, value) {
+    setFollowRequests(state, value) {
       state.followRequests = value
     },
-    setMastoUserSocketStatus (state, value) {
+    setMastoUserSocketStatus(state, value) {
       state.mastoUserSocketStatus = value
     },
-    incrementRetryMultiplier (state) {
+    incrementRetryMultiplier(state) {
       state.retryMultiplier = Math.max(++state.retryMultiplier, 3)
     },
-    resetRetryMultiplier (state) {
+    resetRetryMultiplier(state) {
       state.retryMultiplier = 1
-    }
+    },
   },
   actions: {
     /**
@@ -56,15 +60,14 @@ const api = {
      *
      * @param {Boolean} [initial] - whether this enabling happened at boot time or not
      */
-    enableMastoSockets (store, initial) {
+    enableMastoSockets(store, initial) {
       const { state, dispatch, commit } = store
       // Do not initialize unless nonexistent or closed
       if (
         state.mastoUserSocket &&
-          ![
-            WebSocket.CLOSED,
-            WebSocket.CLOSING
-          ].includes(state.mastoUserSocket.getState())
+        ![WebSocket.CLOSED, WebSocket.CLOSING].includes(
+          state.mastoUserSocket.getState(),
+        )
       ) {
         return
       }
@@ -75,7 +78,7 @@ const api = {
       }
       return dispatch('startMastoUserSocket')
     },
-    disableMastoSockets (store) {
+    disableMastoSockets(store) {
       const { state, dispatch, commit } = store
       if (!state.mastoUserSocket) return
       commit('setMastoUserSocketStatus', WSConnectionStatus.DISABLED)
@@ -83,15 +86,20 @@ const api = {
     },
 
     // MastoAPI 'User' sockets
-    startMastoUserSocket (store) {
+    startMastoUserSocket(store) {
       return new Promise((resolve, reject) => {
         try {
           const { state, commit, dispatch, rootState } = store
           const timelineData = rootState.statuses.timelines.friends
-          state.mastoUserSocket = state.backendInteractor.startUserSocket({ store })
-          state.mastoUserSocket.addEventListener('pleroma:authenticated', () => {
-            state.mastoUserSocket.subscribe('user')
+          state.mastoUserSocket = state.backendInteractor.startUserSocket({
+            store,
           })
+          state.mastoUserSocket.addEventListener(
+            'pleroma:authenticated',
+            () => {
+              state.mastoUserSocket.subscribe('user')
+            },
+          )
           state.mastoUserSocket.addEventListener(
             'message',
             ({ detail: message }) => {
@@ -99,21 +107,22 @@ const api = {
               if (message.event === 'notification') {
                 dispatch('addNewNotifications', {
                   notifications: [message.notification],
-                  older: false
+                  older: false,
                 })
               } else if (message.event === 'update') {
                 dispatch('addNewStatuses', {
                   statuses: [message.status],
                   userId: false,
                   showImmediately: timelineData.visibleStatuses.length === 0,
-                  timeline: 'friends'
+                  timeline: 'friends',
                 })
               } else if (message.event === 'status.update') {
                 dispatch('addNewStatuses', {
                   statuses: [message.status],
                   userId: false,
-                  showImmediately: message.status.id in timelineData.visibleStatusesObject,
-                  timeline: 'friends'
+                  showImmediately:
+                    message.status.id in timelineData.visibleStatusesObject,
+                  timeline: 'friends',
                 })
               } else if (message.event === 'delete') {
                 dispatch('deleteStatusById', message.id)
@@ -125,28 +134,33 @@ const api = {
                 setTimeout(() => {
                   dispatch('addChatMessages', {
                     chatId: message.chatUpdate.id,
-                    messages: [message.chatUpdate.lastMessage]
+                    messages: [message.chatUpdate.lastMessage],
                   })
                   dispatch('updateChat', { chat: message.chatUpdate })
                   maybeShowChatNotification(store, message.chatUpdate)
                 }, 100)
               }
-            }
+            },
           )
           state.mastoUserSocket.addEventListener('open', () => {
             // Do not show notification when we just opened up the page
-            if (state.mastoUserSocketStatus !== WSConnectionStatus.STARTING_INITIAL) {
+            if (
+              state.mastoUserSocketStatus !==
+              WSConnectionStatus.STARTING_INITIAL
+            ) {
               useInterfaceStore().pushGlobalNotice({
                 level: 'success',
                 messageKey: 'timeline.socket_reconnected',
-                timeout: 5000
+                timeout: 5000,
               })
             }
             // Stop polling if we were errored or disabled
-            if (new Set([
-              WSConnectionStatus.ERROR,
-              WSConnectionStatus.DISABLED
-            ]).has(state.mastoUserSocketStatus)) {
+            if (
+              new Set([
+                WSConnectionStatus.ERROR,
+                WSConnectionStatus.DISABLED,
+              ]).has(state.mastoUserSocketStatus)
+            ) {
               dispatch('stopFetchingTimeline', { timeline: 'friends' })
               dispatch('stopFetchingNotifications')
               dispatch('stopFetchingChats')
@@ -154,48 +168,58 @@ const api = {
             commit('resetRetryMultiplier')
             commit('setMastoUserSocketStatus', WSConnectionStatus.JOINED)
           })
-          state.mastoUserSocket.addEventListener('error', ({ detail: error }) => {
-            console.error('Error in MastoAPI websocket:', error)
-            // TODO is this needed?
-            dispatch('clearOpenedChats')
-          })
-          state.mastoUserSocket.addEventListener('close', ({ detail: closeEvent }) => {
-            const ignoreCodes = new Set([
-              1000, // Normal (intended) closure
-              1001 // Going away
-            ])
-            const { code } = closeEvent
-            if (ignoreCodes.has(code)) {
-              console.debug(`Not restarting socket becasue of closure code ${code} is in ignore list`)
-              commit('setMastoUserSocketStatus', WSConnectionStatus.CLOSED)
-            } else {
-              console.warn(`MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`)
-              setTimeout(() => {
-                dispatch('startMastoUserSocket')
-              }, retryTimeout(state.retryMultiplier))
-              commit('incrementRetryMultiplier')
-              if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
-                dispatch('startFetchingTimeline', { timeline: 'friends' })
-                dispatch('startFetchingNotifications')
-                dispatch('startFetchingChats')
-                useInterfaceStore().pushGlobalNotice({
-                  level: 'error',
-                  messageKey: 'timeline.socket_broke',
-                  messageArgs: [code],
-                  timeout: 5000
-                })
+          state.mastoUserSocket.addEventListener(
+            'error',
+            ({ detail: error }) => {
+              console.error('Error in MastoAPI websocket:', error)
+              // TODO is this needed?
+              dispatch('clearOpenedChats')
+            },
+          )
+          state.mastoUserSocket.addEventListener(
+            'close',
+            ({ detail: closeEvent }) => {
+              const ignoreCodes = new Set([
+                1000, // Normal (intended) closure
+                1001, // Going away
+              ])
+              const { code } = closeEvent
+              if (ignoreCodes.has(code)) {
+                console.debug(
+                  `Not restarting socket becasue of closure code ${code} is in ignore list`,
+                )
+                commit('setMastoUserSocketStatus', WSConnectionStatus.CLOSED)
+              } else {
+                console.warn(
+                  `MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`,
+                )
+                setTimeout(() => {
+                  dispatch('startMastoUserSocket')
+                }, retryTimeout(state.retryMultiplier))
+                commit('incrementRetryMultiplier')
+                if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
+                  dispatch('startFetchingTimeline', { timeline: 'friends' })
+                  dispatch('startFetchingNotifications')
+                  dispatch('startFetchingChats')
+                  useInterfaceStore().pushGlobalNotice({
+                    level: 'error',
+                    messageKey: 'timeline.socket_broke',
+                    messageArgs: [code],
+                    timeout: 5000,
+                  })
+                }
+                commit('setMastoUserSocketStatus', WSConnectionStatus.ERROR)
               }
-              commit('setMastoUserSocketStatus', WSConnectionStatus.ERROR)
-            }
-            dispatch('clearOpenedChats')
-          })
+              dispatch('clearOpenedChats')
+            },
+          )
           resolve()
         } catch (e) {
           reject(e)
         }
       })
     },
-    stopMastoUserSocket ({ state, dispatch }) {
+    stopMastoUserSocket({ state, dispatch }) {
       dispatch('startFetchingTimeline', { timeline: 'friends' })
       dispatch('startFetchingNotifications')
       dispatch('startFetchingChats')
@@ -203,103 +227,128 @@ const api = {
     },
 
     // Timelines
-    startFetchingTimeline (store, {
-      timeline = 'friends',
-      tag = false,
-      userId = false,
-      listId = false,
-      statusId = false,
-      bookmarkFolderId = false
-    }) {
-      if (timeline === 'favourites' && !store.rootState.instance.pleromaPublicFavouritesAvailable) return
+    startFetchingTimeline(
+      store,
+      {
+        timeline = 'friends',
+        tag = false,
+        userId = false,
+        listId = false,
+        statusId = false,
+        bookmarkFolderId = false,
+      },
+    ) {
+      if (
+        timeline === 'favourites' &&
+        !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
+      )
+        return
       if (store.state.fetchers[timeline]) return
 
       const fetcher = store.state.backendInteractor.startFetchingTimeline({
-        timeline, store, userId, listId, statusId, bookmarkFolderId, tag
+        timeline,
+        store,
+        userId,
+        listId,
+        statusId,
+        bookmarkFolderId,
+        tag,
       })
       store.commit('addFetcher', { fetcherName: timeline, fetcher })
     },
-    stopFetchingTimeline (store, timeline) {
+    stopFetchingTimeline(store, timeline) {
       const fetcher = store.state.fetchers[timeline]
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: timeline, fetcher })
     },
-    fetchTimeline (store, { timeline, ...rest }) {
+    fetchTimeline(store, { timeline, ...rest }) {
       store.state.backendInteractor.fetchTimeline({
         store,
         timeline,
-        ...rest
+        ...rest,
       })
     },
 
     // Notifications
-    startFetchingNotifications (store) {
+    startFetchingNotifications(store) {
       if (store.state.fetchers.notifications) return
-      const fetcher = store.state.backendInteractor.startFetchingNotifications({ store })
+      const fetcher = store.state.backendInteractor.startFetchingNotifications({
+        store,
+      })
       store.commit('addFetcher', { fetcherName: 'notifications', fetcher })
     },
-    stopFetchingNotifications (store) {
+    stopFetchingNotifications(store) {
       const fetcher = store.state.fetchers.notifications
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'notifications', fetcher })
     },
-    fetchNotifications (store, { ...rest }) {
+    fetchNotifications(store, { ...rest }) {
       store.state.backendInteractor.fetchNotifications({
         store,
-        ...rest
+        ...rest,
       })
     },
 
     // Follow requests
-    startFetchingFollowRequests (store) {
+    startFetchingFollowRequests(store) {
       if (store.state.fetchers.followRequests) return
-      const fetcher = store.state.backendInteractor.startFetchingFollowRequests({ store })
+      const fetcher = store.state.backendInteractor.startFetchingFollowRequests(
+        { store },
+      )
 
       store.commit('addFetcher', { fetcherName: 'followRequests', fetcher })
     },
-    stopFetchingFollowRequests (store) {
+    stopFetchingFollowRequests(store) {
       const fetcher = store.state.fetchers.followRequests
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'followRequests', fetcher })
     },
-    removeFollowRequest (store, request) {
+    removeFollowRequest(store, request) {
       const requests = store.state.followRequests.filter((it) => it !== request)
       store.commit('setFollowRequests', requests)
     },
 
     // Lists
-    startFetchingLists (store) {
+    startFetchingLists(store) {
       if (store.state.fetchers.lists) return
-      const fetcher = store.state.backendInteractor.startFetchingLists({ store })
+      const fetcher = store.state.backendInteractor.startFetchingLists({
+        store,
+      })
       store.commit('addFetcher', { fetcherName: 'lists', fetcher })
     },
-    stopFetchingLists (store) {
+    stopFetchingLists(store) {
       const fetcher = store.state.fetchers.lists
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'lists', fetcher })
     },
 
     // Bookmark folders
-    startFetchingBookmarkFolders (store) {
+    startFetchingBookmarkFolders(store) {
       if (store.state.fetchers.bookmarkFolders) return
-      if (!store.rootState.instance.pleromaBookmarkFoldersAvailable) return
-      const fetcher = store.state.backendInteractor.startFetchingBookmarkFolders({ store })
+      if (!useInstanceCapabilitiesStore().pleromaBookmarkFoldersAvailable)
+        return
+      const fetcher =
+        store.state.backendInteractor.startFetchingBookmarkFolders({ store })
       store.commit('addFetcher', { fetcherName: 'bookmarkFolders', fetcher })
     },
-    stopFetchingBookmarkFolders (store) {
+    stopFetchingBookmarkFolders(store) {
       const fetcher = store.state.fetchers.bookmarkFolders
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'bookmarkFolders', fetcher })
     },
 
     // Pleroma websocket
-    setWsToken (store, token) {
+    setWsToken(store, token) {
       store.commit('setWsToken', token)
     },
-    initializeSocket ({ commit, state, rootState }) {
+    initializeSocket({ commit, state, rootState }) {
       // Set up websocket connection
       const token = state.wsToken
-      if (rootState.instance.shoutAvailable && typeof token !== 'undefined' && state.socket === null) {
+      if (
+        useInstanceCapabilitiesStore().shoutAvailable &&
+        typeof token !== 'undefined' &&
+        state.socket === null
+      ) {
         const socket = new Socket('/socket', { params: { token } })
         socket.connect()
 
@@ -307,11 +356,11 @@ const api = {
         useShoutStore().initializeShout(socket)
       }
     },
-    disconnectFromSocket ({ commit, state }) {
+    disconnectFromSocket({ commit, state }) {
       state.socket && state.socket.disconnect()
       commit('setSocket', null)
-    }
-  }
+    },
+  },
 }
 
 export default api
diff --git a/src/modules/chats.js b/src/modules/chats.js
index b7a1a5c23..308b2cb27 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,13 +1,17 @@
-import { reactive } from 'vue'
 import { find, omitBy, orderBy, sumBy } from 'lodash'
+import { reactive } from 'vue'
+
 import chatService from '../services/chat_service/chat_service.js'
-import { parseChat, parseChatMessage } from '../services/entity_normalizer/entity_normalizer.service.js'
 import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
+import {
+  parseChat,
+  parseChatMessage,
+} from '../services/entity_normalizer/entity_normalizer.service.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 const emptyChatList = () => ({
   data: [],
-  idStore: {}
+  idStore: {},
 })
 
 const defaultState = {
@@ -17,7 +21,7 @@ const defaultState = {
   openedChatMessageServices: reactive({}),
   fetcher: undefined,
   currentChatId: null,
-  lastReadMessageId: null
+  lastReadMessageId: null,
 }
 
 const getChatById = (state, id) => {
@@ -35,65 +39,74 @@ const unreadChatCount = (state) => {
 const chats = {
   state: { ...defaultState },
   getters: {
-    currentChat: state => state.openedChats[state.currentChatId],
-    currentChatMessageService: state => state.openedChatMessageServices[state.currentChatId],
-    findOpenedChatByRecipientId: state => recipientId => find(state.openedChats, c => c.account.id === recipientId),
+    currentChat: (state) => state.openedChats[state.currentChatId],
+    currentChatMessageService: (state) =>
+      state.openedChatMessageServices[state.currentChatId],
+    findOpenedChatByRecipientId: (state) => (recipientId) =>
+      find(state.openedChats, (c) => c.account.id === recipientId),
     sortedChatList,
-    unreadChatCount
+    unreadChatCount,
   },
   actions: {
     // Chat list
-    startFetchingChats ({ dispatch, commit }) {
+    startFetchingChats({ dispatch, commit }) {
       const fetcher = () => dispatch('fetchChats', { latest: true })
       fetcher()
       commit('setChatListFetcher', {
-        fetcher: () => promiseInterval(fetcher, 5000)
+        fetcher: () => promiseInterval(fetcher, 5000),
       })
     },
-    stopFetchingChats ({ commit }) {
+    stopFetchingChats({ commit }) {
       commit('setChatListFetcher', { fetcher: undefined })
     },
-    fetchChats ({ dispatch, rootState }) {
-      return rootState.api.backendInteractor.chats()
-        .then(({ chats }) => {
-          dispatch('addNewChats', { chats })
-          return chats
-        })
+    fetchChats({ dispatch, rootState }) {
+      return rootState.api.backendInteractor.chats().then(({ chats }) => {
+        dispatch('addNewChats', { chats })
+        return chats
+      })
     },
-    addNewChats (store, { chats }) {
+    addNewChats(store, { chats }) {
       const { commit, dispatch, rootGetters } = store
       const newChatMessageSideEffects = (chat) => {
         maybeShowChatNotification(store, chat)
       }
-      commit('addNewUsers', chats.map(k => k.account).filter(k => k))
-      commit('addNewChats', { dispatch, chats, rootGetters, newChatMessageSideEffects })
+      commit(
+        'addNewUsers',
+        chats.map((k) => k.account).filter((k) => k),
+      )
+      commit('addNewChats', {
+        dispatch,
+        chats,
+        rootGetters,
+        newChatMessageSideEffects,
+      })
     },
-    updateChat ({ commit }, { chat }) {
+    updateChat({ commit }, { chat }) {
       commit('updateChat', { chat })
     },
 
     // Opened Chats
-    startFetchingCurrentChat ({ dispatch }, { fetcher }) {
+    startFetchingCurrentChat({ dispatch }, { fetcher }) {
       dispatch('setCurrentChatFetcher', { fetcher })
     },
-    setCurrentChatFetcher ({ commit }, { fetcher }) {
+    setCurrentChatFetcher({ commit }, { fetcher }) {
       commit('setCurrentChatFetcher', { fetcher })
     },
-    addOpenedChat ({ commit, dispatch }, { chat }) {
+    addOpenedChat({ commit, dispatch }, { chat }) {
       commit('addOpenedChat', { dispatch, chat: parseChat(chat) })
       dispatch('addNewUsers', [chat.account])
     },
-    addChatMessages ({ commit }, value) {
+    addChatMessages({ commit }, value) {
       commit('addChatMessages', { commit, ...value })
     },
-    resetChatNewMessageCount ({ commit }, value) {
+    resetChatNewMessageCount({ commit }, value) {
       commit('resetChatNewMessageCount', value)
     },
-    clearCurrentChat ({ commit }) {
+    clearCurrentChat({ commit }) {
       commit('setCurrentChatId', { chatId: undefined })
       commit('setCurrentChatFetcher', { fetcher: undefined })
     },
-    readChat ({ rootState, commit, dispatch }, { id, lastReadId }) {
+    readChat({ rootState, commit, dispatch }, { id, lastReadId }) {
       const isNewMessage = rootState.chats.lastReadMessageId !== lastReadId
 
       dispatch('resetChatNewMessageCount')
@@ -103,40 +116,40 @@ const chats = {
         rootState.api.backendInteractor.readChat({ id, lastReadId })
       }
     },
-    deleteChatMessage ({ rootState, commit }, value) {
+    deleteChatMessage({ rootState, commit }, value) {
       rootState.api.backendInteractor.deleteChatMessage(value)
       commit('deleteChatMessage', { commit, ...value })
     },
-    resetChats ({ commit, dispatch }) {
+    resetChats({ commit, dispatch }) {
       dispatch('clearCurrentChat')
       commit('resetChats', { commit })
     },
-    clearOpenedChats ({ commit }) {
+    clearOpenedChats({ commit }) {
       commit('clearOpenedChats', { commit })
     },
-    handleMessageError ({ commit }, value) {
+    handleMessageError({ commit }, value) {
       commit('handleMessageError', { commit, ...value })
     },
-    cullOlderMessages ({ commit }, chatId) {
+    cullOlderMessages({ commit }, chatId) {
       commit('cullOlderMessages', chatId)
-    }
+    },
   },
   mutations: {
-    setChatListFetcher (state, { fetcher }) {
+    setChatListFetcher(state, { fetcher }) {
       const prevFetcher = state.chatListFetcher
       if (prevFetcher) {
         prevFetcher.stop()
       }
       state.chatListFetcher = fetcher && fetcher()
     },
-    setCurrentChatFetcher (state, { fetcher }) {
+    setCurrentChatFetcher(state, { fetcher }) {
       const prevFetcher = state.fetcher
       if (prevFetcher) {
         prevFetcher.stop()
       }
       state.fetcher = fetcher && fetcher()
     },
-    addOpenedChat (state, { chat }) {
+    addOpenedChat(state, { chat }) {
       state.currentChatId = chat.id
       state.openedChats[chat.id] = chat
 
@@ -144,15 +157,17 @@ const chats = {
         state.openedChatMessageServices[chat.id] = chatService.empty(chat.id)
       }
     },
-    setCurrentChatId (state, { chatId }) {
+    setCurrentChatId(state, { chatId }) {
       state.currentChatId = chatId
     },
-    addNewChats (state, { chats, newChatMessageSideEffects }) {
+    addNewChats(state, { chats, newChatMessageSideEffects }) {
       chats.forEach((updatedChat) => {
         const chat = getChatById(state, updatedChat.id)
 
         if (chat) {
-          const isNewMessage = (chat.lastMessage && chat.lastMessage.id) !== (updatedChat.lastMessage && updatedChat.lastMessage.id)
+          const isNewMessage =
+            (chat.lastMessage && chat.lastMessage.id) !==
+            (updatedChat.lastMessage && updatedChat.lastMessage.id)
           chat.lastMessage = updatedChat.lastMessage
           chat.unread = updatedChat.unread
           chat.updated_at = updatedChat.updated_at
@@ -165,23 +180,28 @@ const chats = {
         }
       })
     },
-    updateChat (state, { chat: updatedChat }) {
+    updateChat(state, { chat: updatedChat }) {
       const chat = getChatById(state, updatedChat.id)
       if (chat) {
         chat.lastMessage = updatedChat.lastMessage
         chat.unread = updatedChat.unread
         chat.updated_at = updatedChat.updated_at
       }
-      if (!chat) { state.chatList.data.unshift(updatedChat) }
+      if (!chat) {
+        state.chatList.data.unshift(updatedChat)
+      }
       state.chatList.idStore[updatedChat.id] = updatedChat
     },
-    deleteChat (state, { id }) {
-      state.chats.data = state.chats.data.filter(conversation =>
-        conversation.last_status.id !== id
+    deleteChat(state, { id }) {
+      state.chats.data = state.chats.data.filter(
+        (conversation) => conversation.last_status.id !== id,
+      )
+      state.chats.idStore = omitBy(
+        state.chats.idStore,
+        (conversation) => conversation.last_status.id === id,
       )
-      state.chats.idStore = omitBy(state.chats.idStore, conversation => conversation.last_status.id === id)
     },
-    resetChats (state, { commit }) {
+    resetChats(state, { commit }) {
       state.chatList = emptyChatList()
       state.currentChatId = null
       commit('setChatListFetcher', { fetcher: undefined })
@@ -191,27 +211,31 @@ const chats = {
         delete state.openedChatMessageServices[chatId]
       }
     },
-    setChatsLoading (state, { value }) {
+    setChatsLoading(state, { value }) {
       state.chats.loading = value
     },
-    addChatMessages (state, { chatId, messages, updateMaxId }) {
+    addChatMessages(state, { chatId, messages, updateMaxId }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       if (chatMessageService) {
-        chatService.add(chatMessageService, { messages: messages.map(parseChatMessage), updateMaxId })
+        chatService.add(chatMessageService, {
+          messages: messages.map(parseChatMessage),
+          updateMaxId,
+        })
       }
     },
-    deleteChatMessage (state, { chatId, messageId }) {
+    deleteChatMessage(state, { chatId, messageId }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       if (chatMessageService) {
         chatService.deleteMessage(chatMessageService, messageId)
       }
     },
-    resetChatNewMessageCount (state) {
-      const chatMessageService = state.openedChatMessageServices[state.currentChatId]
+    resetChatNewMessageCount(state) {
+      const chatMessageService =
+        state.openedChatMessageServices[state.currentChatId]
       chatService.resetNewMessageCount(chatMessageService)
     },
     // Used when a connection loss occurs
-    clearOpenedChats (state) {
+    clearOpenedChats(state) {
       const currentChatId = state.currentChatId
       for (const chatId in state.openedChats) {
         if (currentChatId !== chatId) {
@@ -221,21 +245,21 @@ const chats = {
         }
       }
     },
-    readChat (state, { id, lastReadId }) {
+    readChat(state, { id, lastReadId }) {
       state.lastReadMessageId = lastReadId
       const chat = getChatById(state, id)
       if (chat) {
         chat.unread = 0
       }
     },
-    handleMessageError (state, { chatId, fakeId, isRetry }) {
+    handleMessageError(state, { chatId, fakeId, isRetry }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       chatService.handleMessageError(chatMessageService, fakeId, isRetry)
     },
-    cullOlderMessages (state, chatId) {
+    cullOlderMessages(state, chatId) {
       chatService.cullOlderMessages(state.openedChatMessageServices[chatId])
-    }
-  }
+    },
+  },
 }
 
 export default chats
diff --git a/src/modules/config.js b/src/modules/config.js
deleted file mode 100644
index 92898a3de..000000000
--- a/src/modules/config.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import Cookies from 'js-cookie'
-import { applyConfig } from '../services/style_setter/style_setter.js'
-import messages from '../i18n/messages'
-import { set } from 'lodash'
-import localeService from '../services/locale/locale.service.js'
-import { useI18nStore } from 'src/stores/i18n.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-
-import { defaultState } from './default_config_state.js'
-
-const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
-const APPEARANCE_SETTINGS_KEYS = new Set([
-  'sidebarColumnWidth',
-  'contentColumnWidth',
-  'notifsColumnWidth',
-  'themeEditorMinWidth',
-  'textSize',
-  'navbarSize',
-  'panelHeaderSize',
-  'forcedRoundness',
-  'emojiSize',
-  'emojiReactionsScale'
-])
-
-/* TODO this is a bit messy.
- * We need to declare settings with their types and also deal with
- * instance-default settings in some way, hopefully try to avoid copy-pasta
- * in general.
- */
-export const multiChoiceProperties = [
-  'postContentType',
-  'subjectLineBehavior',
-  'conversationDisplay', // tree | linear
-  'conversationOtherRepliesButton', // below | inside
-  'mentionLinkDisplay', // short | full_for_remote | full
-  'userPopoverAvatarAction', // close | zoom | open
-  'unsavedPostAction' // save | discard | confirm
-]
-
-// caching the instance default properties
-export const instanceDefaultProperties = Object.entries(defaultState)
-  .filter(([, value]) => value === undefined)
-  .map(([key]) => key)
-
-const config = {
-  state: { ...defaultState },
-  getters: {
-    defaultConfig (state, getters, rootState) {
-      const { instance } = rootState
-      return {
-        ...defaultState,
-        ...Object.fromEntries(
-          instanceDefaultProperties.map(key => [key, instance[key]])
-        )
-      }
-    },
-    mergedConfig (state, getters, rootState, rootGetters) {
-      const { defaultConfig } = rootGetters
-      return {
-        ...defaultConfig,
-        // Do not override with undefined
-        ...Object.fromEntries(Object.entries(state).filter(([, v]) => v !== undefined))
-      }
-    }
-  },
-  mutations: {
-    setOptionTemporarily (state, { name, value }) {
-      set(state, name, value)
-      applyConfig(state)
-    },
-    setOption (state, { name, value }) {
-      set(state, name, value)
-    },
-    setHighlight (state, { user, color, type }) {
-      const data = this.state.config.highlight[user]
-      if (color || type) {
-        state.highlight[user] = { color: color || data.color, type: type || data.type }
-      } else {
-        delete state.highlight[user]
-      }
-    }
-  },
-  actions: {
-    loadSettings ({ dispatch }, data) {
-      const knownKeys = new Set(Object.keys(defaultState))
-      const presentKeys = new Set(Object.keys(data))
-      const intersection = new Set()
-      for (const elem of presentKeys) {
-        if (knownKeys.has(elem)) {
-          intersection.add(elem)
-        }
-      }
-
-      intersection.forEach(
-        name => dispatch('setOption', { name, value: data[name] })
-      )
-    },
-    setHighlight ({ commit }, { user, color, type }) {
-      commit('setHighlight', { user, color, type })
-    },
-    setOptionTemporarily ({ commit, dispatch, state }, { name, value }) {
-      if (useInterfaceStore().temporaryChangesTimeoutId !== null) {
-        console.warn('Can\'t track more than one temporary change')
-        return
-      }
-      const oldValue = state[name]
-
-      commit('setOptionTemporarily', { name, value })
-
-      const confirm = () => {
-        dispatch('setOption', { name, value })
-        useInterfaceStore().clearTemporaryChanges()
-      }
-
-      const revert = () => {
-        commit('setOptionTemporarily', { name, value: oldValue })
-        useInterfaceStore().clearTemporaryChanges()
-      }
-
-      useInterfaceStore().setTemporaryChanges({
-        timeoutId: setTimeout(revert, 10000),
-        confirm,
-        revert
-      })
-    },
-    setThemeV2 ({ commit, dispatch }, { customTheme, customThemeSource }) {
-      commit('setOption', { name: 'theme', value: 'custom' })
-      commit('setOption', { name: 'customTheme', value: customTheme })
-      commit('setOption', { name: 'customThemeSource', value: customThemeSource })
-      dispatch('setTheme', { themeData: customThemeSource, recompile: true })
-    },
-    setOption ({ commit, dispatch, state }, { name, value }) {
-      const exceptions = new Set([
-        'useStreamingApi'
-      ])
-
-      if (exceptions.has(name)) {
-        switch (name) {
-          case 'useStreamingApi': {
-            const action = value ? 'enableMastoSockets' : 'disableMastoSockets'
-
-            dispatch(action).then(() => {
-              commit('setOption', { name: 'useStreamingApi', value })
-            }).catch((e) => {
-              console.error('Failed starting MastoAPI Streaming socket', e)
-              dispatch('disableMastoSockets')
-              dispatch('setOption', { name: 'useStreamingApi', value: false })
-            })
-            break
-          }
-        }
-      } else {
-        commit('setOption', { name, value })
-        if (APPEARANCE_SETTINGS_KEYS.has(name)) {
-          applyConfig(state)
-        }
-        if (name.startsWith('theme3hacks')) {
-          dispatch('applyTheme', { recompile: true })
-        }
-        switch (name) {
-          case 'theme':
-            if (value === 'custom') break
-            dispatch('setTheme', { themeName: value, recompile: true, saveData: true })
-            break
-          case 'themeDebug': {
-            dispatch('setTheme', { recompile: true })
-            break
-          }
-          case 'interfaceLanguage':
-            messages.setLanguage(useI18nStore().i18n, value)
-            dispatch('loadUnicodeEmojiData', value)
-            Cookies.set(
-              BACKEND_LANGUAGE_COOKIE_NAME,
-              localeService.internalToBackendLocaleMulti(value)
-            )
-            break
-          case 'thirdColumnMode':
-            useInterfaceStore().setLayoutWidth(undefined)
-            break
-        }
-      }
-    }
-  }
-}
-
-export default config
diff --git a/src/modules/config_declaration.js b/src/modules/config_declaration.js
index e3328d448..38619f4fb 100644
--- a/src/modules/config_declaration.js
+++ b/src/modules/config_declaration.js
@@ -1,5 +1,8 @@
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 export const CONFIG_MIGRATION = 1
-import { v4 as uuidv4 } from 'uuid';
+
+import { v4 as uuidv4 } from 'uuid'
 
 // for future use
 /*
@@ -7,7 +10,7 @@ const simpleDeclaration = {
   store: 'server-side',
   migrationFlag: 'configMigration',
   migration(serverside, rootState) {
-    serverside.setPreference({ path: 'simple.' + field, value: rootState.config[oldField ?? field] })
+    serverside.setSimplePrefAndSave({ path: field, value: rootState.config[oldField ?? field] })
   }
 }
 */
@@ -20,8 +23,8 @@ export const declarations = [
     migrationNum: 1,
     description: 'Mute filters, wordfilter/regexp/etc',
     valueType: 'complex',
-    migration (serverside, rootState) {
-      rootState.config.muteWords.forEach((word, order) => {
+    migration(serverside, rootState) {
+      useMergedConfigStore().mergedConfig.muteWords.forEach((word, order) => {
         const uniqueId = uuidv4()
 
         serverside.setPreference({
@@ -33,10 +36,10 @@ export const declarations = [
             enabled: true,
             expires: null,
             hide: false,
-            order
-          }
+            order,
+          },
         })
       })
-    }
-  }
+    },
+  },
 ]
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index eb12d2df1..3800d4deb 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -1,165 +1,780 @@
-const browserLocale = (window.navigator.language || 'en').split('-')[0]
+import { get, set } from 'lodash'
 
-export const defaultState = {
-  expertLevel: 0, // used to track which settings to show and hide
+const browserLocale = (navigator.language || 'en').split('-')[0]
 
-  // Theme  stuff
-  theme: undefined, // Very old theme store, stores preset name, still in use
+export const convertDefinitions = (definitions) =>
+  Object.fromEntries(
+    Object.entries(definitions).map(([k, v]) => {
+      const defaultValue = v.default ?? null
+      return [k, defaultValue]
+    }),
+  )
 
-  // V1
-  colors: {}, // VERY old theme store, just colors of V1, probably not even used anymore
-
-  // V2
-  customTheme: undefined, // "snapshot", previously was used as actual theme store for V2 so it's still used in case of PleromaFE downgrade event.
-  customThemeSource: undefined, // "source", stores original theme data
-
-  // V3
-  style: null,
-  styleCustomData: null,
-  palette: null,
-  paletteCustomData: null,
-  themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
-  forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
-  theme3hacks: { // Hacks, user overrides that are independent of theme used
-    underlay: 'none',
-    fonts: {
-      interface: undefined,
-      input: undefined,
-      post: undefined,
-      monospace: undefined
-    }
+/// Instance config entries provided by static config or pleroma api
+/// Put settings here only if it does not make sense for a normal user
+/// to override it.
+export const INSTANCE_IDENTITY_DEFAULT_DEFINITIONS = {
+  style: {
+    description: 'Instance default style name',
+    type: 'string',
+    required: false,
+  },
+  palette: {
+    description: 'Instance default palette name',
+    type: 'string',
+    required: false,
+  },
+  theme: {
+    description: 'Instance default theme name',
+    type: 'string',
+    required: false,
+  },
+  defaultAvatar: {
+    description: "Default avatar image to use when user doesn't have one set",
+    type: 'string',
+    default: '/images/avi.png',
+  },
+  defaultBanner: {
+    description: "Default banner image to use when user doesn't have one set",
+    type: 'string',
+    default: '/images/banner.png',
+  },
+  background: {
+    description: 'Instance background/wallpaper',
+    type: 'string',
+    default: '/static/aurora_borealis.jpg',
+  },
+  embeddedToS: {
+    description: 'Whether to show Terms of Service title bar',
+    type: 'boolean',
+    default: true,
+  },
+  logo: {
+    description: 'Instance logo',
+    type: 'string',
+    default: '/static/logo.svg',
+  },
+  logoMargin: {
+    description: 'Margin for logo (spacing above/below)',
+    type: 'string',
+    default: '.2em',
+  },
+  logoMask: {
+    description:
+      'Use logo as a mask (works well for monochrome/transparent logos)',
+    type: 'boolean',
+    default: true,
+  },
+  logoLeft: {
+    description: 'Show logo on the left side of navbar',
+    type: 'boolean',
+    default: false,
+  },
+  redirectRootLogin: {
+    description: 'Where to redirect user after login',
+    type: 'string',
+    default: '/main/friends',
+  },
+  redirectRootNoLogin: {
+    description: 'Where to redirect anonymous visitors',
+    type: 'string',
+    default: '/main/all',
+  },
+  hideSitename: {
+    description: 'Hide the instance name in navbar',
+    type: 'boolean',
+    default: false,
+  },
+  nsfwCensorImage: {
+    description: 'Default NSFW censor image',
+    type: 'string',
+    required: false,
+  },
+  showFeaturesPanel: {
+    description: 'Show features panel to anonymous visitors',
+    type: 'boolean',
+    default: true,
+  },
+  showInstanceSpecificPanel: {
+    description: 'Show instance-specific panel',
+    type: 'boolean',
+    default: false,
   },
 
-  hideISP: false,
-  hideInstanceWallpaper: false,
-  hideShoutbox: false,
-  // bad name: actually hides posts of muted USERS
-  hideMutedPosts: undefined, // instance default
-  hideMutedThreads: undefined, // instance default
-  hideWordFilteredPosts: undefined, // instance default
-  muteBotStatuses: undefined, // instance default
-  muteSensitiveStatuses: undefined, // instance default
-  collapseMessageWithSubject: undefined, // instance default
-  padEmoji: true,
-  hideAttachments: false,
-  hideAttachmentsInConv: false,
-  hideScrobbles: false,
-  hideScrobblesAfter: '2d',
-  maxThumbnails: 16,
-  hideNsfw: true,
-  preloadImage: true,
-  loopVideo: true,
-  loopVideoSilentOnly: true,
-  streaming: false,
-  emojiReactionsOnTimeline: true,
-  alwaysShowNewPostButton: false,
-  autohideFloatingPostButton: false,
-  pauseOnUnfocused: true,
-  stopGifs: true,
-  replyVisibility: 'all',
-  thirdColumnMode: 'notifications',
+  // Html stuff
+  instanceSpecificPanelContent: {
+    description: 'HTML of Instance-specific panel',
+    type: 'string',
+    required: false,
+  },
+  tos: {
+    description: 'HTML of Terms of Service panel',
+    type: 'string',
+    required: false,
+  },
+}
+export const INSTANCE_IDENTITY_DEFAULT = convertDefinitions(
+  INSTANCE_IDENTITY_DEFAULT_DEFINITIONS,
+)
+
+/// This object contains setting entries that makes sense
+/// at the user level. The defaults can also be overriden by
+/// instance admins in the frontend_configuration endpoint or static config.
+export const INSTANCE_DEFAULT_CONFIG_DEFINITIONS = {
+  expertLevel: {
+    description:
+      'Used to track which settings to show and hide in settings modal',
+    type: 'number', // not a boolean so we could potentially make multiple levels of expert-ness
+    default: 0,
+  },
+  hideISP: {
+    description: 'Hide Instance-specific panel',
+    default: false,
+  },
+  hideInstanceWallpaper: {
+    description: 'Hide Instance default background',
+    default: false,
+  },
+  hideShoutbox: {
+    description: 'Hide shoutbox if present',
+    default: false,
+  },
+  hideMutedPosts: {
+    // bad name
+    description: 'Hide posts of muted users entirely',
+    default: false,
+  },
+  hideMutedThreads: {
+    description: 'Hide muted threads entirely',
+    default: true,
+  },
+  hideWordFilteredPosts: {
+    description: 'Hide wordfiltered posts entirely',
+    default: false,
+  },
+  muteBotStatuses: {
+    description: 'Mute posts made by bots',
+    default: false,
+  },
+  muteSensitiveStatuses: {
+    description: 'Mute posts marked as NSFW',
+    default: false,
+  },
+  collapseMessageWithSubject: {
+    description: 'Collapse posts with subject',
+    default: false,
+  },
+  padEmoji: {
+    description: 'Pad emoji with spaces when using emoji picker',
+    default: true,
+  },
+  hideAttachmentsInConv: {
+    description: 'Hide attachments',
+    default: false,
+  },
+  hideScrobbles: {
+    description: 'Hide scrobbles',
+    default: false,
+  },
+  hideScrobblesAfter: {
+    description: 'Hide scrobbles older than',
+    default: '2d',
+  },
+  maxThumbnails: {
+    description: 'Maximum attachments to show',
+    default: 16,
+  },
+  loopVideo: {
+    description: 'Loop videos',
+    default: true,
+  },
+  loopVideoSilentOnly: {
+    description: 'Loop only videos without sound',
+    default: true,
+  },
+  /// This is not the streaming API configuration, but rather an option
+  /// for automatically loading new posts into the timeline without
+  /// the user clicking the Show New button.
+  streaming: {
+    description: 'Automatically show new posts',
+    default: false,
+  },
+  pauseOnUnfocused: {
+    description: 'Pause showing new posts when tab is unfocused',
+    default: true,
+  },
+  emojiReactionsOnTimeline: {
+    description: 'Show emoji reactions on timeline',
+    default: true,
+  },
+  alwaysShowNewPostButton: {
+    description: 'Always show mobile "new post" button, even in desktop mode',
+    default: false,
+  },
+  autohideFloatingPostButton: {
+    description:
+      'Automatically hide mobile "new post" button when scrolling down',
+    default: false,
+  },
+  stopGifs: {
+    description: 'Play animated gifs on hover only',
+    default: true,
+  },
+  replyVisibility: {
+    description: 'Type of replies to show',
+    default: 'all',
+  },
+  thirdColumnMode: {
+    description: 'What to display in third column',
+    default: 'notifications',
+  },
   notificationVisibility: {
-    follows: true,
-    mentions: true,
-    statuses: true,
-    likes: true,
-    repeats: true,
-    moves: true,
-    emojiReactions: true,
-    followRequest: true,
-    reports: true,
-    chatMention: true,
-    polls: true
+    description: 'What types of notifications to show',
+    default: {
+      follows: true,
+      mentions: true,
+      statuses: true,
+      likes: true,
+      repeats: true,
+      moves: true,
+      emojiReactions: true,
+      followRequest: true,
+      reports: true,
+      chatMention: true,
+      polls: true,
+    },
   },
   notificationNative: {
-    follows: true,
-    mentions: true,
-    statuses: true,
-    likes: false,
-    repeats: false,
-    moves: false,
-    emojiReactions: false,
-    followRequest: true,
-    reports: true,
-    chatMention: true,
-    polls: true
+    description: 'What type of notifications to show desktop notification for',
+    default: {
+      follows: true,
+      mentions: true,
+      statuses: true,
+      likes: false,
+      repeats: false,
+      moves: false,
+      emojiReactions: false,
+      followRequest: true,
+      reports: true,
+      chatMention: true,
+      polls: true,
+    },
   },
-  webPushNotifications: false,
-  webPushAlwaysShowNotifications: false,
-  muteWords: [],
-  highlight: {},
-  interfaceLanguage: browserLocale,
-  hideScopeNotice: false,
-  useStreamingApi: false,
-  sidebarRight: undefined, // instance default
-  scopeCopy: undefined, // instance default
-  subjectLineBehavior: undefined, // instance default
-  alwaysShowSubjectInput: undefined, // instance default
-  postContentType: undefined, // instance default
-  minimalScopesMode: undefined, // instance default
+  webPushNotifications: {
+    description: 'Use WebPush',
+    default: false,
+  },
+  webPushAlwaysShowNotifications: {
+    description: 'Ignore filter when using WebPush',
+    default: false,
+  },
+  interfaceLanguage: {
+    description: 'UI language',
+    default: browserLocale,
+  },
+  hideScopeNotice: {
+    description: 'Hide scope notification',
+    default: false,
+  },
+  scopeCopy: {
+    description: 'Copy scope like mastodon does',
+    default: true,
+  },
+  subjectLineBehavior: {
+    description: 'How to treat subject line',
+    default: 'email',
+  },
+  alwaysShowSubjectInput: {
+    description: 'Always show subject line field',
+    default: true,
+  },
+  minimalScopesMode: {
+    description: 'Minimize amount of options shown in scope selector',
+    default: false,
+  },
+
   // This hides statuses filtered via a word filter
-  hideFilteredStatuses: undefined, // instance default
-  modalOnRepeat: undefined, // instance default
-  modalOnUnfollow: undefined, // instance default
-  modalOnBlock: undefined, // instance default
-  modalOnMute: undefined, // instance default
-  modalOnMuteConversation: undefined, // instance default
-  modalOnMuteDomain: undefined, // instance default
-  modalOnDelete: undefined, // instance default
-  modalOnLogout: undefined, // instance default
-  modalOnApproveFollow: undefined, // instance default
-  modalOnDenyFollow: undefined, // instance default
-  modalOnRemoveUserFromFollowers: undefined, // instance default
-  modalMobileCenter: undefined,
-  playVideosInModal: false,
-  useOneClickNsfw: false,
-  useContainFit: true,
-  disableStickyHeaders: false,
-  showScrollbars: false,
-  userPopoverAvatarAction: 'open',
-  userPopoverOverlay: false,
-  sidebarColumnWidth: '25rem',
-  contentColumnWidth: '45rem',
-  notifsColumnWidth: '25rem',
-  themeEditorMinWidth: undefined, // instance default
-  emojiReactionsScale: undefined,
-  textSize: undefined, // instance default
-  emojiSize: undefined, // instance default
-  navbarSize: undefined, // instance default
-  panelHeaderSize: undefined, // instance default
-  forcedRoundness: undefined, // instance default
-  navbarColumnStretch: false,
-  greentext: undefined, // instance default
-  mentionLinkDisplay: undefined, // instance default
-  mentionLinkShowTooltip: undefined, // instance default
-  mentionLinkShowAvatar: undefined, // instance default
-  mentionLinkFadeDomain: undefined, // instance default
-  mentionLinkShowYous: undefined, // instance default
-  mentionLinkBoldenYou: undefined, // instance default
-  hidePostStats: undefined, // instance default
-  hideBotIndication: undefined, // instance default
-  hideUserStats: undefined, // instance default
-  virtualScrolling: undefined, // instance default
-  sensitiveByDefault: undefined, // instance default
-  conversationDisplay: undefined, // instance default
-  conversationTreeAdvanced: undefined, // instance default
-  conversationOtherRepliesButton: undefined, // instance default
-  conversationTreeFadeAncestors: undefined, // instance default
-  showExtraNotifications: undefined, // instance default
-  showExtraNotificationsTip: undefined, // instance default
-  showChatsInExtraNotifications: undefined, // instance default
-  showAnnouncementsInExtraNotifications: undefined, // instance default
-  showFollowRequestsInExtraNotifications: undefined, // instance default
-  maxDepthInThread: undefined, // instance default
-  autocompleteSelect: undefined, // instance default
-  closingDrawerMarksAsSeen: undefined, // instance default
-  unseenAtTop: undefined, // instance default
-  ignoreInactionableSeen: undefined, // instance default
-  unsavedPostAction: undefined, // instance default
-  autoSaveDraft: undefined, // instance default
-  useAbsoluteTimeFormat: undefined, // instance default
-  absoluteTimeFormatMinAge: undefined, // instance default
-  absoluteTime12h: undefined, // instance default
-  imageCompression: true,
-  alwaysUseJpeg: false
+  hideFilteredStatuses: {
+    description: 'Hide wordfiltered entirely',
+    default: false,
+  },
+
+  // Confirmations
+  modalOnRepeat: {
+    description: 'Show confirmation modal for repeat',
+    default: false,
+  },
+  modalOnUnfollow: {
+    description: 'Show confirmation modal for unfollow',
+    default: false,
+  },
+  modalOnBlock: {
+    description: 'Show confirmation modal for block',
+    default: true,
+  },
+  modalOnMute: {
+    description: 'Show confirmation modal for mute',
+    default: false,
+  },
+  modalOnMuteConversation: {
+    description: 'Show confirmation modal for mute conversation',
+    default: false,
+  },
+  modalOnMuteDomain: {
+    description: 'Show confirmation modal for mute domain',
+    default: true,
+  },
+  modalOnDelete: {
+    description: 'Show confirmation modal for delete',
+    default: true,
+  },
+  modalOnLogout: {
+    description: 'Show confirmation modal for logout',
+    default: true,
+  },
+  modalOnApproveFollow: {
+    description: 'Show confirmation modal for approve follow',
+    default: false,
+  },
+  modalOnDenyFollow: {
+    description: 'Show confirmation modal for deny follow',
+    default: false,
+  },
+  modalOnRemoveUserFromFollowers: {
+    description: 'Show confirmation modal for follower removal',
+    default: false,
+  },
+
+  // Expiry confirmations/default actions
+  onMuteDefaultAction: {
+    description: 'Default action when muting user',
+    default: 'ask',
+  },
+  onBlockDefaultAction: {
+    description: 'Default action when blocking user',
+    default: 'ask',
+  },
+
+  modalMobileCenter: {
+    description: 'Center mobile dialogs vertically',
+    default: false,
+  },
+  playVideosInModal: {
+    description: 'Play videos in gallery view',
+    default: false,
+  },
+  useContainFit: {
+    description: 'Use object-fit: contain for attachments',
+    default: true,
+  },
+  disableStickyHeaders: {
+    description: 'Disable sticky headers',
+    default: false,
+  },
+  showScrollbars: {
+    description: 'Always show scrollbars',
+    default: false,
+  },
+  userPopoverAvatarAction: {
+    description: 'What to do when clicking popover avatar',
+    default: 'open',
+  },
+  userPopoverOverlay: {
+    description: 'Overlay user popover with centering on avatar',
+    default: false,
+  },
+  userCardLeftJustify: {
+    description: 'Justify user bio to the left',
+    default: false,
+  },
+  userCardHidePersonalMarks: {
+    description: 'Hide highlight/personal note in user view',
+    default: false,
+  },
+  forcedRoundness: {
+    description: 'Force roundness of the theme',
+    default: -1,
+  },
+  greentext: {
+    description: 'Highlight plaintext >quotes',
+    default: false,
+  },
+  mentionLinkShowTooltip: {
+    description: 'Show tooltips for mention links',
+    default: true,
+  },
+  mentionLinkShowAvatar: {
+    description: 'Show avatar next to mention link',
+    default: false,
+  },
+  mentionLinkFadeDomain: {
+    description:
+      'Mute (fade) domain name in mention links if configured to show it',
+    default: true,
+  },
+  mentionLinkShowYous: {
+    description: 'Show (you)s when you are mentioned',
+    default: false,
+  },
+  mentionLinkBoldenYou: {
+    description: 'Boldern mentionlink of you',
+    default: true,
+  },
+  hidePostStats: {
+    description: 'Hide post stats (rt, favs)',
+    default: false,
+  },
+  hideBotIndication: {
+    description: 'Hide bot indicator',
+    default: false,
+  },
+  hideUserStats: {
+    description: 'Hide user stats (followers etc)',
+    default: false,
+  },
+  virtualScrolling: {
+    description: 'Timeline virtual scrolling',
+    default: true,
+  },
+  sensitiveByDefault: {
+    description: 'Assume attachments are NSFW by default',
+    default: false,
+  },
+  conversationDisplay: {
+    description: 'Style of conversation display',
+    default: 'linear',
+  },
+  conversationTreeAdvanced: {
+    description: 'Advanced features of tree view conversation',
+    default: false,
+  },
+  conversationOtherRepliesButton: {
+    description: 'Where to show "other replies" in tree conversation view',
+    default: 'below',
+  },
+  conversationTreeFadeAncestors: {
+    description: 'Fade ancestors in tree conversation view',
+    default: false,
+  },
+  showExtraNotifications: {
+    description:
+      'Show extra notifications (chats, announcements etc) in notification panel',
+    default: true,
+  },
+  showExtraNotificationsTip: {
+    description: 'Show tip for extra notifications (that user can remove them)',
+    default: true,
+  },
+  showChatsInExtraNotifications: {
+    description: 'Show chat messages in notifications',
+    default: true,
+  },
+  showAnnouncementsInExtraNotifications: {
+    description: 'Show announcements in notifications',
+    default: true,
+  },
+  showFollowRequestsInExtraNotifications: {
+    description: 'Show follow requests in notifications',
+    default: true,
+  },
+  maxDepthInThread: {
+    description: 'Maximum depth in tree conversation view',
+    default: 6,
+  },
+  autocompleteSelect: {
+    description: '',
+    default: false,
+  },
+  closingDrawerMarksAsSeen: {
+    description: 'Closing mobile notification pane marks everything as seen',
+    default: true,
+  },
+  unseenAtTop: {
+    description: 'Show unseen notifications above others',
+    default: false,
+  },
+  ignoreInactionableSeen: {
+    description: 'Treat inactionable (fav, rt etc) notifications as "seen"',
+    default: false,
+  },
+  unsavedPostAction: {
+    description: 'What to do if post is aborted',
+    default: 'confirm',
+  },
+  autoSaveDraft: {
+    description: 'Save drafts automatically',
+    default: false,
+  },
+  useAbsoluteTimeFormat: {
+    description: 'Use absolute time format',
+    default: false,
+  },
+  absoluteTimeFormatMinAge: {
+    description: 'Show absolute time format only after this post age',
+    default: '0d',
+  },
+  absoluteTime12h: {
+    description: 'Use 24h time format',
+    default: '24h',
+  },
+  themeChecksum: {
+    description: 'Checksum of theme used',
+    type: 'string',
+    required: false,
+  },
+}
+export const INSTANCE_DEFAULT_CONFIG = convertDefinitions(
+  INSTANCE_DEFAULT_CONFIG_DEFINITIONS,
+)
+
+export const LOCAL_DEFAULT_CONFIG_DEFINITIONS = {
+  // TODO these two used to be separate but since separation feature got broken it doesn't matter
+  hideAttachments: {
+    description: 'Hide attachments in timeline',
+    default: false,
+  },
+  hideAttachmentsInConv: {
+    description: 'Hide attachments in coversation',
+    default: false,
+  },
+  hideNsfw: {
+    description: 'Hide nsfw posts',
+    default: true,
+  },
+  useOneClickNsfw: {
+    description: 'Open NSFW images directly in media modal',
+    default: false,
+  },
+  preloadImage: {
+    description: 'Preload images for NSFW',
+    default: true,
+  },
+  postContentType: {
+    description: 'Default post content type',
+    default: 'text/plain',
+  },
+  sidebarRight: {
+    description: 'Reverse order of columns',
+    default: false,
+  },
+  sidebarColumnWidth: {
+    description: 'Sidebar column width',
+    default: '25rem',
+  },
+  contentColumnWidth: {
+    description: 'Middle column width',
+    default: '45rem',
+  },
+  notifsColumnWidth: {
+    description: 'Notifications column width',
+    default: '25rem',
+  },
+  themeEditorMinWidth: {
+    description: 'Hack for theme editor on mobile',
+    default: '0rem',
+  },
+  emojiReactionsScale: {
+    description: 'Emoji reactions scale factor',
+    default: 0.5,
+  },
+  textSize: {
+    description: 'Font size',
+    default: '1rem',
+  },
+  emojiSize: {
+    description: 'Emoji size',
+    default: '2.2rem',
+  },
+  navbarSize: {
+    description: 'Navbar size',
+    default: '3.5rem',
+  },
+  panelHeaderSize: {
+    description: 'Panel header size',
+    default: '3.2rem',
+  },
+  navbarColumnStretch: {
+    description: 'Stretch navbar to match columns width',
+    default: false,
+  },
+  mentionLinkDisplay: {
+    description: 'How to display mention links',
+    default: 'short',
+  },
+  imageCompression: {
+    description: 'Image compression (WebP/JPEG)',
+    default: true,
+  },
+  alwaysUseJpeg: {
+    description: 'Compress images using JPEG only',
+    default: false,
+  },
+  useStreamingApi: {
+    description: 'Streaming API (WebSocket)',
+    default: false,
+  },
+  underlay: {
+    description: 'Underlay override',
+    required: true,
+    default: 'none',
+  },
+  fontInterface: {
+    description: 'Interface font override',
+    type: 'object',
+    default: null,
+  },
+  fontInput: {
+    description: 'Input font override',
+    type: 'object',
+    default: null,
+  },
+  fontPosts: {
+    description: 'Post font override',
+    type: 'object',
+    default: null,
+  },
+  fontMonospace: {
+    description: 'Monospace font override',
+    type: 'object',
+    default: null,
+  },
+  themeDebug: {
+    description:
+      'Debug mode that uses computed backgrounds instead of real ones to debug contrast functions',
+    default: false,
+  },
+  forceThemeRecompilation: {
+    description: 'Flag that forces recompilation on boot even if cache exists',
+    default: false,
+  },
+}
+export const LOCAL_DEFAULT_CONFIG = convertDefinitions(
+  LOCAL_DEFAULT_CONFIG_DEFINITIONS,
+)
+
+export const LOCAL_ONLY_KEYS = new Set(Object.keys(LOCAL_DEFAULT_CONFIG))
+
+export const SYNC_DEFAULT_CONFIG_DEFINITIONS = {
+  dontShowUpdateNotifs: {
+    description: 'Never show update notification (pleroma-tan)',
+    default: false,
+  },
+  collapseNav: {
+    description: 'Collapse navigation panel to header only',
+    default: false,
+  },
+}
+export const SYNC_DEFAULT_CONFIG = convertDefinitions(
+  SYNC_DEFAULT_CONFIG_DEFINITIONS,
+)
+export const SYNC_ONLY_KEYS = new Set(Object.keys(SYNC_DEFAULT_CONFIG))
+
+export const THEME_CONFIG_DEFINITIONS = {
+  theme: {
+    description: 'Very old theme store, stores preset name, still in use',
+    default: null,
+  },
+  colors: {
+    description:
+      'VERY old theme store, just colors of V1, probably not even used anymore',
+    default: {},
+  },
+  // V2
+  customTheme: {
+    description:
+      '"Snapshot", previously was used as actual theme store for V2 so it\'s still used in case of PleromaFE downgrade event.',
+    default: null,
+  },
+  customThemeSource: {
+    description: '"Source", stores original theme data',
+    default: null,
+  },
+  // V3
+  style: {
+    description: 'Style name for builtins',
+    default: null,
+  },
+  styleCustomData: {
+    description: 'Custom style data (i.e. not builtin)',
+    default: null,
+  },
+  palette: {
+    description: 'Palette name for builtins',
+    default: null,
+  },
+  paletteCustomData: {
+    description: 'Custom palette data (i.e. not builtin)',
+    default: null,
+  },
+}
+export const THEME_CONFIG = convertDefinitions(THEME_CONFIG_DEFINITIONS)
+
+export const makeUndefined = (c) =>
+  Object.fromEntries(Object.keys(c).map((key) => [key, undefined]))
+
+/// For properties with special processing or properties that does not
+/// make sense to be overriden on a instance-wide level.
+export const ROOT_CONFIG = {
+  // Set these to undefined so it does not interfere with default settings check
+  ...INSTANCE_DEFAULT_CONFIG,
+  ...LOCAL_DEFAULT_CONFIG,
+  ...SYNC_DEFAULT_CONFIG,
+  ...THEME_CONFIG,
+}
+
+export const ROOT_CONFIG_DEFINITIONS = {
+  ...INSTANCE_DEFAULT_CONFIG_DEFINITIONS,
+  ...LOCAL_DEFAULT_CONFIG_DEFINITIONS,
+  ...SYNC_DEFAULT_CONFIG_DEFINITIONS,
+  ...THEME_CONFIG_DEFINITIONS,
+}
+
+export const validateSetting = ({
+  value,
+  path,
+  definition,
+  throwError,
+  defaultState,
+}) => {
+  if (value === undefined) return // only null is allowed as missing value
+  if (get(defaultState, path) === undefined) {
+    const string = `Unknown instance option ${path}, value: ${value}`
+
+    if (throwError) {
+      throw new Error(string)
+    } else {
+      console.error(string)
+      return value
+    }
+  }
+
+  let { required, type, default: defaultValue } = definition
+
+  if (type == null && defaultValue != null) {
+    type = typeof defaultValue
+  }
+
+  if (required && value == null) {
+    const string = `Value required for setting ${path} but was provided nullish; defaulting`
+
+    if (throwError) {
+      throw new Error(string)
+    } else {
+      console.error(string)
+      return defaultValue
+    }
+  }
+
+  if (value !== null && type != null && typeof value !== type) {
+    const string = `Invalid type for setting ${path}: expected type ${type}, got ${typeof value}, value ${value}; defaulting`
+
+    if (throwError) {
+      throw new Error(string)
+    } else {
+      console.error(string)
+      return defaultValue
+    }
+  }
+
+  return value
 }
diff --git a/src/modules/drafts.js b/src/modules/drafts.js
index 7a38fe2d5..d16f49e95 100644
--- a/src/modules/drafts.js
+++ b/src/modules/drafts.js
@@ -1,19 +1,19 @@
 import { storage } from 'src/lib/storage.js'
 
 export const defaultState = {
-  drafts: {}
+  drafts: {},
 }
 
 export const mutations = {
-  addOrSaveDraft (state, { draft }) {
+  addOrSaveDraft(state, { draft }) {
     state.drafts[draft.id] = draft
   },
-  abandonDraft (state, { id }) {
+  abandonDraft(state, { id }) {
     delete state.drafts[id]
   },
-  loadDrafts (state, data) {
+  loadDrafts(state, data) {
     state.drafts = data
-  }
+  },
 }
 
 const storageKey = 'pleroma-fe-drafts'
@@ -30,7 +30,11 @@ const storageKey = 'pleroma-fe-drafts'
  * different keys, which will just pollute the whole storage.
  * It is indeed best to have backend support for this.
  */
-const getStorageData = async () => ((await storage.getItem(storageKey)) || {})
+const getStorageData = async () =>
+  (await storage.getItem(storageKey)) ||
+  {
+    /* no-op */
+  }
 
 const saveDraftToStorage = async (draft) => {
   const currentData = await getStorageData()
@@ -45,42 +49,44 @@ const deleteDraftFromStorage = async (id) => {
 }
 
 export const actions = {
-  async addOrSaveDraft (store, { draft }) {
-    const id = draft.id || (new Date().getTime()).toString()
+  async addOrSaveDraft(store, { draft }) {
+    const id = draft.id || new Date().getTime().toString()
     const draftWithId = { ...draft, id }
     store.commit('addOrSaveDraft', { draft: draftWithId })
     await saveDraftToStorage(draftWithId)
     return id
   },
-  async abandonDraft (store, { id }) {
+  async abandonDraft(store, { id }) {
     store.commit('abandonDraft', { id })
     await deleteDraftFromStorage(id)
   },
-  async loadDrafts (store) {
+  async loadDrafts(store) {
     const currentData = await getStorageData()
     store.commit('loadDrafts', currentData)
-  }
+  },
 }
 
 export const getters = {
-  draftsByTypeAndRefId (state) {
+  draftsByTypeAndRefId(state) {
     return (type, refId) => {
-      return Object.values(state.drafts).filter(draft => draft.type === type && draft.refId === refId)
+      return Object.values(state.drafts).filter(
+        (draft) => draft.type === type && draft.refId === refId,
+      )
     }
   },
-  draftsArray (state) {
+  draftsArray(state) {
     return Object.values(state.drafts)
   },
-  draftCount (state) {
+  draftCount(state) {
     return Object.values(state.drafts).length
-  }
+  },
 }
 
 const drafts = {
   state: defaultState,
   mutations,
   getters,
-  actions
+  actions,
 }
 
 export default drafts
diff --git a/src/modules/index.js b/src/modules/index.js
index fd233585d..76bdbf7f3 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -1,23 +1,19 @@
-import instance from './instance.js'
-import statuses from './statuses.js'
-import notifications from './notifications.js'
-import users from './users.js'
-import api from './api.js'
-import config from './config.js'
-import profileConfig from './profileConfig.js'
 import adminSettings from './adminSettings.js'
-import drafts from './drafts.js'
+import api from './api.js'
 import chats from './chats.js'
+import drafts from './drafts.js'
+import notifications from './notifications.js'
+import profileConfig from './profileConfig.js'
+import statuses from './statuses.js'
+import users from './users.js'
 
 export default {
-  instance,
   statuses,
   notifications,
   users,
   api,
-  config,
   profileConfig,
   adminSettings,
   drafts,
-  chats
+  chats,
 }
diff --git a/src/modules/instance.js b/src/modules/instance.js
deleted file mode 100644
index eff3d8870..000000000
--- a/src/modules/instance.js
+++ /dev/null
@@ -1,419 +0,0 @@
-import apiService from '../services/api/api.service.js'
-import { instanceDefaultProperties } from './config.js'
-import { ensureFinalFallback } from '../i18n/languages.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-// See build/emojis_plugin for more details
-import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
-
-const SORTED_EMOJI_GROUP_IDS = [
-  'smileys-and-emotion',
-  'people-and-body',
-  'animals-and-nature',
-  'food-and-drink',
-  'travel-and-places',
-  'activities',
-  'objects',
-  'symbols',
-  'flags'
-]
-
-const REGIONAL_INDICATORS = (() => {
-  const start = 0x1F1E6
-  const end = 0x1F1FF
-  const A = 'A'.codePointAt(0)
-  const res = new Array(end - start + 1)
-  for (let i = start; i <= end; ++i) {
-    const letter = String.fromCodePoint(A + i - start)
-    res[i - start] = {
-      replacement: String.fromCodePoint(i),
-      imageUrl: false,
-      displayText: 'regional_indicator_' + letter,
-      displayTextI18n: {
-        key: 'emoji.regional_indicator',
-        args: { letter }
-      }
-    }
-  }
-  return res
-})()
-
-const REMOTE_INTERACTION_URL = '/main/ostatus'
-
-const defaultState = {
-  // Stuff from apiConfig
-  name: 'Pleroma FE',
-  registrationOpen: true,
-  server: 'http://localhost:4040/',
-  textlimit: 5000,
-  themesIndex: undefined,
-  stylesIndex: undefined,
-  palettesIndex: undefined,
-  themeData: undefined, // used for theme editor v2
-  vapidPublicKey: undefined,
-
-  // Stuff from static/config.json
-  alwaysShowSubjectInput: true,
-  defaultAvatar: '/images/avi.png',
-  defaultBanner: '/images/banner.png',
-  background: '/static/aurora_borealis.jpg',
-  embeddedToS: true,
-  collapseMessageWithSubject: false,
-  greentext: false,
-  mentionLinkDisplay: 'short',
-  mentionLinkShowTooltip: true,
-  mentionLinkShowAvatar: false,
-  mentionLinkFadeDomain: true,
-  mentionLinkShowYous: false,
-  mentionLinkBoldenYou: true,
-  hideFilteredStatuses: false,
-  // bad name: actually hides posts of muted USERS
-  hideMutedPosts: false,
-  hideMutedThreads: true,
-  hideWordFilteredPosts: false,
-  hidePostStats: false,
-  hideBotIndication: false,
-  hideSitename: false,
-  hideUserStats: false,
-  muteBotStatuses: false,
-  muteSensitiveStatuses: false,
-  modalOnRepeat: false,
-  modalOnUnfollow: false,
-  modalOnBlock: true,
-  modalOnMute: false,
-  modalOnMuteConversation: false,
-  modalOnMuteDomain: true,
-  modalOnDelete: true,
-  modalOnLogout: true,
-  modalOnApproveFollow: false,
-  modalOnDenyFollow: false,
-  modalOnRemoveUserFromFollowers: false,
-  modalMobileCenter: false,
-  loginMethod: 'password',
-  logo: '/static/logo.svg',
-  logoMargin: '.2em',
-  logoMask: true,
-  logoLeft: false,
-  disableUpdateNotification: false,
-  minimalScopesMode: false,
-  nsfwCensorImage: undefined,
-  postContentType: 'text/plain',
-  redirectRootLogin: '/main/friends',
-  redirectRootNoLogin: '/main/all',
-  scopeCopy: true,
-  showFeaturesPanel: true,
-  showInstanceSpecificPanel: false,
-  sidebarRight: false,
-  subjectLineBehavior: 'email',
-  theme: 'pleroma-dark',
-  palette: null,
-  style: null,
-  emojiReactionsScale: 0.5,
-  textSize: '14px',
-  emojiSize: '2.2rem',
-  navbarSize: '3.5rem',
-  panelHeaderSize: '3.2rem',
-  themeEditorMinWidth: '0rem',
-  forcedRoundness: -1,
-  fontsOverride: {},
-  virtualScrolling: true,
-  sensitiveByDefault: false,
-  conversationDisplay: 'linear',
-  conversationTreeAdvanced: false,
-  conversationOtherRepliesButton: 'below',
-  conversationTreeFadeAncestors: false,
-  showExtraNotifications: true,
-  showExtraNotificationsTip: true,
-  showChatsInExtraNotifications: true,
-  showAnnouncementsInExtraNotifications: true,
-  showFollowRequestsInExtraNotifications: true,
-  maxDepthInThread: 6,
-  autocompleteSelect: false,
-  closingDrawerMarksAsSeen: true,
-  unseenAtTop: false,
-  ignoreInactionableSeen: false,
-  unsavedPostAction: 'confirm',
-  autoSaveDraft: false,
-  useAbsoluteTimeFormat: false,
-  absoluteTimeFormatMinAge: '0d',
-  absoluteTime12h: '24h',
-
-  // Nasty stuff
-  customEmoji: [],
-  customEmojiFetched: false,
-  emoji: {},
-  emojiFetched: false,
-  unicodeEmojiAnnotations: {},
-  pleromaExtensionsAvailable: true,
-  postFormats: [],
-  restrictedNicknames: [],
-  safeDM: true,
-  knownDomains: [],
-  birthdayRequired: false,
-  birthdayMinAge: 0,
-
-  // Feature-set, apparently, not everything here is reported...
-  shoutAvailable: false,
-  pleromaChatMessagesAvailable: false,
-  pleromaCustomEmojiReactionsAvailable: false,
-  pleromaBookmarkFoldersAvailable: false,
-  pleromaPublicFavouritesAvailable: true,
-  statusNotificationTypeAvailable: true,
-  gopherAvailable: false,
-  mediaProxyAvailable: false,
-  suggestionsEnabled: false,
-  suggestionsWeb: '',
-  quotingAvailable: false,
-  groupActorAvailable: false,
-  localBubbleInstances: [], // Akkoma
-
-  // Html stuff
-  instanceSpecificPanelContent: '',
-  tos: '',
-
-  // Version Information
-  backendVersion: '',
-  backendRepository: '',
-  frontendVersion: '',
-
-  pollsAvailable: false,
-  pollLimits: {
-    max_options: 4,
-    max_option_chars: 255,
-    min_expiration: 60,
-    max_expiration: 60 * 60 * 24
-  }
-}
-
-const loadAnnotations = (lang) => {
-  return annotationsLoader[lang]()
-    .then(k => k.default)
-}
-
-const injectAnnotations = (emoji, annotations) => {
-  const availableLangs = Object.keys(annotations)
-
-  return {
-    ...emoji,
-    annotations: availableLangs.reduce((acc, cur) => {
-      acc[cur] = annotations[cur][emoji.replacement]
-      return acc
-    }, {})
-  }
-}
-
-const injectRegionalIndicators = groups => {
-  groups.symbols.push(...REGIONAL_INDICATORS)
-  return groups
-}
-
-const instance = {
-  state: defaultState,
-  mutations: {
-    setInstanceOption (state, { name, value }) {
-      if (typeof value !== 'undefined') {
-        state[name] = value
-      }
-    },
-    setKnownDomains (state, domains) {
-      state.knownDomains = domains
-    },
-    setUnicodeEmojiAnnotations (state, { lang, annotations }) {
-      state.unicodeEmojiAnnotations[lang] = annotations
-    }
-  },
-  getters: {
-    instanceDefaultConfig (state) {
-      return instanceDefaultProperties
-        .map(key => [key, state[key]])
-        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {})
-    },
-    groupedCustomEmojis (state) {
-      const packsOf = emoji => {
-        const packs = emoji.tags
-          .filter(k => k.startsWith('pack:'))
-          .map(k => {
-            const packName = k.slice(5) // remove 'pack:' prefix
-            return {
-              id: `custom-${packName}`,
-              text: packName
-            }
-          })
-
-        if (!packs.length) {
-          return [{
-            id: 'unpacked'
-          }]
-        } else {
-          return packs
-        }
-      }
-
-      return state.customEmoji
-        .reduce((res, emoji) => {
-          packsOf(emoji).forEach(({ id: packId, text: packName }) => {
-            if (!res[packId]) {
-              res[packId] = ({
-                id: packId,
-                text: packName,
-                image: emoji.imageUrl,
-                emojis: []
-              })
-            }
-            res[packId].emojis.push(emoji)
-          })
-          return res
-        }, {})
-    },
-    standardEmojiList (state) {
-      return SORTED_EMOJI_GROUP_IDS
-        .map(groupId => (state.emoji[groupId] || []).map(k => injectAnnotations(k, state.unicodeEmojiAnnotations)))
-        .reduce((a, b) => a.concat(b), [])
-    },
-    standardEmojiGroupList (state) {
-      return SORTED_EMOJI_GROUP_IDS.map(groupId => ({
-        id: groupId,
-        emojis: (state.emoji[groupId] || []).map(k => injectAnnotations(k, state.unicodeEmojiAnnotations))
-      }))
-    },
-    instanceDomain (state) {
-      return new URL(state.server).hostname
-    },
-    remoteInteractionLink (state) {
-      const server = state.server.endsWith('/') ? state.server.slice(0, -1) : state.server
-      const link = server + REMOTE_INTERACTION_URL
-
-      return ({ statusId, nickname }) => {
-        if (statusId) {
-          return `${link}?status_id=${statusId}`
-        } else {
-          return `${link}?nickname=${nickname}`
-        }
-      }
-    }
-  },
-  actions: {
-    setInstanceOption ({ commit, dispatch }, { name, value }) {
-      commit('setInstanceOption', { name, value })
-      switch (name) {
-        case 'name':
-          useInterfaceStore().setPageTitle()
-          break
-        case 'shoutAvailable':
-          if (value) {
-            dispatch('initializeSocket')
-          }
-          break
-      }
-    },
-    async getStaticEmoji ({ commit }) {
-      try {
-        const values = (await import('/src/assets/emoji.json')).default
-
-        const emoji = Object.keys(values).reduce((res, groupId) => {
-          res[groupId] = values[groupId].map(e => ({
-            displayText: e.slug,
-            imageUrl: false,
-            replacement: e.emoji
-          }))
-          return res
-        }, {})
-        commit('setInstanceOption', { name: 'emoji', value: injectRegionalIndicators(emoji) })
-      } catch (e) {
-        console.warn("Can't load static emoji\n", e)
-      }
-    },
-
-    loadUnicodeEmojiData ({ commit, state }, language) {
-      const langList = ensureFinalFallback(language)
-
-      return Promise.all(
-        langList
-          .map(async lang => {
-            if (!state.unicodeEmojiAnnotations[lang]) {
-              try {
-                const annotations = await loadAnnotations(lang)
-                commit('setUnicodeEmojiAnnotations', { lang, annotations })
-              } catch (e) {
-                console.warn(`Error loading unicode emoji annotations for ${lang}: `, e)
-                // ignore
-              }
-            }
-          }))
-    },
-
-    async getCustomEmoji ({ commit, state }) {
-      try {
-        let res = await window.fetch('/api/v1/pleroma/emoji')
-        if (!res.ok) {
-          res = await window.fetch('/api/pleroma/emoji.json')
-        }
-        if (res.ok) {
-          const result = await res.json()
-          const values = Array.isArray(result) ? Object.assign({}, ...result) : result
-          const caseInsensitiveStrCmp = (a, b) => {
-            const la = a.toLowerCase()
-            const lb = b.toLowerCase()
-            return la > lb ? 1 : (la < lb ? -1 : 0)
-          }
-          const noPackLast = (a, b) => {
-            const aNull = a === ''
-            const bNull = b === ''
-            if (aNull === bNull) {
-              return 0
-            } else if (aNull && !bNull) {
-              return 1
-            } else {
-              return -1
-            }
-          }
-          const byPackThenByName = (a, b) => {
-            const packOf = emoji => (emoji.tags.filter(k => k.startsWith('pack:'))[0] || '').slice(5)
-            const packOfA = packOf(a)
-            const packOfB = packOf(b)
-            return noPackLast(packOfA, packOfB) || caseInsensitiveStrCmp(packOfA, packOfB) || caseInsensitiveStrCmp(a.displayText, b.displayText)
-          }
-
-          const emoji = Object.entries(values).map(([key, value]) => {
-            const imageUrl = value.image_url
-            return {
-              displayText: key,
-              imageUrl: imageUrl ? state.server + imageUrl : value,
-              tags: imageUrl ? value.tags.sort((a, b) => a > b ? 1 : 0) : ['utf'],
-              replacement: `:${key}: `
-            }
-            // Technically could use tags but those are kinda useless right now,
-            // should have been "pack" field, that would be more useful
-          }).sort(byPackThenByName)
-          commit('setInstanceOption', { name: 'customEmoji', value: emoji })
-        } else {
-          throw (res)
-        }
-      } catch (e) {
-        console.warn("Can't load custom emojis\n", e)
-      }
-    },
-    fetchEmoji ({ dispatch, state }) {
-      if (!state.customEmojiFetched) {
-        state.customEmojiFetched = true
-        dispatch('getCustomEmoji')
-      }
-      if (!state.emojiFetched) {
-        state.emojiFetched = true
-        dispatch('getStaticEmoji')
-      }
-    },
-
-    async getKnownDomains ({ commit, rootState }) {
-      try {
-        const result = await apiService.fetchKnownDomains({
-          credentials: rootState.users.currentUser.credentials
-        })
-        commit('setKnownDomains', result)
-      } catch (e) {
-        console.warn("Can't load known domains\n", e)
-      }
-    }
-  }
-}
-
-export default instance
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index c5c607922..bf1e4b9c0 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -1,18 +1,17 @@
 import apiService from '../services/api/api.service.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
+import {
+  closeAllDesktopNotifications,
+  closeDesktopNotification,
+} from '../services/desktop_notification_utils/desktop_notification_utils.js'
 import {
   isStatusNotification,
   isValidNotification,
-  maybeShowNotification
+  maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
 
-import {
-  closeDesktopNotification,
-  closeAllDesktopNotifications
-} from '../services/desktop_notification_utils/desktop_notification_utils.js'
-
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useReportsStore } from 'src/stores/reports.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 const emptyNotifications = () => ({
   desktopNotificationSilence: true,
@@ -20,58 +19,58 @@ const emptyNotifications = () => ({
   minId: Number.POSITIVE_INFINITY,
   data: [],
   idStore: {},
-  loading: false
+  loading: false,
 })
 
 export const defaultState = () => ({
-  ...emptyNotifications()
+  ...emptyNotifications(),
 })
 
 export const notifications = {
   state: defaultState(),
   mutations: {
-    addNewNotifications (state, { notifications }) {
-      notifications.forEach(notification => {
+    addNewNotifications(state, { notifications }) {
+      notifications.forEach((notification) => {
         state.data.push(notification)
         state.idStore[notification.id] = notification
       })
     },
-    clearNotifications (state) {
+    clearNotifications(state) {
       const blankState = defaultState()
-      Object.keys(state).forEach(k => {
+      Object.keys(state).forEach((k) => {
         state[k] = blankState[k]
       })
     },
-    updateNotificationsMinMaxId (state, id) {
+    updateNotificationsMinMaxId(state, id) {
       state.maxId = id > state.maxId ? id : state.maxId
       state.minId = id < state.minId ? id : state.minId
     },
-    setNotificationsLoading (state, { value }) {
+    setNotificationsLoading(state, { value }) {
       state.loading = value
     },
-    setNotificationsSilence (state, { value }) {
+    setNotificationsSilence(state, { value }) {
       state.desktopNotificationSilence = value
     },
-    markNotificationsAsSeen (state) {
+    markNotificationsAsSeen(state) {
       state.data.forEach((notification) => {
         notification.seen = true
       })
     },
-    markSingleNotificationAsSeen (state, { id }) {
+    markSingleNotificationAsSeen(state, { id }) {
       const notification = state.idStore[id]
       if (notification) notification.seen = true
     },
-    dismissNotification (state, { id }) {
-      state.data = state.data.filter(n => n.id !== id)
+    dismissNotification(state, { id }) {
+      state.data = state.data.filter((n) => n.id !== id)
       delete state.idStore[id]
     },
-    updateNotification (state, { id, updater }) {
+    updateNotification(state, { id, updater }) {
       const notification = state.idStore[id]
       notification && updater(notification)
-    }
+    },
   },
   actions: {
-    addNewNotifications (store, { notifications }) {
+    addNewNotifications(store, { notifications }) {
       const { commit, dispatch, state, rootState } = store
       const validNotifications = notifications.filter((notification) => {
         // If invalid notification, update ids but don't add it to store
@@ -83,13 +82,20 @@ export const notifications = {
         return true
       })
 
-      const statusNotifications = validNotifications.filter(notification => isStatusNotification(notification.type) && notification.status)
+      const statusNotifications = validNotifications.filter(
+        (notification) =>
+          isStatusNotification(notification.type) && notification.status,
+      )
 
       // Synchronous commit to add all the statuses
-      commit('addNewStatuses', { statuses: statusNotifications.map(notification => notification.status) })
+      commit('addNewStatuses', {
+        statuses: statusNotifications.map(
+          (notification) => notification.status,
+        ),
+      })
 
       // Update references to statuses in notifications to ones in the store
-      statusNotifications.forEach(notification => {
+      statusNotifications.forEach((notification) => {
         const id = notification.status.id
         const referenceStatus = rootState.statuses.allStatusesObject[id]
 
@@ -98,7 +104,7 @@ export const notifications = {
         }
       })
 
-      validNotifications.forEach(notification => {
+      validNotifications.forEach((notification) => {
         if (notification.type === 'pleroma:report') {
           useReportsStore().addReport(notification.report)
         }
@@ -108,22 +114,22 @@ export const notifications = {
         }
 
         // Only add a new notification if we don't have one for the same action
-        // eslint-disable-next-line no-prototype-builtins
-        if (!state.idStore.hasOwnProperty(notification.id)) {
+        if (!Object.hasOwn(state.idStore, notification.id)) {
           commit('updateNotificationsMinMaxId', notification.id)
           commit('addNewNotifications', { notifications: [notification] })
 
           maybeShowNotification(
             store,
-            Object.values(useServerSideStorageStore().prefsStorage.simple.muteFilters),
-            notification
+            useMergedConfigStore().mergedConfig.notificationVisibility,
+            Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters),
+            notification,
           )
         } else if (notification.seen) {
           state.idStore[notification.id].seen = true
         }
       })
     },
-    notificationClicked ({ state, dispatch }, { id }) {
+    notificationClicked({ state, dispatch }, { id }) {
       const notification = state.idStore[id]
       const { type, seen } = notification
 
@@ -138,42 +144,46 @@ export const notifications = {
         }
       }
     },
-    setNotificationsLoading ({ commit }, { value }) {
+    setNotificationsLoading({ commit }, { value }) {
       commit('setNotificationsLoading', { value })
     },
-    setNotificationsSilence ({ commit }, { value }) {
+    setNotificationsSilence({ commit }, { value }) {
       commit('setNotificationsSilence', { value })
     },
-    markNotificationsAsSeen ({ rootState, state, commit }) {
+    markNotificationsAsSeen({ rootState, state, commit }) {
       commit('markNotificationsAsSeen')
-      apiService.markNotificationsAsSeen({
-        id: state.maxId,
-        credentials: rootState.users.currentUser.credentials
-      }).then(() => {
-        closeAllDesktopNotifications(rootState)
-      })
+      apiService
+        .markNotificationsAsSeen({
+          id: state.maxId,
+          credentials: rootState.users.currentUser.credentials,
+        })
+        .then(() => {
+          closeAllDesktopNotifications(rootState)
+        })
     },
-    markSingleNotificationAsSeen ({ rootState, commit }, { id }) {
+    markSingleNotificationAsSeen({ rootState, commit }, { id }) {
       commit('markSingleNotificationAsSeen', { id })
-      apiService.markNotificationsAsSeen({
-        single: true,
-        id,
-        credentials: rootState.users.currentUser.credentials
-      }).then(() => {
-        closeDesktopNotification(rootState, { id })
-      })
+      apiService
+        .markNotificationsAsSeen({
+          single: true,
+          id,
+          credentials: rootState.users.currentUser.credentials,
+        })
+        .then(() => {
+          closeDesktopNotification(rootState, { id })
+        })
     },
-    dismissNotificationLocal ({ commit }, { id }) {
+    dismissNotificationLocal({ commit }, { id }) {
       commit('dismissNotification', { id })
     },
-    dismissNotification ({ rootState, commit }, { id }) {
+    dismissNotification({ rootState, commit }, { id }) {
       commit('dismissNotification', { id })
       rootState.api.backendInteractor.dismissNotification({ id })
     },
-    updateNotification ({ commit }, { id, updater }) {
+    updateNotification({ commit }, { id, updater }) {
       commit('updateNotification', { id, updater })
-    }
-  }
+    },
+  },
 }
 
 export default notifications
diff --git a/src/modules/old_default_config_state.js b/src/modules/old_default_config_state.js
new file mode 100644
index 000000000..935239d16
--- /dev/null
+++ b/src/modules/old_default_config_state.js
@@ -0,0 +1,185 @@
+// this is a snapshot of config keys used prior to sync config.
+// used to migrate from old config.
+
+// commented entries are unsynced stuff
+export const oldDefaultConfigSync = {
+  expertLevel: 0, // used to track which settings to show and hide
+  hideISP: false,
+  hideInstanceWallpaper: false,
+  hideShoutbox: false,
+  // bad name: actually hides posts of muted USERS
+  hideMutedPosts: false,
+  hideMutedThreads: true,
+  hideWordFilteredPosts: false,
+  muteBotStatuses: false,
+  muteSensitiveStatuses: false,
+  collapseMessageWithSubject: false,
+  padEmoji: true,
+  hideScrobbles: false,
+  hideScrobblesAfter: '2d',
+  maxThumbnails: 16,
+  loopVideo: true,
+  loopVideoSilentOnly: true,
+  /// This is not the streaming API configuration, but rather an option
+  /// for automatically loading new posts into the timeline without
+  /// the user clicking the Show New button.
+  streaming: false,
+  emojiReactionsOnTimeline: true,
+  alwaysShowNewPostButton: false,
+  autohideFloatingPostButton: false,
+  pauseOnUnfocused: true,
+  stopGifs: true,
+  replyVisibility: 'all',
+  thirdColumnMode: 'notifications',
+  notificationVisibility: {
+    follows: true,
+    mentions: true,
+    statuses: true,
+    likes: true,
+    repeats: true,
+    moves: true,
+    emojiReactions: true,
+    followRequest: true,
+    reports: true,
+    chatMention: true,
+    polls: true,
+  },
+  notificationNative: {
+    follows: true,
+    mentions: true,
+    statuses: true,
+    likes: false,
+    repeats: false,
+    moves: false,
+    emojiReactions: false,
+    followRequest: true,
+    reports: true,
+    chatMention: true,
+    polls: true,
+  },
+  webPushNotifications: false,
+  webPushAlwaysShowNotifications: false,
+  //interfaceLanguage: '',
+  hideScopeNotice: false,
+  useStreamingApi: false,
+  sidebarRight: false,
+  scopeCopy: true,
+  subjectLineBehavior: 'email',
+  alwaysShowSubjectInput: true,
+  postContentType: 'text/plain',
+  minimalScopesMode: false,
+
+  // This hides statuses filtered via a word filter
+  hideFilteredStatuses: false,
+
+  // Confirmations
+  modalOnRepeat: false,
+  modalOnUnfollow: false,
+  modalOnBlock: true,
+  modalOnMute: false,
+  modalOnMuteConversation: false,
+  modalOnMuteDomain: true,
+  modalOnDelete: true,
+  modalOnLogout: true,
+  modalOnApproveFollow: false,
+  modalOnDenyFollow: false,
+  modalOnRemoveUserFromFollowers: false,
+
+  // Expiry confirmations/default actions
+  onMuteDefaultAction: 'ask',
+  onBlockDefaultAction: 'ask',
+
+  modalMobileCenter: false,
+  playVideosInModal: false,
+  useContainFit: true,
+  disableStickyHeaders: false,
+  showScrollbars: false,
+  userPopoverAvatarAction: 'open',
+  userPopoverOverlay: false,
+  userCardLeftJustify: false,
+  userCardHidePersonalMarks: false,
+  forcedRoundness: -1,
+  greentext: false,
+  mentionLinkShowTooltip: true,
+  mentionLinkShowAvatar: false,
+  mentionLinkFadeDomain: true,
+  mentionLinkShowYous: false,
+  mentionLinkBoldenYou: true,
+  hidePostStats: false,
+  hideBotIndication: false,
+  hideUserStats: false,
+  virtualScrolling: true,
+  sensitiveByDefault: false,
+  conversationDisplay: 'linear',
+  conversationTreeAdvanced: false,
+  conversationOtherRepliesButton: 'below',
+  conversationTreeFadeAncestors: false,
+  showExtraNotifications: true,
+  showExtraNotificationsTip: true,
+  showChatsInExtraNotifications: true,
+  showAnnouncementsInExtraNotifications: true,
+  showFollowRequestsInExtraNotifications: true,
+  maxDepthInThread: 6,
+  autocompleteSelect: false,
+  closingDrawerMarksAsSeen: true,
+  unseenAtTop: false,
+  ignoreInactionableSeen: false,
+  unsavedPostAction: 'confirm',
+  autoSaveDraft: false,
+  useAbsoluteTimeFormat: false,
+  absoluteTimeFormatMinAge: '0d',
+  absoluteTime12h: '24h',
+  theme3hacks: {
+    // Hacks, user overrides that are independent of theme used
+    underlay: 'none',
+    fonts: {
+      interface: undefined,
+      input: undefined,
+      post: undefined,
+      monospace: undefined,
+    },
+  },
+  // Special processing
+  // Theme  stuff
+  theme: undefined, // Very old theme store, stores preset name, still in use
+
+  // V1
+  colors: {}, // VERY old theme store, just colors of V1, probably not even used anymore
+
+  // V2
+  customTheme: undefined, // "snapshot", previously was used as actual theme store for V2 so it's still used in case of PleromaFE downgrade event.
+  customThemeSource: undefined, // "source", stores original theme data
+
+  // V3
+  style: null,
+  styleCustomData: null,
+  palette: null,
+  paletteCustomData: null,
+  themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
+  forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
+
+  // Those are handled outside config now
+  // muteWords: [],
+  // highlight: {},
+}
+
+export const defaultConfigLocal = {
+  hideAttachments: false,
+  hideAttachmentsInConv: false,
+  hideNsfw: true,
+  useOneClickNsfw: false,
+  preloadImage: true,
+  sidebarColumnWidth: '25rem',
+  contentColumnWidth: '45rem',
+  notifsColumnWidth: '25rem',
+  themeEditorMinWidth: '0rem',
+  emojiReactionsScale: 0.5,
+  textSize: '1rem',
+  emojiSize: '2.2rem',
+  navbarSize: '3.5rem',
+  panelHeaderSize: '3.2rem',
+  navbarColumnStretch: false,
+  mentionLinkDisplay: 'short',
+  imageCompression: true,
+  alwaysUseJpeg: false,
+}
diff --git a/src/modules/profileConfig.js b/src/modules/profileConfig.js
index e5b6acae5..90571e21d 100644
--- a/src/modules/profileConfig.js
+++ b/src/modules/profileConfig.js
@@ -3,11 +3,9 @@ import { get, set } from 'lodash'
 const defaultApi = ({ rootState, commit }, { path, value }) => {
   const params = {}
   set(params, path, value)
-  return rootState
-    .api
-    .backendInteractor
+  return rootState.api.backendInteractor
     .updateProfile({ params })
-    .then(result => {
+    .then((result) => {
       commit('addNewUsers', [result])
       commit('setCurrentUser', result)
     })
@@ -16,11 +14,9 @@ const defaultApi = ({ rootState, commit }, { path, value }) => {
 const notificationsApi = ({ rootState, commit }, { path, value, oldValue }) => {
   const settings = {}
   set(settings, path, value)
-  return rootState
-    .api
-    .backendInteractor
+  return rootState.api.backendInteractor
     .updateNotificationSettings({ settings })
-    .then(result => {
+    .then((result) => {
       if (result.status === 'success') {
         commit('confirmProfileOption', { name, value })
       } else {
@@ -43,98 +39,99 @@ export const settingsMap = {
   defaultNSFW: 'source.sensitive', // BROKEN: pleroma/pleroma#2837
   stripRichContent: {
     get: 'source.pleroma.no_rich_text',
-    set: 'no_rich_text'
+    set: 'no_rich_text',
   },
   // Privacy
   locked: 'locked',
   acceptChatMessages: {
     get: 'pleroma.accepts_chat_messages',
-    set: 'accepts_chat_messages'
+    set: 'accepts_chat_messages',
   },
   allowFollowingMove: {
     get: 'pleroma.allow_following_move',
-    set: 'allow_following_move'
+    set: 'allow_following_move',
   },
   discoverable: {
     get: 'source.pleroma.discoverable',
-    set: 'discoverable'
+    set: 'discoverable',
   },
   hideFavorites: {
     get: 'pleroma.hide_favorites',
-    set: 'hide_favorites'
+    set: 'hide_favorites',
   },
   hideFollowers: {
     get: 'pleroma.hide_followers',
-    set: 'hide_followers'
+    set: 'hide_followers',
   },
   hideFollows: {
     get: 'pleroma.hide_follows',
-    set: 'hide_follows'
+    set: 'hide_follows',
   },
   hideFollowersCount: {
     get: 'pleroma.hide_followers_count',
-    set: 'hide_followers_count'
+    set: 'hide_followers_count',
   },
   hideFollowsCount: {
     get: 'pleroma.hide_follows_count',
-    set: 'hide_follows_count'
+    set: 'hide_follows_count',
   },
   // NotificationSettingsAPIs
   webPushHideContents: {
     get: 'pleroma.notification_settings.hide_notification_contents',
     set: 'hide_notification_contents',
-    api: notificationsApi
+    api: notificationsApi,
   },
   blockNotificationsFromStrangers: {
     get: 'pleroma.notification_settings.block_from_strangers',
     set: 'block_from_strangers',
-    api: notificationsApi
-  }
+    api: notificationsApi,
+  },
 }
 
-export const defaultState = Object.fromEntries(Object.keys(settingsMap).map(key => [key, null]))
+export const defaultState = Object.fromEntries(
+  Object.keys(settingsMap).map((key) => [key, null]),
+)
 
 const profileConfig = {
   state: { ...defaultState },
   mutations: {
-    confirmProfileOption (state, { name, value }) {
+    confirmProfileOption(state, { name, value }) {
       set(state, name, value)
     },
-    wipeProfileOption (state, { name }) {
+    wipeProfileOption(state, { name }) {
       set(state, name, null)
     },
-    wipeAllProfileOptions (state) {
-      Object.keys(settingsMap).forEach(key => {
+    wipeAllProfileOptions(state) {
+      Object.keys(settingsMap).forEach((key) => {
         set(state, key, null)
       })
     },
     // Set the settings based on their path location
-    setCurrentUser (state, user) {
+    setCurrentUser(state, user) {
       Object.entries(settingsMap).forEach((map) => {
         const [name, value] = map
         const { get: path = value } = value
         set(state, name, get(user._original, path))
       })
-    }
+    },
   },
   actions: {
-    setProfileOption ({ rootState, state, commit }, { name, value }) {
+    setProfileOption({ rootState, state, commit }, { name, value }) {
       const oldValue = get(state, name)
       const map = settingsMap[name]
       if (!map) throw new Error('Invalid server-side setting')
       const { set: path = map, api = defaultApi } = map
       commit('wipeProfileOption', { name })
 
-      api({ rootState, commit }, { path, value, oldValue })
-        .catch((e) => {
-          console.warn('Error setting server-side option:', e)
-          commit('confirmProfileOption', { name, value: oldValue })
-        })
+      api({ rootState, commit }, { path, value, oldValue }).catch((e) => {
+        console.warn('Error setting server-side option:', e)
+        commit('confirmProfileOption', { name, value: oldValue })
+      })
     },
-    logout ({ commit }) {
+    logout({ commit }) {
       commit('wipeAllProfileOptions')
-    }
-  }
+    },
+  },
 }
 
 export default profileConfig
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index d260a5a5a..339b6193a 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -1,19 +1,22 @@
 import {
+  each,
+  find,
+  findIndex,
+  first,
+  isArray,
+  last,
+  maxBy,
+  merge,
+  minBy,
+  omitBy,
   remove,
   slice,
-  each,
-  findIndex,
-  find,
-  maxBy,
-  minBy,
-  merge,
-  first,
-  last,
-  isArray,
-  omitBy
 } from 'lodash'
+
 import apiService from '../services/api/api.service.js'
-import { useInterfaceStore } from 'src/stores/interface'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const emptyTl = (userId = 0) => ({
   statuses: [],
@@ -29,7 +32,7 @@ const emptyTl = (userId = 0) => ({
   followers: [],
   friends: [],
   userId,
-  flushMarker: 0
+  flushMarker: 0,
 })
 
 export const defaultState = () => ({
@@ -39,7 +42,6 @@ export const defaultState = () => ({
   conversationsObject: {},
   maxId: 0,
   favorites: new Set(),
-  pleromaScrobblesAvailable: true, // not reported in nodeinfo
   timelines: {
     mentions: emptyTl(),
     public: emptyTl(),
@@ -52,8 +54,8 @@ export const defaultState = () => ({
     dms: emptyTl(),
     bookmarks: emptyTl(),
     list: emptyTl(),
-    bubble: emptyTl()
-  }
+    bubble: emptyTl(),
+  },
 })
 
 export const prepareStatus = (status) => {
@@ -73,7 +75,10 @@ const mergeOrAdd = (arr, obj, item) => {
     // We already have this, so only merge the new info.
     // We ignore null values to avoid overwriting existing properties with missing data
     // we also skip 'user' because that is handled by users module
-    merge(oldItem, omitBy(item, (v, k) => v === null || k === 'user'))
+    merge(
+      oldItem,
+      omitBy(item, (v, k) => v === null || k === 'user'),
+    )
     // Reactivity fix.
     oldItem.attachments.splice(oldItem.attachments.length)
     return { item: oldItem, new: false }
@@ -110,29 +115,39 @@ const sortTimeline = (timeline) => {
 }
 
 const getLatestScrobble = (state, user) => {
-  const scrobblesSupport = state.pleromaScrobblesAvailable
-  if (!scrobblesSupport) return
+  const scrobblesSupport =
+    useInstanceCapabilitiesStore().pleromaScrobblesAvailable
 
-  if (state.scrobblesNextFetch[user.id] && state.scrobblesNextFetch[user.id] > Date.now()) {
+  if (!scrobblesSupport || !user.name || user.id === 'undefined') {
+    return
+  }
+
+  if (
+    state.scrobblesNextFetch[user.id] &&
+    state.scrobblesNextFetch[user.id] > Date.now()
+  ) {
     return
   }
 
   state.scrobblesNextFetch[user.id] = Date.now() + 24 * 60 * 60 * 1000
   if (!scrobblesSupport) return
-  apiService.fetchScrobbles({ accountId: user.id }).then((scrobbles) => {
-    if (scrobbles?.error) {
-      state.pleromaScrobblesAvailable = false
-      return
-    }
+  apiService
+    .fetchScrobbles({ accountId: user.id })
+    .then((scrobbles) => {
+      if (scrobbles?.error) {
+        useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
+        return
+      }
 
-    if (scrobbles.length > 0) {
-      user.latestScrobble = scrobbles[0]
+      if (scrobbles.length > 0) {
+        user.latestScrobble = scrobbles[0]
 
-      state.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
-    }
-  }).catch(e => {
-    console.warn('cannot fetch scrobbles', e)
-  })
+        state.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
+      }
+    })
+    .catch((e) => {
+      console.warn('cannot fetch scrobbles', e)
+    })
 }
 
 // Add status to the global storages (arrays and objects maintaining statuses) except timelines
@@ -153,7 +168,18 @@ const addStatusToGlobalStorage = (state, data) => {
   return result
 }
 
-const addNewStatuses = (state, { statuses, showImmediately = false, timeline, user = {}, noIdUpdate = false, userId, pagination = {} }) => {
+const addNewStatuses = (
+  state,
+  {
+    statuses,
+    showImmediately = false,
+    timeline,
+    user = {},
+    noIdUpdate = false,
+    userId,
+    pagination = {},
+  },
+) => {
   // Sanity check
   if (!isArray(statuses)) {
     return false
@@ -166,11 +192,19 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
   // pagination.maxId is the oldest of the returned statuses when fetching older,
   // and pagination.minId is the newest when fetching newer. The names come directly
   // from the arguments they're supposed to be passed as for the next fetch.
-  const minNew = pagination.maxId || (statuses.length > 0 ? minBy(statuses, 'id').id : 0)
-  const maxNew = pagination.minId || (statuses.length > 0 ? maxBy(statuses, 'id').id : 0)
+  const minNew =
+    pagination.maxId || (statuses.length > 0 ? minBy(statuses, 'id').id : 0)
+  const maxNew =
+    pagination.minId || (statuses.length > 0 ? maxBy(statuses, 'id').id : 0)
 
-  const newer = timeline && (maxNew > timelineObject.maxId || timelineObject.maxId === 0) && statuses.length > 0
-  const older = timeline && (minNew < timelineObject.minId || timelineObject.minId === 0) && statuses.length > 0
+  const newer =
+    timeline &&
+    (maxNew > timelineObject.maxId || timelineObject.maxId === 0) &&
+    statuses.length > 0
+  const older =
+    timeline &&
+    (minNew < timelineObject.minId || timelineObject.minId === 0) &&
+    statuses.length > 0
 
   if (!noIdUpdate && newer) {
     timelineObject.maxId = maxNew
@@ -182,7 +216,10 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
   // This makes sure that user timeline won't get data meant for other
   // user. I.e. opening different user profiles makes request which could
   // return data late after user already viewing different user profile
-  if ((timeline === 'user' || timeline === 'media') && timelineObject.userId !== userId) {
+  if (
+    (timeline === 'user' || timeline === 'media') &&
+    timelineObject.userId !== userId
+  ) {
     return
   }
 
@@ -192,7 +229,10 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
 
     if (result.new) {
       // We are mentioned in a post
-      if (status.type === 'status' && find(status.attentions, { id: user.id })) {
+      if (
+        status.type === 'status' &&
+        find(status.attentions, { id: user.id })
+      ) {
         const mentions = state.timelines.mentions
 
         // Add the mention to the mentions timeline
@@ -217,20 +257,32 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
     let resultForCurrentTimeline
     // Some statuses should only be added to the global status repository.
     if (timeline && addToTimeline) {
-      resultForCurrentTimeline = mergeOrAdd(timelineObject.statuses, timelineObject.statusesObject, status)
+      resultForCurrentTimeline = mergeOrAdd(
+        timelineObject.statuses,
+        timelineObject.statusesObject,
+        status,
+      )
     }
 
     if (timeline && showImmediately) {
       // Add it directly to the visibleStatuses, don't change
       // newStatusCount
-      mergeOrAdd(timelineObject.visibleStatuses, timelineObject.visibleStatusesObject, status)
+      mergeOrAdd(
+        timelineObject.visibleStatuses,
+        timelineObject.visibleStatusesObject,
+        status,
+      )
     } else if (timeline && addToTimeline && resultForCurrentTimeline.new) {
       // Just change newStatuscount
       timelineObject.newStatusCount += 1
     }
 
     if (status.quote) {
-      addStatus(status.quote, /* showImmediately = */ false, /* addToTimeline = */ false)
+      addStatus(
+        status.quote,
+        /* showImmediately = */ false,
+        /* addToTimeline = */ false,
+      )
     }
 
     return status
@@ -263,13 +315,19 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
       let retweet
       // If the retweeted status is already there, don't add the retweet
       // to the timeline.
-      if (timeline && find(timelineObject.statuses, (s) => {
-        if (s.retweeted_status) {
-          return s.id === retweetedStatus.id || s.retweeted_status.id === retweetedStatus.id
-        } else {
-          return s.id === retweetedStatus.id
-        }
-      })) {
+      if (
+        timeline &&
+        find(timelineObject.statuses, (s) => {
+          if (s.retweeted_status) {
+            return (
+              s.id === retweetedStatus.id ||
+              s.retweeted_status.id === retweetedStatus.id
+            )
+          } else {
+            return s.id === retweetedStatus.id
+          }
+        })
+      ) {
         // Already have it visible (either as the original or another RT), don't add to timeline, don't show.
         retweet = addStatus(status, false, false)
       } else {
@@ -292,7 +350,7 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
     default: (unknown) => {
       console.warn('unknown status type')
       console.warn(unknown)
-    }
+    },
   }
 
   each(statuses, (status) => {
@@ -312,35 +370,41 @@ const removeStatus = (state, { timeline, userId }) => {
   if (userId) {
     remove(timelineObject.statuses, { user: { id: userId } })
     remove(timelineObject.visibleStatuses, { user: { id: userId } })
-    timelineObject.minVisibleId = timelineObject.visibleStatuses.length > 0 ? last(timelineObject.visibleStatuses).id : 0
-    timelineObject.maxId = timelineObject.statuses.length > 0 ? first(timelineObject.statuses).id : 0
+    timelineObject.minVisibleId =
+      timelineObject.visibleStatuses.length > 0
+        ? last(timelineObject.visibleStatuses).id
+        : 0
+    timelineObject.maxId =
+      timelineObject.statuses.length > 0 ? first(timelineObject.statuses).id : 0
   }
 }
 
 export const mutations = {
   addNewStatuses,
   removeStatus,
-  showNewStatuses (state, { timeline }) {
-    const oldTimeline = (state.timelines[timeline])
+  showNewStatuses(state, { timeline }) {
+    const oldTimeline = state.timelines[timeline]
 
     oldTimeline.newStatusCount = 0
     oldTimeline.visibleStatuses = slice(oldTimeline.statuses, 0, 50)
     oldTimeline.minVisibleId = last(oldTimeline.visibleStatuses).id
     oldTimeline.minId = oldTimeline.minVisibleId
     oldTimeline.visibleStatusesObject = {}
-    each(oldTimeline.visibleStatuses, (status) => { oldTimeline.visibleStatusesObject[status.id] = status })
+    each(oldTimeline.visibleStatuses, (status) => {
+      oldTimeline.visibleStatusesObject[status.id] = status
+    })
   },
-  resetStatuses (state) {
+  resetStatuses(state) {
     const emptyState = defaultState()
     Object.entries(emptyState).forEach(([key, value]) => {
       state[key] = value
     })
   },
-  clearTimeline (state, { timeline, excludeUserId = false }) {
+  clearTimeline(state, { timeline, excludeUserId = false }) {
     const userId = excludeUserId ? state.timelines[timeline].userId : undefined
     state.timelines[timeline] = emptyTl(userId)
   },
-  setFavorited (state, { status, value }) {
+  setFavorited(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
 
     if (newStatus.favorited !== value) {
@@ -353,7 +417,7 @@ export const mutations = {
 
     newStatus.favorited = value
   },
-  setFavoritedConfirm (state, { status, user }) {
+  setFavoritedConfirm(state, { status, user }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.favorited = status.favorited
     newStatus.fave_num = status.fave_num
@@ -364,15 +428,19 @@ export const mutations = {
       newStatus.favoritedBy.push(user)
     }
   },
-  setMutedStatus (state, status) {
+  setMutedStatus(state, status) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.thread_muted = status.thread_muted
 
     if (newStatus.thread_muted !== undefined) {
-      state.conversationsObject[newStatus.statusnet_conversation_id].forEach(status => { status.thread_muted = newStatus.thread_muted })
+      state.conversationsObject[newStatus.statusnet_conversation_id].forEach(
+        (status) => {
+          status.thread_muted = newStatus.thread_muted
+        },
+      )
     }
   },
-  setRetweeted (state, { status, value }) {
+  setRetweeted(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
 
     if (newStatus.repeated !== value) {
@@ -385,7 +453,7 @@ export const mutations = {
 
     newStatus.repeated = value
   },
-  setRetweetedConfirm (state, { status, user }) {
+  setRetweetedConfirm(state, { status, user }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.repeated = status.repeated
     newStatus.repeat_num = status.repeat_num
@@ -396,73 +464,79 @@ export const mutations = {
       newStatus.rebloggedBy.push(user)
     }
   },
-  setBookmarked (state, { status, value }) {
+  setBookmarked(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.bookmarked = value
     newStatus.bookmark_folder_id = status.bookmark_folder_id
   },
-  setBookmarkedConfirm (state, { status }) {
+  setBookmarkedConfirm(state, { status }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.bookmarked = status.bookmarked
-    if (status.pleroma) newStatus.bookmark_folder_id = status.pleroma.bookmark_folder
+    if (status.pleroma)
+      newStatus.bookmark_folder_id = status.pleroma.bookmark_folder
   },
-  setDeleted (state, { status }) {
+  setDeleted(state, { status }) {
     const newStatus = state.allStatusesObject[status.id]
     if (newStatus) newStatus.deleted = true
   },
-  setManyDeleted (state, condition) {
-    Object.values(state.allStatusesObject).forEach(status => {
+  setManyDeleted(state, condition) {
+    Object.values(state.allStatusesObject).forEach((status) => {
       if (condition(status)) {
         status.deleted = true
       }
     })
   },
-  setLoading (state, { timeline, value }) {
+  setLoading(state, { timeline, value }) {
     state.timelines[timeline].loading = value
   },
-  setNsfw (state, { id, nsfw }) {
+  setNsfw(state, { id, nsfw }) {
     const newStatus = state.allStatusesObject[id]
     newStatus.nsfw = nsfw
   },
-  queueFlush (state, { timeline, id }) {
+  queueFlush(state, { timeline, id }) {
     state.timelines[timeline].flushMarker = id
   },
-  queueFlushAll (state) {
+  queueFlushAll(state) {
     Object.keys(state.timelines).forEach((timeline) => {
       state.timelines[timeline].flushMarker = state.timelines[timeline].maxId
     })
   },
-  addRepeats (state, { id, rebloggedByUsers, currentUser }) {
+  addRepeats(state, { id, rebloggedByUsers, currentUser }) {
     const newStatus = state.allStatusesObject[id]
-    newStatus.rebloggedBy = rebloggedByUsers.filter(_ => _)
+    newStatus.rebloggedBy = rebloggedByUsers.filter((_) => _)
     // repeats stats can be incorrect based on polling condition, let's update them using the most recent data
     newStatus.repeat_num = newStatus.rebloggedBy.length
-    newStatus.repeated = !!newStatus.rebloggedBy.find(({ id }) => currentUser.id === id)
+    newStatus.repeated = !!newStatus.rebloggedBy.find(
+      ({ id }) => currentUser.id === id,
+    )
   },
-  addFavs (state, { id, favoritedByUsers, currentUser }) {
+  addFavs(state, { id, favoritedByUsers, currentUser }) {
     const newStatus = state.allStatusesObject[id]
-    newStatus.favoritedBy = favoritedByUsers.filter(_ => _)
+    newStatus.favoritedBy = favoritedByUsers.filter((_) => _)
     // favorites stats can be incorrect based on polling condition, let's update them using the most recent data
     newStatus.fave_num = newStatus.favoritedBy.length
-    newStatus.favorited = !!newStatus.favoritedBy.find(({ id }) => currentUser.id === id)
+    newStatus.favorited = !!newStatus.favoritedBy.find(
+      ({ id }) => currentUser.id === id,
+    )
   },
-  addEmojiReactionsBy (state, { id, emojiReactions }) {
+  addEmojiReactionsBy(state, { id, emojiReactions }) {
     const status = state.allStatusesObject[id]
     status.emoji_reactions = emojiReactions
   },
-  addOwnReaction (state, { id, emoji, currentUser }) {
+  addOwnReaction(state, { id, emoji, currentUser }) {
     const status = state.allStatusesObject[id]
     const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
-    const reaction = status.emoji_reactions[reactionIndex] || { name: emoji, count: 0, accounts: [] }
+    const reaction = status.emoji_reactions[reactionIndex] || {
+      name: emoji,
+      count: 0,
+      accounts: [],
+    }
 
     const newReaction = {
       ...reaction,
       count: reaction.count + 1,
       me: true,
-      accounts: [
-        ...reaction.accounts,
-        currentUser
-      ]
+      accounts: [...reaction.accounts, currentUser],
     }
 
     // Update count of existing reaction if it exists, otherwise append at the end
@@ -472,7 +546,7 @@ export const mutations = {
       status.emoji_reactions = [...status.emoji_reactions, newReaction]
     }
   },
-  removeOwnReaction (state, { id, emoji, currentUser }) {
+  removeOwnReaction(state, { id, emoji, currentUser }) {
     const status = state.allStatusesObject[id]
     const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
     if (reactionIndex < 0) return
@@ -484,42 +558,70 @@ export const mutations = {
       ...reaction,
       count: reaction.count - 1,
       me: false,
-      accounts: accounts.filter(acc => acc.id !== currentUser.id)
+      accounts: accounts.filter((acc) => acc.id !== currentUser.id),
     }
 
     if (newReaction.count > 0) {
       status.emoji_reactions[reactionIndex] = newReaction
     } else {
-      status.emoji_reactions = status.emoji_reactions.filter(r => r.name !== emoji)
+      status.emoji_reactions = status.emoji_reactions.filter(
+        (r) => r.name !== emoji,
+      )
     }
   },
-  updateStatusWithPoll (state, { id, poll }) {
+  updateStatusWithPoll(state, { id, poll }) {
     const status = state.allStatusesObject[id]
     status.poll = poll
   },
-  setVirtualHeight (state, { statusId, height }) {
+  setVirtualHeight(state, { statusId, height }) {
     state.allStatusesObject[statusId].virtualHeight = height
-  }
+  },
 }
 
 const statuses = {
   state: defaultState(),
   actions: {
-    addNewStatuses ({ rootState, commit }, { statuses, showImmediately = false, timeline = false, noIdUpdate = false, userId, pagination }) {
-      commit('addNewStatuses', { statuses, showImmediately, timeline, noIdUpdate, user: rootState.users.currentUser, userId, pagination })
+    addNewStatuses(
+      { rootState, commit },
+      {
+        statuses,
+        showImmediately = false,
+        timeline = false,
+        noIdUpdate = false,
+        userId,
+        pagination,
+      },
+    ) {
+      commit('addNewStatuses', {
+        statuses,
+        showImmediately,
+        timeline,
+        noIdUpdate,
+        user: rootState.users.currentUser,
+        userId,
+        pagination,
+      })
     },
-    fetchStatus ({ rootState, dispatch }, id) {
-      return rootState.api.backendInteractor.fetchStatus({ id })
+    fetchStatus({ rootState, dispatch }, id) {
+      return rootState.api.backendInteractor
+        .fetchStatus({ id })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    fetchStatusSource ({ rootState }, status) {
-      return apiService.fetchStatusSource({ id: status.id, credentials: rootState.users.currentUser.credentials })
+    fetchStatusSource({ rootState }, status) {
+      return apiService.fetchStatusSource({
+        id: status.id,
+        credentials: rootState.users.currentUser.credentials,
+      })
     },
-    fetchStatusHistory (_, status) {
+    fetchStatusHistory(_, status) {
       return apiService.fetchStatusHistory({ status })
     },
-    deleteStatus ({ rootState, commit }, status) {
-      apiService.deleteStatus({ id: status.id, credentials: rootState.users.currentUser.credentials })
+    deleteStatus({ rootState, commit }, status) {
+      apiService
+        .deleteStatus({
+          id: status.id,
+          credentials: rootState.users.currentUser.credentials,
+        })
         .then(() => {
           commit('setDeleted', { status })
         })
@@ -528,141 +630,208 @@ const statuses = {
             level: 'error',
             messageKey: 'status.delete_error',
             messageArgs: [e.message],
-            timeout: 5000
+            timeout: 5000,
           })
         })
     },
-    deleteStatusById ({ rootState, commit }, id) {
+    deleteStatusById({ rootState, commit }, id) {
       const status = rootState.statuses.allStatusesObject[id]
       commit('setDeleted', { status })
     },
-    markStatusesAsDeleted ({ commit }, condition) {
+    markStatusesAsDeleted({ commit }, condition) {
       commit('setManyDeleted', condition)
     },
-    favorite ({ rootState, commit }, status) {
+    favorite({ rootState, commit }, status) {
       // Optimistic favoriting...
       commit('setFavorited', { status, value: true })
-      rootState.api.backendInteractor.favorite({ id: status.id })
-        .then(status => commit('setFavoritedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .favorite({ id: status.id })
+        .then((status) =>
+          commit('setFavoritedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    unfavorite ({ rootState, commit }, status) {
+    unfavorite({ rootState, commit }, status) {
       // Optimistic unfavoriting...
       commit('setFavorited', { status, value: false })
-      rootState.api.backendInteractor.unfavorite({ id: status.id })
-        .then(status => commit('setFavoritedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .unfavorite({ id: status.id })
+        .then((status) =>
+          commit('setFavoritedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    fetchPinnedStatuses ({ rootState, dispatch }, userId) {
-      rootState.api.backendInteractor.fetchPinnedStatuses({ id: userId })
-        .then(statuses => dispatch('addNewStatuses', { statuses, timeline: 'user', userId, showImmediately: true, noIdUpdate: true }))
+    fetchPinnedStatuses({ rootState, dispatch }, userId) {
+      rootState.api.backendInteractor
+        .fetchPinnedStatuses({ id: userId })
+        .then((statuses) =>
+          dispatch('addNewStatuses', {
+            statuses,
+            timeline: 'user',
+            userId,
+            showImmediately: true,
+            noIdUpdate: true,
+          }),
+        )
     },
-    pinStatus ({ rootState, dispatch }, statusId) {
-      return rootState.api.backendInteractor.pinOwnStatus({ id: statusId })
+    pinStatus({ rootState, dispatch }, statusId) {
+      return rootState.api.backendInteractor
+        .pinOwnStatus({ id: statusId })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    unpinStatus ({ rootState, dispatch }, statusId) {
-      rootState.api.backendInteractor.unpinOwnStatus({ id: statusId })
+    unpinStatus({ rootState, dispatch }, statusId) {
+      rootState.api.backendInteractor
+        .unpinOwnStatus({ id: statusId })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    muteConversation ({ rootState, commit }, { id: statusId }) {
-      return rootState.api.backendInteractor.muteConversation({ id: statusId })
+    muteConversation({ rootState, commit }, { id: statusId }) {
+      return rootState.api.backendInteractor
+        .muteConversation({ id: statusId })
         .then((status) => commit('setMutedStatus', status))
     },
-    unmuteConversation ({ rootState, commit }, { id: statusId }) {
-      return rootState.api.backendInteractor.unmuteConversation({ id: statusId })
+    unmuteConversation({ rootState, commit }, { id: statusId }) {
+      return rootState.api.backendInteractor
+        .unmuteConversation({ id: statusId })
         .then((status) => commit('setMutedStatus', status))
     },
-    retweet ({ rootState, commit }, status) {
+    retweet({ rootState, commit }, status) {
       // Optimistic retweeting...
       commit('setRetweeted', { status, value: true })
-      rootState.api.backendInteractor.retweet({ id: status.id })
-        .then(status => commit('setRetweetedConfirm', { status: status.retweeted_status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .retweet({ id: status.id })
+        .then((status) =>
+          commit('setRetweetedConfirm', {
+            status: status.retweeted_status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    unretweet ({ rootState, commit }, status) {
+    unretweet({ rootState, commit }, status) {
       // Optimistic unretweeting...
       commit('setRetweeted', { status, value: false })
-      rootState.api.backendInteractor.unretweet({ id: status.id })
-        .then(status => commit('setRetweetedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .unretweet({ id: status.id })
+        .then((status) =>
+          commit('setRetweetedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    bookmark ({ rootState, commit }, status) {
+    bookmark({ rootState, commit }, status) {
       commit('setBookmarked', { status, value: true })
-      rootState.api.backendInteractor.bookmarkStatus({ id: status.id, folder_id: status.bookmark_folder_id })
-        .then(status => {
+      rootState.api.backendInteractor
+        .bookmarkStatus({ id: status.id, folder_id: status.bookmark_folder_id })
+        .then((status) => {
           commit('setBookmarkedConfirm', { status })
         })
     },
-    unbookmark ({ rootState, commit }, status) {
+    unbookmark({ rootState, commit }, status) {
       commit('setBookmarked', { status, value: false })
-      rootState.api.backendInteractor.unbookmarkStatus({ id: status.id })
-        .then(status => {
+      rootState.api.backendInteractor
+        .unbookmarkStatus({ id: status.id })
+        .then((status) => {
           commit('setBookmarkedConfirm', { status })
         })
     },
-    queueFlush ({ commit }, { timeline, id }) {
+    queueFlush({ commit }, { timeline, id }) {
       commit('queueFlush', { timeline, id })
     },
-    queueFlushAll ({ commit }) {
+    queueFlushAll({ commit }) {
       commit('queueFlushAll')
     },
-    fetchFavsAndRepeats ({ rootState, commit }, id) {
+    fetchFavsAndRepeats({ rootState, commit }, id) {
       Promise.all([
         rootState.api.backendInteractor.fetchFavoritedByUsers({ id }),
-        rootState.api.backendInteractor.fetchRebloggedByUsers({ id })
+        rootState.api.backendInteractor.fetchRebloggedByUsers({ id }),
       ]).then(([favoritedByUsers, rebloggedByUsers]) => {
-        commit('addFavs', { id, favoritedByUsers, currentUser: rootState.users.currentUser })
-        commit('addRepeats', { id, rebloggedByUsers, currentUser: rootState.users.currentUser })
+        commit('addFavs', {
+          id,
+          favoritedByUsers,
+          currentUser: rootState.users.currentUser,
+        })
+        commit('addRepeats', {
+          id,
+          rebloggedByUsers,
+          currentUser: rootState.users.currentUser,
+        })
       })
     },
-    reactWithEmoji ({ rootState, dispatch, commit }, { id, emoji }) {
+    reactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
       const currentUser = rootState.users.currentUser
       if (!currentUser) return
 
       commit('addOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.reactWithEmoji({ id, emoji }).then(
-        () => {
-          dispatch('fetchEmojiReactionsBy', id)
-        }
-      )
+      rootState.api.backendInteractor.reactWithEmoji({ id, emoji }).then(() => {
+        dispatch('fetchEmojiReactionsBy', id)
+      })
     },
-    unreactWithEmoji ({ rootState, dispatch, commit }, { id, emoji }) {
+    unreactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
       const currentUser = rootState.users.currentUser
       if (!currentUser) return
 
       commit('removeOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.unreactWithEmoji({ id, emoji }).then(
-        () => {
+      rootState.api.backendInteractor
+        .unreactWithEmoji({ id, emoji })
+        .then(() => {
           dispatch('fetchEmojiReactionsBy', id)
-        }
-      )
+        })
     },
-    fetchEmojiReactionsBy ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.fetchEmojiReactions({ id }).then(
-        emojiReactions => {
-          commit('addEmojiReactionsBy', { id, emojiReactions, currentUser: rootState.users.currentUser })
-        }
-      )
+    fetchEmojiReactionsBy({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .fetchEmojiReactions({ id })
+        .then((emojiReactions) => {
+          commit('addEmojiReactionsBy', {
+            id,
+            emojiReactions,
+            currentUser: rootState.users.currentUser,
+          })
+        })
     },
-    fetchFavs ({ rootState, commit }, id) {
-      rootState.api.backendInteractor.fetchFavoritedByUsers({ id })
-        .then(favoritedByUsers => commit('addFavs', { id, favoritedByUsers, currentUser: rootState.users.currentUser }))
+    fetchFavs({ rootState, commit }, id) {
+      rootState.api.backendInteractor
+        .fetchFavoritedByUsers({ id })
+        .then((favoritedByUsers) =>
+          commit('addFavs', {
+            id,
+            favoritedByUsers,
+            currentUser: rootState.users.currentUser,
+          }),
+        )
     },
-    fetchRepeats ({ rootState, commit }, id) {
-      rootState.api.backendInteractor.fetchRebloggedByUsers({ id })
-        .then(rebloggedByUsers => commit('addRepeats', { id, rebloggedByUsers, currentUser: rootState.users.currentUser }))
+    fetchRepeats({ rootState, commit }, id) {
+      rootState.api.backendInteractor
+        .fetchRebloggedByUsers({ id })
+        .then((rebloggedByUsers) =>
+          commit('addRepeats', {
+            id,
+            rebloggedByUsers,
+            currentUser: rootState.users.currentUser,
+          }),
+        )
     },
-    search (store, { q, resolve, limit, offset, following, type }) {
-      return store.rootState.api.backendInteractor.search2({ q, resolve, limit, offset, following, type })
+    search(store, { q, resolve, limit, offset, following, type }) {
+      return store.rootState.api.backendInteractor
+        .search2({ q, resolve, limit, offset, following, type })
         .then((data) => {
           store.commit('addNewUsers', data.accounts)
-          store.commit('addNewUsers', data.statuses.map(s => s.user).filter(u => u))
+          store.commit(
+            'addNewUsers',
+            data.statuses.map((s) => s.user).filter((u) => u),
+          )
           store.commit('addNewStatuses', { statuses: data.statuses })
           return data
         })
     },
-    setVirtualHeight ({ commit }, { statusId, height }) {
+    setVirtualHeight({ commit }, { statusId, height }) {
       commit('setVirtualHeight', { statusId, height })
-    }
+    },
   },
-  mutations
+  mutations,
 }
 
 export default statuses
diff --git a/src/modules/users.js b/src/modules/users.js
index c59c04dff..8b2a991c5 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -1,20 +1,42 @@
-import { compact, map, each, mergeWith, last, concat, uniq, isArray } from 'lodash'
+import {
+  compact,
+  concat,
+  each,
+  isArray,
+  last,
+  map,
+  mergeWith,
+  uniq,
+} from 'lodash'
 
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { windowWidth, windowHeight } from '../services/window_utils/window_utils'
 import apiService from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
 import oauthApi from '../services/new_api/oauth.js'
-import { registerPushNotifications, unregisterPushNotifications } from '../services/sw/sw.js'
+import {
+  registerPushNotifications,
+  unregisterPushNotifications,
+} from '../services/sw/sw.js'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
 
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
 import { declarations } from 'src/modules/config_declaration'
 
 // TODO: Unify with mergeOrAdd in statuses.js
 export const mergeOrAdd = (arr, obj, item) => {
-  if (!item) { return false }
+  if (!item) {
+    return false
+  }
   const oldItem = obj[item.id]
   if (oldItem) {
     // We already have this, so only merge the new info.
@@ -39,34 +61,56 @@ const getNotificationPermission = () => {
   const Notification = window.Notification
 
   if (!Notification) return Promise.resolve(null)
-  if (Notification.permission === 'default') return Notification.requestPermission()
+  if (Notification.permission === 'default')
+    return Notification.requestPermission()
   return Promise.resolve(Notification.permission)
 }
 
-const blockUser = (store, id) => {
-  return store.rootState.api.backendInteractor.blockUser({ id })
+const blockUser = (store, args) => {
+  const id = args.id
+  const expiresIn = typeof args === 'object' ? args.expiresIn : 0
+
+  const predictedRelationship = store.state.relationships[id] || { id }
+  store.commit('updateUserRelationship', [predictedRelationship])
+  store.commit('addBlockId', id)
+
+  return store.rootState.api.backendInteractor
+    .blockUser({ id, expiresIn })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
       store.commit('addBlockId', id)
+
       store.commit('removeStatus', { timeline: 'friends', userId: id })
       store.commit('removeStatus', { timeline: 'public', userId: id })
-      store.commit('removeStatus', { timeline: 'publicAndExternal', userId: id })
+      store.commit('removeStatus', {
+        timeline: 'publicAndExternal',
+        userId: id,
+      })
     })
 }
 
 const unblockUser = (store, id) => {
-  return store.rootState.api.backendInteractor.unblockUser({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .unblockUser({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const removeUserFromFollowers = (store, id) => {
-  return store.rootState.api.backendInteractor.removeUserFromFollowers({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .removeUserFromFollowers({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const editUserNote = (store, { id, comment }) => {
-  return store.rootState.api.backendInteractor.editUserNote({ id, comment })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .editUserNote({ id, comment })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const muteUser = (store, args) => {
@@ -74,11 +118,11 @@ const muteUser = (store, args) => {
   const expiresIn = typeof args === 'object' ? args.expiresIn : 0
 
   const predictedRelationship = store.state.relationships[id] || { id }
-  predictedRelationship.muting = true
   store.commit('updateUserRelationship', [predictedRelationship])
   store.commit('addMuteId', id)
 
-  return store.rootState.api.backendInteractor.muteUser({ id, expiresIn })
+  return store.rootState.api.backendInteractor
+    .muteUser({ id, expiresIn })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
       store.commit('addMuteId', id)
@@ -90,92 +134,105 @@ const unmuteUser = (store, id) => {
   predictedRelationship.muting = false
   store.commit('updateUserRelationship', [predictedRelationship])
 
-  return store.rootState.api.backendInteractor.unmuteUser({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .unmuteUser({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const hideReblogs = (store, userId) => {
-  return store.rootState.api.backendInteractor.followUser({ id: userId, reblogs: false })
+  return store.rootState.api.backendInteractor
+    .followUser({ id: userId, reblogs: false })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
     })
 }
 
 const showReblogs = (store, userId) => {
-  return store.rootState.api.backendInteractor.followUser({ id: userId, reblogs: true })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .followUser({ id: userId, reblogs: true })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const muteDomain = (store, domain) => {
-  return store.rootState.api.backendInteractor.muteDomain({ domain })
+  return store.rootState.api.backendInteractor
+    .muteDomain({ domain })
     .then(() => store.commit('addDomainMute', domain))
 }
 
 const unmuteDomain = (store, domain) => {
-  return store.rootState.api.backendInteractor.unmuteDomain({ domain })
+  return store.rootState.api.backendInteractor
+    .unmuteDomain({ domain })
     .then(() => store.commit('removeDomainMute', domain))
 }
 
 export const mutations = {
-  tagUser (state, { user: { id }, tag }) {
+  tagUser(state, { user: { id }, tag }) {
     const user = state.usersObject[id]
     const tags = user.tags || []
     const newTags = tags.concat([tag])
     user.tags = newTags
   },
-  untagUser (state, { user: { id }, tag }) {
+  untagUser(state, { user: { id }, tag }) {
     const user = state.usersObject[id]
     const tags = user.tags || []
-    const newTags = tags.filter(t => t !== tag)
+    const newTags = tags.filter((t) => t !== tag)
     user.tags = newTags
   },
-  updateRight (state, { user: { id }, right, value }) {
+  updateRight(state, { user: { id }, right, value }) {
     const user = state.usersObject[id]
     const newRights = user.rights
     newRights[right] = value
     user.rights = newRights
   },
-  updateActivationStatus (state, { user: { id }, deactivated }) {
+  updateActivationStatus(state, { user: { id }, deactivated }) {
     const user = state.usersObject[id]
     user.deactivated = deactivated
   },
-  setCurrentUser (state, user) {
+  setCurrentUser(state, user) {
     state.lastLoginName = user.screen_name
-    state.currentUser = mergeWith(state.currentUser || {}, user, mergeArrayLength)
+    state.currentUser = mergeWith(
+      state.currentUser || {},
+      user,
+      mergeArrayLength,
+    )
   },
-  clearCurrentUser (state) {
+  clearCurrentUser(state) {
     state.currentUser = false
     state.lastLoginName = false
   },
-  beginLogin (state) {
+  beginLogin(state) {
     state.loggingIn = true
   },
-  endLogin (state) {
+  endLogin(state) {
     state.loggingIn = false
   },
-  saveFriendIds (state, { id, friendIds }) {
+  saveFriendIds(state, { id, friendIds }) {
     const user = state.usersObject[id]
     user.friendIds = uniq(concat(user.friendIds || [], friendIds))
   },
-  saveFollowerIds (state, { id, followerIds }) {
+  saveFollowerIds(state, { id, followerIds }) {
     const user = state.usersObject[id]
     user.followerIds = uniq(concat(user.followerIds || [], followerIds))
   },
   // Because frontend doesn't have a reason to keep these stuff in memory
   // outside of viewing someones user profile.
-  clearFriends (state, userId) {
+  clearFriends(state, userId) {
     const user = state.usersObject[userId]
     if (user) {
       user.friendIds = []
     }
   },
-  clearFollowers (state, userId) {
+  clearFollowers(state, userId) {
     const user = state.usersObject[userId]
     if (user) {
       user.followerIds = []
     }
   },
-  addNewUsers (state, users) {
+  addNewUsers(state, users) {
     each(users, (user) => {
       if (user.relationship) {
         state.relationships[user.relationship.id] = user.relationship
@@ -187,51 +244,51 @@ export const mutations = {
       }
     })
   },
-  updateUserRelationship (state, relationships) {
+  updateUserRelationship(state, relationships) {
     relationships.forEach((relationship) => {
       state.relationships[relationship.id] = relationship
     })
   },
-  updateUserInLists (state, { id, inLists }) {
+  updateUserInLists(state, { id, inLists }) {
     state.usersObject[id].inLists = inLists
   },
-  saveBlockIds (state, blockIds) {
+  saveBlockIds(state, blockIds) {
     state.currentUser.blockIds = blockIds
   },
-  addBlockId (state, blockId) {
+  addBlockId(state, blockId) {
     if (state.currentUser.blockIds.indexOf(blockId) === -1) {
       state.currentUser.blockIds.push(blockId)
     }
   },
-  setBlockIdsMaxId (state, blockIdsMaxId) {
+  setBlockIdsMaxId(state, blockIdsMaxId) {
     state.currentUser.blockIdsMaxId = blockIdsMaxId
   },
-  saveMuteIds (state, muteIds) {
+  saveMuteIds(state, muteIds) {
     state.currentUser.muteIds = muteIds
   },
-  setMuteIdsMaxId (state, muteIdsMaxId) {
+  setMuteIdsMaxId(state, muteIdsMaxId) {
     state.currentUser.muteIdsMaxId = muteIdsMaxId
   },
-  addMuteId (state, muteId) {
+  addMuteId(state, muteId) {
     if (state.currentUser.muteIds.indexOf(muteId) === -1) {
       state.currentUser.muteIds.push(muteId)
     }
   },
-  saveDomainMutes (state, domainMutes) {
+  saveDomainMutes(state, domainMutes) {
     state.currentUser.domainMutes = domainMutes
   },
-  addDomainMute (state, domain) {
+  addDomainMute(state, domain) {
     if (state.currentUser.domainMutes.indexOf(domain) === -1) {
       state.currentUser.domainMutes.push(domain)
     }
   },
-  removeDomainMute (state, domain) {
+  removeDomainMute(state, domain) {
     const index = state.currentUser.domainMutes.indexOf(domain)
     if (index !== -1) {
       state.currentUser.domainMutes.splice(index, 1)
     }
   },
-  setPinnedToUser (state, status) {
+  setPinnedToUser(state, status) {
     const user = state.usersObject[status.user.id]
     user.pinnedStatusIds = user.pinnedStatusIds || []
     const index = user.pinnedStatusIds.indexOf(status.id)
@@ -242,55 +299,57 @@ export const mutations = {
       user.pinnedStatusIds.splice(index, 1)
     }
   },
-  setUserForStatus (state, status) {
+  setUserForStatus(state, status) {
     status.user = state.usersObject[status.user.id]
   },
-  setUserForNotification (state, notification) {
+  setUserForNotification(state, notification) {
     if (notification.type !== 'follow') {
       notification.action.user = state.usersObject[notification.action.user.id]
     }
     notification.from_profile = state.usersObject[notification.from_profile.id]
   },
-  setColor (state, { user: { id }, highlighted }) {
+  setColor(state, { user: { id }, highlighted }) {
     const user = state.usersObject[id]
     user.highlight = highlighted
   },
-  signUpPending (state) {
+  signUpPending(state) {
     state.signUpPending = true
     state.signUpErrors = []
     state.signUpNotice = {}
   },
-  signUpSuccess (state) {
+  signUpSuccess(state) {
     state.signUpPending = false
   },
-  signUpFailure (state, errors) {
+  signUpFailure(state, errors) {
     state.signUpPending = false
     state.signUpErrors = errors
     state.signUpNotice = {}
   },
-  signUpNotice (state, notice) {
+  signUpNotice(state, notice) {
     state.signUpPending = false
     state.signUpErrors = []
     state.signUpNotice = notice
-  }
+  },
 }
 
 export const getters = {
-  findUser: state => query => {
+  findUser: (state) => (query) => {
     return state.usersObject[query]
   },
-  findUserByName: state => query => {
+  findUserByName: (state) => (query) => {
     return state.usersByNameObject[query.toLowerCase()]
   },
-  findUserByUrl: state => query => {
-    return state.users
-      .find(u => u.statusnet_profile_url &&
-            u.statusnet_profile_url.toLowerCase() === query.toLowerCase())
+  findUserByUrl: (state) => (query) => {
+    return state.users.find(
+      (u) =>
+        u.statusnet_profile_url &&
+        u.statusnet_profile_url.toLowerCase() === query.toLowerCase(),
+    )
   },
-  relationship: state => id => {
+  relationship: (state) => (id) => {
     const rel = id && state.relationships[id]
     return rel || { id, loading: true }
-  }
+  },
 }
 
 export const defaultState = {
@@ -303,7 +362,7 @@ export const defaultState = {
   signUpPending: false,
   signUpErrors: [],
   signUpNotice: {},
-  relationships: {}
+  relationships: {},
 }
 
 const users = {
@@ -311,47 +370,54 @@ const users = {
   mutations,
   getters,
   actions: {
-    fetchUserIfMissing (store, id) {
+    fetchUserIfMissing(store, id) {
       if (!store.getters.findUser(id)) {
         store.dispatch('fetchUser', id)
       }
     },
-    fetchUser (store, id) {
-      return store.rootState.api.backendInteractor.fetchUser({ id })
+    fetchUser(store, id) {
+      return store.rootState.api.backendInteractor
+        .fetchUser({ id })
         .then((user) => {
           store.commit('addNewUsers', [user])
           return user
         })
     },
-    fetchUserByName (store, name) {
-      return store.rootState.api.backendInteractor.fetchUserByName({ name })
+    fetchUserByName(store, name) {
+      return store.rootState.api.backendInteractor
+        .fetchUserByName({ name })
         .then((user) => {
           store.commit('addNewUsers', [user])
           return user
         })
     },
-    fetchUserRelationship (store, id) {
+    fetchUserRelationship(store, id) {
       if (store.state.currentUser) {
-        store.rootState.api.backendInteractor.fetchUserRelationship({ id })
-          .then((relationships) => store.commit('updateUserRelationship', relationships))
+        store.rootState.api.backendInteractor
+          .fetchUserRelationship({ id })
+          .then((relationships) =>
+            store.commit('updateUserRelationship', relationships),
+          )
       }
     },
-    fetchUserInLists (store, id) {
+    fetchUserInLists(store, id) {
       if (store.state.currentUser) {
-        store.rootState.api.backendInteractor.fetchUserInLists({ id })
+        store.rootState.api.backendInteractor
+          .fetchUserInLists({ id })
           .then((inLists) => store.commit('updateUserInLists', { id, inLists }))
       }
     },
-    fetchBlocks (store, args) {
+    fetchBlocks(store, args) {
       const { reset } = args || {}
 
       const maxId = store.state.currentUser.blockIdsMaxId
-      return store.rootState.api.backendInteractor.fetchBlocks({ maxId })
+      return store.rootState.api.backendInteractor
+        .fetchBlocks({ maxId })
         .then((blocks) => {
           if (reset) {
             store.commit('saveBlockIds', map(blocks, 'id'))
           } else {
-            map(blocks, 'id').map(id => store.commit('addBlockId', id))
+            map(blocks, 'id').map((id) => store.commit('addBlockId', id))
           }
           if (blocks.length) {
             store.commit('setBlockIdsMaxId', last(blocks).id)
@@ -360,34 +426,35 @@ const users = {
           return blocks
         })
     },
-    blockUser (store, id) {
-      return blockUser(store, id)
+    blockUser(store, data) {
+      return blockUser(store, data)
     },
-    unblockUser (store, id) {
-      return unblockUser(store, id)
+    unblockUser(store, data) {
+      return unblockUser(store, data)
     },
-    removeUserFromFollowers (store, id) {
+    removeUserFromFollowers(store, id) {
       return removeUserFromFollowers(store, id)
     },
-    blockUsers (store, ids = []) {
-      return Promise.all(ids.map(id => blockUser(store, id)))
+    blockUsers(store, data = []) {
+      return Promise.all(data.map((d) => blockUser(store, d)))
     },
-    unblockUsers (store, ids = []) {
-      return Promise.all(ids.map(id => unblockUser(store, id)))
+    unblockUsers(store, data = []) {
+      return Promise.all(data.map((d) => unblockUser(store, d)))
     },
-    editUserNote (store, args) {
+    editUserNote(store, args) {
       return editUserNote(store, args)
     },
-    fetchMutes (store, args) {
+    fetchMutes(store, args) {
       const { reset } = args || {}
 
       const maxId = store.state.currentUser.muteIdsMaxId
-      return store.rootState.api.backendInteractor.fetchMutes({ maxId })
+      return store.rootState.api.backendInteractor
+        .fetchMutes({ maxId })
         .then((mutes) => {
           if (reset) {
             store.commit('saveMuteIds', map(mutes, 'id'))
           } else {
-            map(mutes, 'id').map(id => store.commit('addMuteId', id))
+            map(mutes, 'id').map((id) => store.commit('addMuteId', id))
           }
           if (mutes.length) {
             store.commit('setMuteIdsMaxId', last(mutes).id)
@@ -396,99 +463,118 @@ const users = {
           return mutes
         })
     },
-    muteUser (store, id) {
-      return muteUser(store, id)
+    muteUser(store, data) {
+      return muteUser(store, data)
     },
-    unmuteUser (store, id) {
+    unmuteUser(store, id) {
       return unmuteUser(store, id)
     },
-    hideReblogs (store, id) {
+    hideReblogs(store, id) {
       return hideReblogs(store, id)
     },
-    showReblogs (store, id) {
+    showReblogs(store, id) {
       return showReblogs(store, id)
     },
-    muteUsers (store, ids = []) {
-      return Promise.all(ids.map(id => muteUser(store, id)))
+    muteUsers(store, data = []) {
+      return Promise.all(data.map((d) => muteUser(store, d)))
     },
-    unmuteUsers (store, ids = []) {
-      return Promise.all(ids.map(id => unmuteUser(store, id)))
+    unmuteUsers(store, ids = []) {
+      return Promise.all(ids.map((d) => unmuteUser(store, d)))
     },
-    fetchDomainMutes (store) {
-      return store.rootState.api.backendInteractor.fetchDomainMutes()
+    fetchDomainMutes(store) {
+      return store.rootState.api.backendInteractor
+        .fetchDomainMutes()
         .then((domainMutes) => {
           store.commit('saveDomainMutes', domainMutes)
           return domainMutes
         })
     },
-    muteDomain (store, domain) {
+    muteDomain(store, domain) {
       return muteDomain(store, domain)
     },
-    unmuteDomain (store, domain) {
+    unmuteDomain(store, domain) {
       return unmuteDomain(store, domain)
     },
-    muteDomains (store, domains = []) {
-      return Promise.all(domains.map(domain => muteDomain(store, domain)))
+    muteDomains(store, domains = []) {
+      return Promise.all(domains.map((domain) => muteDomain(store, domain)))
     },
-    unmuteDomains (store, domain = []) {
-      return Promise.all(domain.map(domain => unmuteDomain(store, domain)))
+    unmuteDomains(store, domain = []) {
+      return Promise.all(domain.map((domain) => unmuteDomain(store, domain)))
     },
-    fetchFriends ({ rootState, commit }, id) {
+    fetchFriends({ rootState, commit }, id) {
       const user = rootState.users.usersObject[id]
       const maxId = last(user.friendIds)
-      return rootState.api.backendInteractor.fetchFriends({ id, maxId })
+      return rootState.api.backendInteractor
+        .fetchFriends({ id, maxId })
         .then((friends) => {
           commit('addNewUsers', friends)
           commit('saveFriendIds', { id, friendIds: map(friends, 'id') })
           return friends
         })
     },
-    fetchFollowers ({ rootState, commit }, id) {
+    fetchFollowers({ rootState, commit }, id) {
       const user = rootState.users.usersObject[id]
       const maxId = last(user.followerIds)
-      return rootState.api.backendInteractor.fetchFollowers({ id, maxId })
+      return rootState.api.backendInteractor
+        .fetchFollowers({ id, maxId })
         .then((followers) => {
           commit('addNewUsers', followers)
           commit('saveFollowerIds', { id, followerIds: map(followers, 'id') })
           return followers
         })
     },
-    clearFriends ({ commit }, userId) {
+    clearFriends({ commit }, userId) {
       commit('clearFriends', userId)
     },
-    clearFollowers ({ commit }, userId) {
+    clearFollowers({ commit }, userId) {
       commit('clearFollowers', userId)
     },
-    subscribeUser ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.followUser({ id, notify: true })
-        .then((relationship) => commit('updateUserRelationship', [relationship]))
+    subscribeUser({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .followUser({ id, notify: true })
+        .then((relationship) =>
+          commit('updateUserRelationship', [relationship]),
+        )
     },
-    unsubscribeUser ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.followUser({ id, notify: false })
-        .then((relationship) => commit('updateUserRelationship', [relationship]))
+    unsubscribeUser({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .followUser({ id, notify: false })
+        .then((relationship) =>
+          commit('updateUserRelationship', [relationship]),
+        )
     },
-    toggleActivationStatus ({ rootState, commit }, { user }) {
-      const api = user.deactivated ? rootState.api.backendInteractor.activateUser : rootState.api.backendInteractor.deactivateUser
-      api({ user })
-        .then((user) => { const deactivated = !user.is_active; commit('updateActivationStatus', { user, deactivated }) })
+    toggleActivationStatus({ rootState, commit }, { user }) {
+      const api = user.deactivated
+        ? rootState.api.backendInteractor.activateUser
+        : rootState.api.backendInteractor.deactivateUser
+      api({ user }).then((user) => {
+        const deactivated = !user.is_active
+        commit('updateActivationStatus', { user, deactivated })
+      })
     },
-    registerPushNotifications (store) {
+    registerPushNotifications(store) {
       const token = store.state.currentUser.credentials
-      const vapidPublicKey = store.rootState.instance.vapidPublicKey
-      const isEnabled = store.rootState.config.webPushNotifications
-      const notificationVisibility = store.rootState.config.notificationVisibility
+      const vapidPublicKey = useInstanceStore().vapidPublicKey
+      const isEnabled = useMergedConfigStore().mergedConfig.webPushNotifications
+      const notificationVisibility =
+        useMergedConfigStore().mergedConfig.notificationVisibility
 
-      registerPushNotifications(isEnabled, vapidPublicKey, token, notificationVisibility)
+      registerPushNotifications(
+        isEnabled,
+        vapidPublicKey,
+        token,
+        notificationVisibility,
+      )
     },
-    unregisterPushNotifications (store) {
+    unregisterPushNotifications(store) {
       const token = store.state.currentUser.credentials
 
       unregisterPushNotifications(token)
     },
-    addNewUsers ({ commit }, users) {
+    addNewUsers({ commit }, users) {
       commit('addNewUsers', users)
     },
-    addNewStatuses (store, { statuses }) {
+    addNewStatuses(store, { statuses }) {
       const users = map(statuses, 'user')
       const retweetedUsers = compact(map(statuses, 'retweeted_status.user'))
       store.commit('addNewUsers', users)
@@ -507,10 +593,10 @@ const users = {
         store.commit('setPinnedToUser', status)
       })
     },
-    addNewNotifications (store, { notifications }) {
+    addNewNotifications(store, { notifications }) {
       const users = map(notifications, 'from_profile')
-      const targetUsers = map(notifications, 'target').filter(_ => _)
-      const notificationIds = notifications.map(_ => _.id)
+      const targetUsers = map(notifications, 'target').filter((_) => _)
+      const notificationIds = notifications.map((_) => _.id)
       store.commit('addNewUsers', users)
       store.commit('addNewUsers', targetUsers)
 
@@ -524,29 +610,32 @@ const users = {
         store.commit('setUserForNotification', notification)
       })
     },
-    searchUsers ({ rootState, commit }, { query }) {
-      return rootState.api.backendInteractor.searchUsers({ query })
+    searchUsers({ rootState, commit }, { query }) {
+      return rootState.api.backendInteractor
+        .searchUsers({ query })
         .then((users) => {
           commit('addNewUsers', users)
           return users
         })
     },
-    async signUp (store, userInfo) {
+    async signUp(store, userInfo) {
       const oauthStore = useOAuthStore()
       store.commit('signUpPending')
 
       try {
         const token = await oauthStore.ensureAppToken()
-        const data = await apiService.register(
-          { credentials: token, params: { ...userInfo } }
-        )
+        const data = await apiService.register({
+          credentials: token,
+          params: { ...userInfo },
+        })
 
         if (data.access_token) {
           store.commit('signUpSuccess')
           oauthStore.setToken(data.access_token)
-          store.dispatch('loginUser', data.access_token)
+          await store.dispatch('loginUser', data.access_token)
           return 'ok'
-        } else { // Request succeeded, but user cannot login yet.
+        } else {
+          // Request succeeded, but user cannot login yet.
           store.commit('signUpNotice', data)
           return 'request_sent'
         }
@@ -556,22 +645,22 @@ const users = {
         throw e
       }
     },
-    async getCaptcha (store) {
+    async getCaptcha(store) {
       return store.rootState.api.backendInteractor.getCaptcha()
     },
 
-    logout (store) {
+    logout(store) {
       const oauth = useOAuthStore()
-      const { instance } = store.rootState
 
       // NOTE: No need to verify the app still exists, because if it doesn't,
       // the token will be invalid too
-      return oauth.ensureApp()
+      return oauth
+        .ensureApp()
         .then((app) => {
           const params = {
             app,
-            instance: instance.server,
-            token: oauth.userToken
+            instance: useInstanceStore().server,
+            token: oauth.userToken,
           }
 
           return oauthApi.revokeToken(params)
@@ -581,7 +670,10 @@ const users = {
           store.dispatch('disconnectFromSocket')
           oauth.clearToken()
           store.dispatch('stopFetchingTimeline', 'friends')
-          store.commit('setBackendInteractor', backendInteractorService(oauth.getToken))
+          store.commit(
+            'setBackendInteractor',
+            backendInteractorService(oauth.getToken),
+          )
           store.dispatch('stopFetchingNotifications')
           store.dispatch('stopFetchingLists')
           store.dispatch('stopFetchingBookmarkFolders')
@@ -592,16 +684,15 @@ const users = {
           useInterfaceStore().setLastTimeline('public-timeline')
           useInterfaceStore().setLayoutWidth(windowWidth())
           useInterfaceStore().setLayoutHeight(windowHeight())
-          store.commit('clearServerSideStorage')
         })
     },
-    loginUser (store, accessToken) {
+    loginUser(store, accessToken) {
       return new Promise((resolve, reject) => {
         const commit = store.commit
         const dispatch = store.dispatch
-        const rootState = store.rootState
         commit('beginLogin')
-        store.rootState.api.backendInteractor.verifyCredentials(accessToken)
+        store.rootState.api.backendInteractor
+          .verifyCredentials(accessToken)
           .then((data) => {
             if (!data.error) {
               const user = data
@@ -612,16 +703,29 @@ const users = {
               user.domainMutes = []
               commit('setCurrentUser', user)
 
-              useServerSideStorageStore().setServerSideStorage(user)
+              useSyncConfigStore()
+                .initSyncConfig(user)
+                .then(() => {
+                  useInterfaceStore()
+                    .applyTheme()
+                    .catch((e) => {
+                      console.error('Error setting theme', e)
+                    })
+                })
+              useUserHighlightStore().initUserHighlight(user)
               commit('addNewUsers', [user])
 
-              dispatch('fetchEmoji')
+              useEmojiStore().fetchEmoji()
 
-              getNotificationPermission()
-                .then(permission => useInterfaceStore().setNotificationPermission(permission))
+              getNotificationPermission().then((permission) =>
+                useInterfaceStore().setNotificationPermission(permission),
+              )
 
               // Set our new backend interactor
-              commit('setBackendInteractor', backendInteractorService(accessToken))
+              commit(
+                'setBackendInteractor',
+                backendInteractorService(accessToken),
+              )
 
               // Do server-side storage migrations
 
@@ -629,27 +733,32 @@ const users = {
               /*
               // Reset wordfilter
               Object.keys(
-                useServerSideStorageStore().prefsStorage.simple.muteFilters
+                useSyncConfigStore().prefsStorage.simple.muteFilters
               ).forEach(key => {
-                useServerSideStorageStore().unsetPreference({ path: 'simple.muteFilters.' + key, value: null })
+                useSyncConfigStore().unsetSimplePrefAndSave({ path: 'muteFilters.' + key, value: null })
               })
 
               // Reset flag to 0 to re-run migrations
-              useServerSideStorageStore().setFlag({ flag: 'configMigration', value: 0 })
+              useSyncConfigStore().setFlag({ flag: 'configMigration', value: 0 })
               /**/
 
-              const { configMigration } = useServerSideStorageStore().flagStorage
+              const { configMigration } = useSyncConfigStore().flagStorage
               declarations
-                .filter(x => {
-                  return x.store === 'server-side' &&
+                .filter((x) => {
+                  return (
+                    x.store === 'server-side' &&
                     x.migrationNum > 0 &&
                     x.migrationNum > configMigration
+                  )
                 })
                 .toSorted((a, b) => a.configMigration - b.configMigration)
-                .forEach(value => {
-                  value.migration(useServerSideStorageStore(), store.rootState)
-                  useServerSideStorageStore().setFlag({ flag: 'configMigration', value: value.migrationNum })
-                  useServerSideStorageStore().pushServerSideStorage()
+                .forEach((value) => {
+                  value.migration(useSyncConfigStore(), store.rootState)
+                  useSyncConfigStore().setFlag({
+                    flag: 'configMigration',
+                    value: value.migrationNum,
+                  })
+                  useSyncConfigStore().pushSyncConfig()
                 })
 
               if (user.token) {
@@ -666,7 +775,9 @@ const users = {
                 // Start fetching notifications
                 dispatch('startFetchingNotifications')
 
-                if (rootState.instance.pleromaChatMessagesAvailable) {
+                if (
+                  useInstanceCapabilitiesStore().pleromaChatMessagesAvailable
+                ) {
                   // Start fetching chats
                   dispatch('startFetchingChats')
                 }
@@ -679,15 +790,23 @@ const users = {
                 dispatch('startFetchingFollowRequests')
               }
 
-              if (store.getters.mergedConfig.useStreamingApi) {
+              if (useMergedConfigStore().mergedConfig.useStreamingApi) {
                 dispatch('fetchTimeline', { timeline: 'friends', since: null })
                 dispatch('fetchNotifications', { since: null })
-                dispatch('enableMastoSockets', true).catch((error) => {
-                  console.error('Failed initializing MastoAPI Streaming socket', error)
-                }).then(() => {
-                  dispatch('fetchChats', { latest: true })
-                  setTimeout(() => dispatch('setNotificationsSilence', false), 10000)
-                })
+                dispatch('enableMastoSockets', true)
+                  .catch((error) => {
+                    console.error(
+                      'Failed initializing MastoAPI Streaming socket',
+                      error,
+                    )
+                  })
+                  .then(() => {
+                    dispatch('fetchChats', { latest: true })
+                    setTimeout(
+                      () => dispatch('setNotificationsSilence', false),
+                      10000,
+                    )
+                  })
               } else {
                 startPolling()
               }
@@ -699,7 +818,8 @@ const users = {
               useInterfaceStore().setLayoutHeight(windowHeight())
 
               // Fetch our friends
-              store.rootState.api.backendInteractor.fetchFriends({ id: user.id })
+              store.rootState.api.backendInteractor
+                .fetchFriends({ id: user.id })
                 .then((friends) => commit('addNewUsers', friends))
             } else {
               const response = data.error
@@ -726,8 +846,8 @@ const users = {
             reject(new Error('Failed to connect to server, try again'))
           })
       })
-    }
-  }
+    },
+  },
 }
 
 export default users
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 5022e330d..48f8b9e8a 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,5 +1,14 @@
-import { each, map, concat, last, get } from 'lodash'
-import { parseStatus, parseSource, parseUser, parseNotification, parseAttachment, parseChat, parseLinkHeaderPagination } from '../entity_normalizer/entity_normalizer.service.js'
+import { concat, each, get, last, map } from 'lodash'
+
+import {
+  parseAttachment,
+  parseChat,
+  parseLinkHeaderPagination,
+  parseNotification,
+  parseSource,
+  parseStatus,
+  parseUser,
+} from '../entity_normalizer/entity_normalizer.service.js'
 import { RegistrationError, StatusCodeError } from '../errors/errors'
 
 /* eslint-env browser */
@@ -12,7 +21,8 @@ const CHANGE_PASSWORD_URL = '/api/pleroma/change_password'
 const MOVE_ACCOUNT_URL = '/api/pleroma/move_account'
 const ALIASES_URL = '/api/pleroma/aliases'
 const TAG_USER_URL = '/api/pleroma/admin/users/tag'
-const PERMISSION_GROUP_URL = (screenName, right) => `/api/pleroma/admin/users/${screenName}/permission_group/${right}`
+const PERMISSION_GROUP_URL = (screenName, right) =>
+  `/api/pleroma/admin/users/${screenName}/permission_group/${right}`
 const ACTIVATE_USER_URL = '/api/pleroma/admin/users/activate'
 const DEACTIVATE_USER_URL = '/api/pleroma/admin/users/deactivate'
 const ADMIN_USERS_URL = '/api/v1/pleroma/admin/users'
@@ -31,59 +41,65 @@ const MASTODON_LOGIN_URL = '/api/v1/accounts/verify_credentials'
 const MASTODON_REGISTRATION_URL = '/api/v1/accounts'
 const MASTODON_USER_FAVORITES_TIMELINE_URL = '/api/v1/favourites'
 const MASTODON_USER_NOTIFICATIONS_URL = '/api/v1/notifications'
-const MASTODON_DISMISS_NOTIFICATION_URL = id => `/api/v1/notifications/${id}/dismiss`
-const MASTODON_FAVORITE_URL = id => `/api/v1/statuses/${id}/favourite`
-const MASTODON_UNFAVORITE_URL = id => `/api/v1/statuses/${id}/unfavourite`
-const MASTODON_RETWEET_URL = id => `/api/v1/statuses/${id}/reblog`
-const MASTODON_UNRETWEET_URL = id => `/api/v1/statuses/${id}/unreblog`
-const MASTODON_DELETE_URL = id => `/api/v1/statuses/${id}`
-const MASTODON_FOLLOW_URL = id => `/api/v1/accounts/${id}/follow`
-const MASTODON_UNFOLLOW_URL = id => `/api/v1/accounts/${id}/unfollow`
-const MASTODON_FOLLOWING_URL = id => `/api/v1/accounts/${id}/following`
-const MASTODON_FOLLOWERS_URL = id => `/api/v1/accounts/${id}/followers`
+const MASTODON_DISMISS_NOTIFICATION_URL = (id) =>
+  `/api/v1/notifications/${id}/dismiss`
+const MASTODON_FAVORITE_URL = (id) => `/api/v1/statuses/${id}/favourite`
+const MASTODON_UNFAVORITE_URL = (id) => `/api/v1/statuses/${id}/unfavourite`
+const MASTODON_RETWEET_URL = (id) => `/api/v1/statuses/${id}/reblog`
+const MASTODON_UNRETWEET_URL = (id) => `/api/v1/statuses/${id}/unreblog`
+const MASTODON_DELETE_URL = (id) => `/api/v1/statuses/${id}`
+const MASTODON_FOLLOW_URL = (id) => `/api/v1/accounts/${id}/follow`
+const MASTODON_UNFOLLOW_URL = (id) => `/api/v1/accounts/${id}/unfollow`
+const MASTODON_FOLLOWING_URL = (id) => `/api/v1/accounts/${id}/following`
+const MASTODON_FOLLOWERS_URL = (id) => `/api/v1/accounts/${id}/followers`
 const MASTODON_FOLLOW_REQUESTS_URL = '/api/v1/follow_requests'
-const MASTODON_APPROVE_USER_URL = id => `/api/v1/follow_requests/${id}/authorize`
-const MASTODON_DENY_USER_URL = id => `/api/v1/follow_requests/${id}/reject`
+const MASTODON_APPROVE_USER_URL = (id) =>
+  `/api/v1/follow_requests/${id}/authorize`
+const MASTODON_DENY_USER_URL = (id) => `/api/v1/follow_requests/${id}/reject`
 const MASTODON_DIRECT_MESSAGES_TIMELINE_URL = '/api/v1/timelines/direct'
 const MASTODON_PUBLIC_TIMELINE = '/api/v1/timelines/public'
 const MASTODON_USER_HOME_TIMELINE_URL = '/api/v1/timelines/home'
-const MASTODON_STATUS_URL = id => `/api/v1/statuses/${id}`
-const MASTODON_STATUS_CONTEXT_URL = id => `/api/v1/statuses/${id}/context`
-const MASTODON_STATUS_SOURCE_URL = id => `/api/v1/statuses/${id}/source`
-const MASTODON_STATUS_HISTORY_URL = id => `/api/v1/statuses/${id}/history`
+const MASTODON_STATUS_URL = (id) => `/api/v1/statuses/${id}`
+const MASTODON_STATUS_CONTEXT_URL = (id) => `/api/v1/statuses/${id}/context`
+const MASTODON_STATUS_SOURCE_URL = (id) => `/api/v1/statuses/${id}/source`
+const MASTODON_STATUS_HISTORY_URL = (id) => `/api/v1/statuses/${id}/history`
 const MASTODON_USER_URL = '/api/v1/accounts'
 const MASTODON_USER_LOOKUP_URL = '/api/v1/accounts/lookup'
 const MASTODON_USER_RELATIONSHIPS_URL = '/api/v1/accounts/relationships'
-const MASTODON_USER_TIMELINE_URL = id => `/api/v1/accounts/${id}/statuses`
-const MASTODON_USER_IN_LISTS = id => `/api/v1/accounts/${id}/lists`
-const MASTODON_LIST_URL = id => `/api/v1/lists/${id}`
-const MASTODON_LIST_TIMELINE_URL = id => `/api/v1/timelines/list/${id}`
-const MASTODON_LIST_ACCOUNTS_URL = id => `/api/v1/lists/${id}/accounts`
-const MASTODON_TAG_TIMELINE_URL = tag => `/api/v1/timelines/tag/${tag}`
+const MASTODON_USER_TIMELINE_URL = (id) => `/api/v1/accounts/${id}/statuses`
+const MASTODON_USER_IN_LISTS = (id) => `/api/v1/accounts/${id}/lists`
+const MASTODON_LIST_URL = (id) => `/api/v1/lists/${id}`
+const MASTODON_LIST_TIMELINE_URL = (id) => `/api/v1/timelines/list/${id}`
+const MASTODON_LIST_ACCOUNTS_URL = (id) => `/api/v1/lists/${id}/accounts`
+const MASTODON_TAG_TIMELINE_URL = (tag) => `/api/v1/timelines/tag/${tag}`
 const MASTODON_BOOKMARK_TIMELINE_URL = '/api/v1/bookmarks'
 const AKKOMA_BUBBLE_TIMELINE_URL = '/api/v1/timelines/bubble'
 const MASTODON_USER_BLOCKS_URL = '/api/v1/blocks/'
 const MASTODON_USER_MUTES_URL = '/api/v1/mutes/'
-const MASTODON_BLOCK_USER_URL = id => `/api/v1/accounts/${id}/block`
-const MASTODON_UNBLOCK_USER_URL = id => `/api/v1/accounts/${id}/unblock`
-const MASTODON_MUTE_USER_URL = id => `/api/v1/accounts/${id}/mute`
-const MASTODON_UNMUTE_USER_URL = id => `/api/v1/accounts/${id}/unmute`
-const MASTODON_REMOVE_USER_FROM_FOLLOWERS = id => `/api/v1/accounts/${id}/remove_from_followers`
-const MASTODON_USER_NOTE_URL = id => `/api/v1/accounts/${id}/note`
-const MASTODON_BOOKMARK_STATUS_URL = id => `/api/v1/statuses/${id}/bookmark`
-const MASTODON_UNBOOKMARK_STATUS_URL = id => `/api/v1/statuses/${id}/unbookmark`
+const MASTODON_BLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/block`
+const MASTODON_UNBLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/unblock`
+const MASTODON_MUTE_USER_URL = (id) => `/api/v1/accounts/${id}/mute`
+const MASTODON_UNMUTE_USER_URL = (id) => `/api/v1/accounts/${id}/unmute`
+const MASTODON_REMOVE_USER_FROM_FOLLOWERS = (id) =>
+  `/api/v1/accounts/${id}/remove_from_followers`
+const MASTODON_USER_NOTE_URL = (id) => `/api/v1/accounts/${id}/note`
+const MASTODON_BOOKMARK_STATUS_URL = (id) => `/api/v1/statuses/${id}/bookmark`
+const MASTODON_UNBOOKMARK_STATUS_URL = (id) =>
+  `/api/v1/statuses/${id}/unbookmark`
 const MASTODON_POST_STATUS_URL = '/api/v1/statuses'
 const MASTODON_MEDIA_UPLOAD_URL = '/api/v1/media'
-const MASTODON_VOTE_URL = id => `/api/v1/polls/${id}/votes`
-const MASTODON_POLL_URL = id => `/api/v1/polls/${id}`
-const MASTODON_STATUS_FAVORITEDBY_URL = id => `/api/v1/statuses/${id}/favourited_by`
-const MASTODON_STATUS_REBLOGGEDBY_URL = id => `/api/v1/statuses/${id}/reblogged_by`
+const MASTODON_VOTE_URL = (id) => `/api/v1/polls/${id}/votes`
+const MASTODON_POLL_URL = (id) => `/api/v1/polls/${id}`
+const MASTODON_STATUS_FAVORITEDBY_URL = (id) =>
+  `/api/v1/statuses/${id}/favourited_by`
+const MASTODON_STATUS_REBLOGGEDBY_URL = (id) =>
+  `/api/v1/statuses/${id}/reblogged_by`
 const MASTODON_PROFILE_UPDATE_URL = '/api/v1/accounts/update_credentials'
 const MASTODON_REPORT_USER_URL = '/api/v1/reports'
-const MASTODON_PIN_OWN_STATUS = id => `/api/v1/statuses/${id}/pin`
-const MASTODON_UNPIN_OWN_STATUS = id => `/api/v1/statuses/${id}/unpin`
-const MASTODON_MUTE_CONVERSATION = id => `/api/v1/statuses/${id}/mute`
-const MASTODON_UNMUTE_CONVERSATION = id => `/api/v1/statuses/${id}/unmute`
+const MASTODON_PIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/pin`
+const MASTODON_UNPIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/unpin`
+const MASTODON_MUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/mute`
+const MASTODON_UNMUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/unmute`
 const MASTODON_SEARCH_2 = '/api/v2/search'
 const MASTODON_USER_SEARCH_URL = '/api/v1/accounts/search'
 const MASTODON_DOMAIN_BLOCKS_URL = '/api/v1/domain_blocks'
@@ -91,40 +107,57 @@ const MASTODON_LISTS_URL = '/api/v1/lists'
 const MASTODON_STREAMING = '/api/v1/streaming'
 const MASTODON_KNOWN_DOMAIN_LIST_URL = '/api/v1/instance/peers'
 const MASTODON_ANNOUNCEMENTS_URL = '/api/v1/announcements'
-const MASTODON_ANNOUNCEMENTS_DISMISS_URL = id => `/api/v1/announcements/${id}/dismiss`
-const PLEROMA_EMOJI_REACTIONS_URL = id => `/api/v1/pleroma/statuses/${id}/reactions`
-const PLEROMA_EMOJI_REACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
-const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
+const MASTODON_ANNOUNCEMENTS_DISMISS_URL = (id) =>
+  `/api/v1/announcements/${id}/dismiss`
+const PLEROMA_EMOJI_REACTIONS_URL = (id) =>
+  `/api/v1/pleroma/statuses/${id}/reactions`
+const PLEROMA_EMOJI_REACT_URL = (id, emoji) =>
+  `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
+const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) =>
+  `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
 const PLEROMA_CHATS_URL = '/api/v1/pleroma/chats'
-const PLEROMA_CHAT_URL = id => `/api/v1/pleroma/chats/by-account-id/${id}`
-const PLEROMA_CHAT_MESSAGES_URL = id => `/api/v1/pleroma/chats/${id}/messages`
-const PLEROMA_CHAT_READ_URL = id => `/api/v1/pleroma/chats/${id}/read`
-const PLEROMA_DELETE_CHAT_MESSAGE_URL = (chatId, messageId) => `/api/v1/pleroma/chats/${chatId}/messages/${messageId}`
+const PLEROMA_CHAT_URL = (id) => `/api/v1/pleroma/chats/by-account-id/${id}`
+const PLEROMA_CHAT_MESSAGES_URL = (id) => `/api/v1/pleroma/chats/${id}/messages`
+const PLEROMA_CHAT_READ_URL = (id) => `/api/v1/pleroma/chats/${id}/read`
+const PLEROMA_DELETE_CHAT_MESSAGE_URL = (chatId, messageId) =>
+  `/api/v1/pleroma/chats/${chatId}/messages/${messageId}`
 const PLEROMA_ADMIN_REPORTS = '/api/v1/pleroma/admin/reports'
 const PLEROMA_BACKUP_URL = '/api/v1/pleroma/backups'
 const PLEROMA_ANNOUNCEMENTS_URL = '/api/v1/pleroma/admin/announcements'
 const PLEROMA_POST_ANNOUNCEMENT_URL = '/api/v1/pleroma/admin/announcements'
-const PLEROMA_EDIT_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements/${id}`
-const PLEROMA_DELETE_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements/${id}`
-const PLEROMA_SCROBBLES_URL = id => `/api/v1/pleroma/accounts/${id}/scrobbles`
-const PLEROMA_STATUS_QUOTES_URL = id => `/api/v1/pleroma/statuses/${id}/quotes`
-const PLEROMA_USER_FAVORITES_TIMELINE_URL = id => `/api/v1/pleroma/accounts/${id}/favourites`
+const PLEROMA_EDIT_ANNOUNCEMENT_URL = (id) =>
+  `/api/v1/pleroma/admin/announcements/${id}`
+const PLEROMA_DELETE_ANNOUNCEMENT_URL = (id) =>
+  `/api/v1/pleroma/admin/announcements/${id}`
+const PLEROMA_SCROBBLES_URL = (id) => `/api/v1/pleroma/accounts/${id}/scrobbles`
+const PLEROMA_STATUS_QUOTES_URL = (id) =>
+  `/api/v1/pleroma/statuses/${id}/quotes`
+const PLEROMA_USER_FAVORITES_TIMELINE_URL = (id) =>
+  `/api/v1/pleroma/accounts/${id}/favourites`
 const PLEROMA_BOOKMARK_FOLDERS_URL = '/api/v1/pleroma/bookmark_folders'
-const PLEROMA_BOOKMARK_FOLDER_URL = id => `/api/v1/pleroma/bookmark_folders/${id}`
+const PLEROMA_BOOKMARK_FOLDER_URL = (id) =>
+  `/api/v1/pleroma/bookmark_folders/${id}`
 
 const PLEROMA_ADMIN_CONFIG_URL = '/api/v1/pleroma/admin/config'
-const PLEROMA_ADMIN_DESCRIPTIONS_URL = '/api/v1/pleroma/admin/config/descriptions'
+const PLEROMA_ADMIN_DESCRIPTIONS_URL =
+  '/api/v1/pleroma/admin/config/descriptions'
 const PLEROMA_ADMIN_FRONTENDS_URL = '/api/v1/pleroma/admin/frontends'
-const PLEROMA_ADMIN_FRONTENDS_INSTALL_URL = '/api/v1/pleroma/admin/frontends/install'
+const PLEROMA_ADMIN_FRONTENDS_INSTALL_URL =
+  '/api/v1/pleroma/admin/frontends/install'
 
 const PLEROMA_EMOJI_RELOAD_URL = '/api/pleroma/admin/reload_emoji'
 const PLEROMA_EMOJI_IMPORT_FS_URL = '/api/pleroma/emoji/packs/import'
-const PLEROMA_EMOJI_PACKS_URL = (page, pageSize) => `/api/v1/pleroma/emoji/packs?page=${page}&page_size=${pageSize}`
-const PLEROMA_EMOJI_PACK_URL = (name) => `/api/v1/pleroma/emoji/pack?name=${name}`
+const PLEROMA_EMOJI_PACKS_URL = (page, pageSize) =>
+  `/api/v1/pleroma/emoji/packs?page=${page}&page_size=${pageSize}`
+const PLEROMA_EMOJI_PACK_URL = (name) =>
+  `/api/v1/pleroma/emoji/pack?name=${name}`
 const PLEROMA_EMOJI_PACKS_DL_REMOTE_URL = '/api/v1/pleroma/emoji/packs/download'
-const PLEROMA_EMOJI_PACKS_LS_REMOTE_URL =
-  (url, page, pageSize) => `/api/v1/pleroma/emoji/packs/remote?url=${url}&page=${page}&page_size=${pageSize}`
-const PLEROMA_EMOJI_UPDATE_FILE_URL = (name) => `/api/v1/pleroma/emoji/packs/files?name=${name}`
+const PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL =
+  '/api/v1/pleroma/emoji/packs/download_zip'
+const PLEROMA_EMOJI_PACKS_LS_REMOTE_URL = (url, page, pageSize) =>
+  `/api/v1/pleroma/emoji/packs/remote?url=${url}&page=${page}&page_size=${pageSize}`
+const PLEROMA_EMOJI_UPDATE_FILE_URL = (name) =>
+  `/api/v1/pleroma/emoji/packs/files?name=${name}`
 
 const oldfetch = window.fetch
 
@@ -136,19 +169,31 @@ const fetch = (url, options) => {
   return oldfetch(fullUrl, options)
 }
 
-const promisedRequest = ({ method, url, params, payload, credentials, headers = {} }) => {
+const promisedRequest = ({
+  method,
+  url,
+  params,
+  payload,
+  credentials,
+  headers = {},
+}) => {
   const options = {
     method,
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...headers
-    }
+      ...headers,
+    },
   }
   if (params) {
-    url += '?' + Object.entries(params)
-      .map(([key, value]) => encodeURIComponent(key) + '=' + encodeURIComponent(value))
-      .join('&')
+    url +=
+      '?' +
+      Object.entries(params)
+        .map(
+          ([key, value]) =>
+            encodeURIComponent(key) + '=' + encodeURIComponent(value),
+        )
+        .join('&')
   }
   if (payload) {
     options.body = JSON.stringify(payload)
@@ -156,23 +201,38 @@ const promisedRequest = ({ method, url, params, payload, credentials, headers =
   if (credentials) {
     options.headers = {
       ...options.headers,
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     }
   }
-  return fetch(url, options)
-    .then((response) => {
-      return new Promise((resolve, reject) => response.json()
+  return fetch(url, options).then((response) => {
+    return new Promise((resolve, reject) =>
+      response
+        .json()
         .then((json) => {
           if (!response.ok) {
-            return reject(new StatusCodeError(response.status, json, { url, options }, response))
+            return reject(
+              new StatusCodeError(
+                response.status,
+                json,
+                { url, options },
+                response,
+              ),
+            )
           }
           return resolve(json)
         })
         .catch((error) => {
-          return reject(new StatusCodeError(response.status, error, { url, options }, response))
-        })
-      )
-    })
+          return reject(
+            new StatusCodeError(
+              response.status,
+              error,
+              { url, options },
+              response,
+            ),
+          )
+        }),
+    )
+  })
 }
 
 const updateNotificationSettings = ({ credentials, settings }) => {
@@ -182,14 +242,23 @@ const updateNotificationSettings = ({ credentials, settings }) => {
     form.append(key, value)
   })
 
-  return fetch(`${NOTIFICATION_SETTINGS_URL}?${new URLSearchParams(settings)}`, {
-    headers: authHeaders(credentials),
-    method: 'PUT',
-    body: form
-  }).then((data) => data.json())
+  return fetch(
+    `${NOTIFICATION_SETTINGS_URL}?${new URLSearchParams(settings)}`,
+    {
+      headers: authHeaders(credentials),
+      method: 'PUT',
+      body: form,
+    },
+  ).then((data) => data.json())
 }
 
-const updateProfileImages = ({ credentials, avatar = null, avatarName = null, banner = null, background = null }) => {
+const updateProfileImages = ({
+  credentials,
+  avatar = null,
+  avatarName = null,
+  banner = null,
+  background = null,
+}) => {
   const form = new FormData()
   if (avatar !== null) {
     if (avatarName !== null) {
@@ -203,7 +272,7 @@ const updateProfileImages = ({ credentials, avatar = null, avatarName = null, ba
   return fetch(MASTODON_PROFILE_UPDATE_URL, {
     headers: authHeaders(credentials),
     method: 'PATCH',
-    body: form
+    body: form,
   })
     .then((data) => data.json())
     .then((data) => {
@@ -215,11 +284,40 @@ const updateProfileImages = ({ credentials, avatar = null, avatarName = null, ba
 }
 
 const updateProfile = ({ credentials, params }) => {
+  const formData = new FormData()
+
+  for (const name in params) {
+    if (name === 'fields_attributes') {
+      params[name].forEach((param, i) => {
+        formData.append(name + `[${i}][name]`, param.name)
+        formData.append(name + `[${i}][value]`, param.value)
+      })
+    } else {
+      if (typeof params[name] === 'object') {
+        console.warn(
+          'Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.',
+        )
+        console.warn('Object:\n' + JSON.stringify(params[name], null, 2))
+      }
+      formData.append(name, params[name])
+    }
+  }
+
+  return fetch(MASTODON_PROFILE_UPDATE_URL, {
+    headers: authHeaders(credentials),
+    method: 'PATCH',
+    body: formData,
+  })
+    .then((data) => data.json())
+    .then((data) => parseUser(data))
+}
+
+const updateProfileJSON = ({ credentials, params }) => {
   return promisedRequest({
     url: MASTODON_PROFILE_UPDATE_URL,
-    method: 'PATCH',
+    credentials,
     payload: params,
-    credentials
+    method: 'PATCH',
   }).then((data) => parseUser(data))
 }
 
@@ -242,46 +340,52 @@ const register = ({ params, credentials }) => {
     method: 'POST',
     headers: {
       ...authHeaders(credentials),
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
     body: JSON.stringify({
       nickname,
       locale: 'en_US',
       agreement: true,
-      ...rest
-    })
+      ...rest,
+    }),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return response.json().then((error) => {
+        throw new RegistrationError(error)
+      })
+    }
   })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return response.json().then((error) => { throw new RegistrationError(error) })
-      }
-    })
 }
 
-const getCaptcha = () => fetch('/api/pleroma/captcha').then(resp => resp.json())
+const getCaptcha = () =>
+  fetch('/api/pleroma/captcha').then((resp) => resp.json())
 
 const authHeaders = (accessToken) => {
   if (accessToken) {
     return { Authorization: `Bearer ${accessToken}` }
   } else {
-    return { }
+    return {}
   }
 }
 
 const followUser = ({ id, credentials, ...options }) => {
   const url = MASTODON_FOLLOW_URL(id)
   const form = {}
-  if (options.reblogs !== undefined) { form.reblogs = options.reblogs }
-  if (options.notify !== undefined) { form.notify = options.notify }
+  if (options.reblogs !== undefined) {
+    form.reblogs = options.reblogs
+  }
+  if (options.notify !== undefined) {
+    form.notify = options.notify
+  }
   return fetch(url, {
     body: JSON.stringify(form),
     headers: {
       ...authHeaders(credentials),
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -289,55 +393,74 @@ const unfollowUser = ({ id, credentials }) => {
   const url = MASTODON_UNFOLLOW_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const fetchUserInLists = ({ id, credentials }) => {
   const url = MASTODON_USER_IN_LISTS(id)
   return fetch(url, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => data.json())
 }
 
 const pinOwnStatus = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_PIN_OWN_STATUS(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_PIN_OWN_STATUS(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const unpinOwnStatus = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNPIN_OWN_STATUS(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNPIN_OWN_STATUS(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const muteConversation = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_MUTE_CONVERSATION(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_MUTE_CONVERSATION(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const unmuteConversation = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNMUTE_CONVERSATION(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNMUTE_CONVERSATION(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
-const blockUser = ({ id, credentials }) => {
-  return fetch(MASTODON_BLOCK_USER_URL(id), {
-    headers: authHeaders(credentials),
-    method: 'POST'
-  }).then((data) => data.json())
+const blockUser = ({ id, expiresIn, credentials }) => {
+  const payload = {}
+  if (expiresIn) {
+    payload.duration = expiresIn
+  }
+
+  return promisedRequest({
+    url: MASTODON_BLOCK_USER_URL(id),
+    credentials,
+    method: 'POST',
+    payload,
+  })
 }
 
 const unblockUser = ({ id, credentials }) => {
   return fetch(MASTODON_UNBLOCK_USER_URL(id), {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const removeUserFromFollowers = ({ id, credentials }) => {
   return fetch(MASTODON_REMOVE_USER_FROM_FOLLOWERS(id), {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -346,9 +469,9 @@ const editUserNote = ({ id, credentials, comment }) => {
     url: MASTODON_USER_NOTE_URL(id),
     credentials,
     payload: {
-      comment
+      comment,
     },
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -356,7 +479,7 @@ const approveUser = ({ id, credentials }) => {
   const url = MASTODON_APPROVE_USER_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -364,24 +487,23 @@ const denyUser = ({ id, credentials }) => {
   const url = MASTODON_DENY_USER_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const fetchUser = ({ id, credentials }) => {
   const url = `${MASTODON_USER_URL}/${id}`
-  return promisedRequest({ url, credentials })
-    .then((data) => parseUser(data))
+  return promisedRequest({ url, credentials }).then((data) => parseUser(data))
 }
 
 const fetchUserByName = ({ name, credentials }) => {
   return promisedRequest({
     url: MASTODON_USER_LOOKUP_URL,
     credentials,
-    params: { acct: name }
+    params: { acct: name },
   })
-    .then(data => data.id)
-    .catch(error => {
+    .then((data) => data.id)
+    .catch((error) => {
       if (error && error.statusCode === 404) {
         // Either the backend does not support lookup endpoint,
         // or there is no user with such name. Fallback and treat name as id.
@@ -390,21 +512,23 @@ const fetchUserByName = ({ name, credentials }) => {
         throw error
       }
     })
-    .then(id => fetchUser({ id, credentials }))
+    .then((id) => fetchUser({ id, credentials }))
 }
 
 const fetchUserRelationship = ({ id, credentials }) => {
   const url = `${MASTODON_USER_RELATIONSHIPS_URL}/?id=${id}`
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((response) => {
-      return new Promise((resolve, reject) => response.json()
-        .then((json) => {
-          if (!response.ok) {
-            return reject(new StatusCodeError(response.status, json, { url }, response))
-          }
-          return resolve(json)
-        }))
-    })
+  return fetch(url, { headers: authHeaders(credentials) }).then((response) => {
+    return new Promise((resolve, reject) =>
+      response.json().then((json) => {
+        if (!response.ok) {
+          return reject(
+            new StatusCodeError(response.status, json, { url }, response),
+          )
+        }
+        return resolve(json)
+      }),
+    )
+  })
 }
 
 const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
@@ -413,8 +537,10 @@ const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
     limit && `limit=${limit}`,
-    'with_relationships=true'
-  ].filter(_ => _).join('&')
+    'with_relationships=true',
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url = url + (args ? '?' + args : '')
   return fetch(url, { headers: authHeaders(credentials) })
@@ -423,7 +549,7 @@ const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
 }
 
 const exportFriends = ({ id, credentials }) => {
-  // eslint-disable-next-line no-async-promise-executor
+  // biome-ignore lint/suspicious/noAsyncPromiseExecutor: TODO refactor this
   return new Promise(async (resolve, reject) => {
     try {
       let friends = []
@@ -449,8 +575,10 @@ const fetchFollowers = ({ id, maxId, sinceId, limit = 20, credentials }) => {
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
     limit && `limit=${limit}`,
-    'with_relationships=true'
-  ].filter(_ => _).join('&')
+    'with_relationships=true',
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url += args ? '?' + args : ''
   return fetch(url, { headers: authHeaders(credentials) })
@@ -467,8 +595,9 @@ const fetchFollowRequests = ({ credentials }) => {
 
 const fetchLists = ({ credentials }) => {
   const url = MASTODON_LISTS_URL
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const createList = ({ title, credentials }) => {
@@ -479,14 +608,15 @@ const createList = ({ title, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ title })
+    body: JSON.stringify({ title }),
   }).then((data) => data.json())
 }
 
 const getList = ({ listId, credentials }) => {
   const url = MASTODON_LIST_URL(listId)
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const updateList = ({ listId, title, credentials }) => {
@@ -497,7 +627,7 @@ const updateList = ({ listId, title, credentials }) => {
   return fetch(url, {
     headers,
     method: 'PUT',
-    body: JSON.stringify({ title })
+    body: JSON.stringify({ title }),
   })
 }
 
@@ -516,7 +646,7 @@ const addAccountsToList = ({ listId, accountIds, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ account_ids: accountIds })
+    body: JSON.stringify({ account_ids: accountIds }),
   })
 }
 
@@ -528,7 +658,7 @@ const removeAccountsFromList = ({ listId, accountIds, credentials }) => {
   return fetch(url, {
     headers,
     method: 'DELETE',
-    body: JSON.stringify({ account_ids: accountIds })
+    body: JSON.stringify({ account_ids: accountIds }),
   })
 }
 
@@ -536,7 +666,7 @@ const deleteList = ({ listId, credentials }) => {
   const url = MASTODON_LIST_URL(listId)
   return fetch(url, {
     method: 'DELETE',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
 }
 
@@ -552,7 +682,7 @@ const fetchConversation = ({ id, credentials }) => {
     .then((data) => data.json())
     .then(({ ancestors, descendants }) => ({
       ancestors: ancestors.map(parseStatus),
-      descendants: descendants.map(parseStatus)
+      descendants: descendants.map(parseStatus),
     }))
 }
 
@@ -584,21 +714,20 @@ const fetchStatusSource = ({ id, credentials }) => {
 
 const fetchStatusHistory = ({ status, credentials }) => {
   const url = MASTODON_STATUS_HISTORY_URL(status.id)
-  return promisedRequest({ url, credentials })
-    .then((data) => {
-      data.reverse()
-      return data.map((item) => {
-        item.originalStatus = status
-        return parseStatus(item)
-      })
+  return promisedRequest({ url, credentials }).then((data) => {
+    data.reverse()
+    return data.map((item) => {
+      item.originalStatus = status
+      return parseStatus(item)
     })
+  })
 }
 
 const tagUser = ({ tag, credentials, user }) => {
   const screenName = user.screen_name
   const form = {
     nicknames: [screenName],
-    tags: [tag]
+    tags: [tag],
   }
 
   const headers = authHeaders(credentials)
@@ -607,7 +736,7 @@ const tagUser = ({ tag, credentials, user }) => {
   return fetch(TAG_USER_URL, {
     method: 'PUT',
     headers,
-    body: JSON.stringify(form)
+    body: JSON.stringify(form),
   })
 }
 
@@ -615,7 +744,7 @@ const untagUser = ({ tag, credentials, user }) => {
   const screenName = user.screen_name
   const body = {
     nicknames: [screenName],
-    tags: [tag]
+    tags: [tag],
   }
 
   const headers = authHeaders(credentials)
@@ -624,7 +753,7 @@ const untagUser = ({ tag, credentials, user }) => {
   return fetch(TAG_USER_URL, {
     method: 'DELETE',
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body),
   })
 }
 
@@ -634,7 +763,7 @@ const addRight = ({ right, credentials, user }) => {
   return fetch(PERMISSION_GROUP_URL(screenName, right), {
     method: 'POST',
     headers: authHeaders(credentials),
-    body: {}
+    body: {},
   })
 }
 
@@ -644,7 +773,7 @@ const deleteRight = ({ right, credentials, user }) => {
   return fetch(PERMISSION_GROUP_URL(screenName, right), {
     method: 'DELETE',
     headers: authHeaders(credentials),
-    body: {}
+    body: {},
   })
 }
 
@@ -654,9 +783,9 @@ const activateUser = ({ credentials, user: { screen_name: nickname } }) => {
     method: 'PATCH',
     credentials,
     payload: {
-      nicknames: [nickname]
-    }
-  }).then(response => get(response, 'users.0'))
+      nicknames: [nickname],
+    },
+  }).then((response) => get(response, 'users.0'))
 }
 
 const deactivateUser = ({ credentials, user: { screen_name: nickname } }) => {
@@ -665,9 +794,9 @@ const deactivateUser = ({ credentials, user: { screen_name: nickname } }) => {
     method: 'PATCH',
     credentials,
     payload: {
-      nicknames: [nickname]
-    }
-  }).then(response => get(response, 'users.0'))
+      nicknames: [nickname],
+    },
+  }).then((response) => get(response, 'users.0'))
 }
 
 const deleteUser = ({ credentials, user }) => {
@@ -676,7 +805,7 @@ const deleteUser = ({ credentials, user }) => {
 
   return fetch(`${ADMIN_USERS_URL}?nickname=${screenName}`, {
     method: 'DELETE',
-    headers
+    headers,
   })
 }
 
@@ -693,7 +822,7 @@ const fetchTimeline = ({
   withMuted = false,
   replyVisibility = 'all',
   includeTypes = [],
-  bookmarkFolderId = false
+  bookmarkFolderId = false,
 }) => {
   const timelineUrls = {
     public: MASTODON_PUBLIC_TIMELINE,
@@ -709,7 +838,7 @@ const fetchTimeline = ({
     tag: MASTODON_TAG_TIMELINE_URL,
     bookmarks: MASTODON_BOOKMARK_TIMELINE_URL,
     quotes: PLEROMA_STATUS_QUOTES_URL,
-    bubble: AKKOMA_BUBBLE_TIMELINE_URL
+    bubble: AKKOMA_BUBBLE_TIMELINE_URL,
   }
   const isNotifications = timeline === 'notifications'
   const params = []
@@ -760,7 +889,7 @@ const fetchTimeline = ({
     params.push(['reply_visibility', replyVisibility])
   }
   if (includeTypes.size > 0) {
-    includeTypes.forEach(type => {
+    includeTypes.forEach((type) => {
       params.push(['include_types[]', type])
     })
   }
@@ -770,70 +899,92 @@ const fetchTimeline = ({
 
   params.push(['limit', 20])
 
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
 
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then(async (response) => {
+  return fetch(url, { headers: authHeaders(credentials) }).then(
+    async (response) => {
       const success = response.ok
 
       const data = await response.json()
 
       if (success && !data.errors) {
-        const pagination = parseLinkHeaderPagination(response.headers.get('Link'), {
-          flakeId: timeline !== 'bookmarks' && timeline !== 'notifications'
-        })
+        const pagination = parseLinkHeaderPagination(
+          response.headers.get('Link'),
+          {
+            flakeId: timeline !== 'bookmarks' && timeline !== 'notifications',
+          },
+        )
 
-        return { data: data.map(isNotifications ? parseNotification : parseStatus), pagination }
+        return {
+          data: data.map(isNotifications ? parseNotification : parseStatus),
+          pagination,
+        }
       } else {
         data.errors ||= []
         data.status = response.status
         data.statusText = response.statusText
         return data
       }
-    })
+    },
+  )
 }
 
 const fetchPinnedStatuses = ({ id, credentials }) => {
   const url = MASTODON_USER_TIMELINE_URL(id) + '?pinned=true'
-  return promisedRequest({ url, credentials })
-    .then((data) => data.map(parseStatus))
+  return promisedRequest({ url, credentials }).then((data) =>
+    data.map(parseStatus),
+  )
 }
 
 const verifyCredentials = (user) => {
   return fetch(MASTODON_LOGIN_URL, {
-    headers: authHeaders(user)
+    headers: authHeaders(user),
   })
     .then((response) => {
       if (response.ok) {
         return response.json()
       } else {
         return {
-          error: response
+          error: response,
         }
       }
     })
-    .then((data) => data.error ? data : parseUser(data))
+    .then((data) => (data.error ? data : parseUser(data)))
 }
 
 const favorite = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_FAVORITE_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_FAVORITE_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const unfavorite = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNFAVORITE_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNFAVORITE_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const retweet = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_RETWEET_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_RETWEET_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const unretweet = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNRETWEET_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNRETWEET_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const bookmarkStatus = ({ id, credentials, ...options }) => {
@@ -842,8 +993,8 @@ const bookmarkStatus = ({ id, credentials, ...options }) => {
     headers: authHeaders(credentials),
     method: 'POST',
     payload: {
-      folder_id: options.folder_id
-    }
+      folder_id: options.folder_id,
+    },
   })
 }
 
@@ -851,7 +1002,7 @@ const unbookmarkStatus = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_UNBOOKMARK_STATUS_URL(id),
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -867,7 +1018,7 @@ const postStatus = ({
   quoteId,
   contentType,
   preview,
-  idempotencyKey
+  idempotencyKey,
 }) => {
   const form = new FormData()
   const pollOptions = poll.options || []
@@ -878,19 +1029,19 @@ const postStatus = ({
   if (visibility) form.append('visibility', visibility)
   if (sensitive) form.append('sensitive', sensitive)
   if (contentType) form.append('content_type', contentType)
-  mediaIds.forEach(val => {
+  mediaIds.forEach((val) => {
     form.append('media_ids[]', val)
   })
-  if (pollOptions.some(option => option !== '')) {
+  if (pollOptions.some((option) => option !== '')) {
     const normalizedPoll = {
       expires_in: parseInt(poll.expiresIn, 10),
-      multiple: poll.multiple
+      multiple: poll.multiple,
     }
-    Object.keys(normalizedPoll).forEach(key => {
+    Object.keys(normalizedPoll).forEach((key) => {
       form.append(`poll[${key}]`, normalizedPoll[key])
     })
 
-    pollOptions.forEach(option => {
+    pollOptions.forEach((option) => {
       form.append('poll[options][]', option)
     })
   }
@@ -912,12 +1063,12 @@ const postStatus = ({
   return fetch(MASTODON_POST_STATUS_URL, {
     body: form,
     method: 'POST',
-    headers: postHeaders
+    headers: postHeaders,
   })
     .then((response) => {
       return response.json()
     })
-    .then((data) => data.error ? data : parseStatus(data))
+    .then((data) => (data.error ? data : parseStatus(data)))
 }
 
 const editStatus = ({
@@ -928,7 +1079,7 @@ const editStatus = ({
   sensitive,
   poll,
   mediaIds = [],
-  contentType
+  contentType,
 }) => {
   const form = new FormData()
   const pollOptions = poll.options || []
@@ -937,20 +1088,20 @@ const editStatus = ({
   if (spoilerText) form.append('spoiler_text', spoilerText)
   if (sensitive) form.append('sensitive', sensitive)
   if (contentType) form.append('content_type', contentType)
-  mediaIds.forEach(val => {
+  mediaIds.forEach((val) => {
     form.append('media_ids[]', val)
   })
 
-  if (pollOptions.some(option => option !== '')) {
+  if (pollOptions.some((option) => option !== '')) {
     const normalizedPoll = {
       expires_in: parseInt(poll.expiresIn, 10),
-      multiple: poll.multiple
+      multiple: poll.multiple,
     }
-    Object.keys(normalizedPoll).forEach(key => {
+    Object.keys(normalizedPoll).forEach((key) => {
       form.append(`poll[${key}]`, normalizedPoll[key])
     })
 
-    pollOptions.forEach(option => {
+    pollOptions.forEach((option) => {
       form.append('poll[options][]', option)
     })
   }
@@ -960,19 +1111,19 @@ const editStatus = ({
   return fetch(MASTODON_STATUS_URL(id), {
     body: form,
     method: 'PUT',
-    headers: putHeaders
+    headers: putHeaders,
   })
     .then((response) => {
       return response.json()
     })
-    .then((data) => data.error ? data : parseStatus(data))
+    .then((data) => (data.error ? data : parseStatus(data)))
 }
 
 const deleteStatus = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_DELETE_URL(id),
     credentials,
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
@@ -980,7 +1131,7 @@ const uploadMedia = ({ formData, credentials }) => {
   return fetch(MASTODON_MEDIA_UPLOAD_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
     .then((data) => data.json())
     .then((data) => parseAttachment(data))
@@ -992,8 +1143,8 @@ const setMediaDescription = ({ id, description, credentials }) => {
     method: 'PUT',
     headers: authHeaders(credentials),
     payload: {
-      description
-    }
+      description,
+    },
   }).then((data) => parseAttachment(data))
 }
 
@@ -1003,9 +1154,8 @@ const importMutes = ({ file, credentials }) => {
   return fetch(MUTES_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const importBlocks = ({ file, credentials }) => {
@@ -1014,9 +1164,8 @@ const importBlocks = ({ file, credentials }) => {
   return fetch(BLOCKS_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const importFollows = ({ file, credentials }) => {
@@ -1025,9 +1174,8 @@ const importFollows = ({ file, credentials }) => {
   return fetch(FOLLOW_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const deleteAccount = ({ credentials, password }) => {
@@ -1038,9 +1186,8 @@ const deleteAccount = ({ credentials, password }) => {
   return fetch(DELETE_ACCOUNT_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const changeEmail = ({ credentials, email, password }) => {
@@ -1052,9 +1199,8 @@ const changeEmail = ({ credentials, email, password }) => {
   return fetch(CHANGE_EMAIL_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const moveAccount = ({ credentials, password, targetAccount }) => {
@@ -1066,9 +1212,8 @@ const moveAccount = ({ credentials, password, targetAccount }) => {
   return fetch(MOVE_ACCOUNT_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const addAlias = ({ credentials, alias }) => {
@@ -1076,7 +1221,7 @@ const addAlias = ({ credentials, alias }) => {
     url: ALIASES_URL,
     method: 'PUT',
     credentials,
-    payload: { alias }
+    payload: { alias },
   })
 }
 
@@ -1085,7 +1230,7 @@ const deleteAlias = ({ credentials, alias }) => {
     url: ALIASES_URL,
     method: 'DELETE',
     credentials,
-    payload: { alias }
+    payload: { alias },
   })
 }
 
@@ -1095,12 +1240,17 @@ const listAliases = ({ credentials }) => {
     method: 'GET',
     credentials,
     params: {
-      _cacheBooster: (new Date()).getTime()
-    }
+      _cacheBooster: new Date().getTime(),
+    },
   })
 }
 
-const changePassword = ({ credentials, password, newPassword, newPasswordConfirmation }) => {
+const changePassword = ({
+  credentials,
+  password,
+  newPassword,
+  newPasswordConfirmation,
+}) => {
   const form = new FormData()
 
   form.append('password', password)
@@ -1110,15 +1260,14 @@ const changePassword = ({ credentials, password, newPassword, newPasswordConfirm
   return fetch(CHANGE_PASSWORD_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const settingsMFA = ({ credentials }) => {
   return fetch(MFA_SETTINGS_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 
@@ -1130,9 +1279,8 @@ const mfaDisableOTP = ({ credentials, password }) => {
   return fetch(MFA_DISABLE_OTP_URL, {
     body: form,
     method: 'DELETE',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const mfaConfirmOTP = ({ credentials, password, token }) => {
@@ -1144,19 +1292,19 @@ const mfaConfirmOTP = ({ credentials, password, token }) => {
   return fetch(MFA_CONFIRM_OTP_URL, {
     body: form,
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 const mfaSetupOTP = ({ credentials }) => {
   return fetch(MFA_SETUP_OTP_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 const generateMfaBackupCodes = ({ credentials }) => {
   return fetch(MFA_BACKUP_CODES_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 
@@ -1165,8 +1313,10 @@ const fetchMutes = ({ maxId, credentials }) => {
   if (maxId) {
     query.append('max_id', maxId)
   }
-  return promisedRequest({ url: `${MASTODON_USER_MUTES_URL}?${query.toString()}`, credentials })
-    .then((users) => users.map(parseUser))
+  return promisedRequest({
+    url: `${MASTODON_USER_MUTES_URL}?${query.toString()}`,
+    credentials,
+  }).then((users) => users.map(parseUser))
 }
 
 const muteUser = ({ id, expiresIn, credentials }) => {
@@ -1174,11 +1324,21 @@ const muteUser = ({ id, expiresIn, credentials }) => {
   if (expiresIn) {
     payload.expires_in = expiresIn
   }
-  return promisedRequest({ url: MASTODON_MUTE_USER_URL(id), credentials, method: 'POST', payload })
+
+  return promisedRequest({
+    url: MASTODON_MUTE_USER_URL(id),
+    credentials,
+    method: 'POST',
+    payload,
+  })
 }
 
 const unmuteUser = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNMUTE_USER_URL(id), credentials, method: 'POST' })
+  return promisedRequest({
+    url: MASTODON_UNMUTE_USER_URL(id),
+    credentials,
+    method: 'POST',
+  })
 }
 
 const fetchBlocks = ({ maxId, credentials }) => {
@@ -1186,15 +1346,17 @@ const fetchBlocks = ({ maxId, credentials }) => {
   if (maxId) {
     query.append('max_id', maxId)
   }
-  return promisedRequest({ url: `${MASTODON_USER_BLOCKS_URL}?${query.toString()}`, credentials })
-    .then((users) => users.map(parseUser))
+  return promisedRequest({
+    url: `${MASTODON_USER_BLOCKS_URL}?${query.toString()}`,
+    credentials,
+  }).then((users) => users.map(parseUser))
 }
 
 const addBackup = ({ credentials }) => {
   return promisedRequest({
     url: PLEROMA_BACKUP_URL,
     method: 'POST',
-    credentials
+    credentials,
   })
 }
 
@@ -1204,8 +1366,8 @@ const listBackups = ({ credentials }) => {
     method: 'GET',
     credentials,
     params: {
-      _cacheBooster: (new Date()).getTime()
-    }
+      _cacheBooster: new Date().getTime(),
+    },
   })
 }
 
@@ -1213,7 +1375,7 @@ const fetchOAuthTokens = ({ credentials }) => {
   const url = '/api/oauth_tokens.json'
 
   return fetch(url, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => {
     if (data.ok) {
       return data.json()
@@ -1227,13 +1389,13 @@ const revokeOAuthToken = ({ id, credentials }) => {
 
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
 const suggestions = ({ credentials }) => {
   return fetch(SUGGESTIONS_URL, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => data.json())
 }
 
@@ -1249,7 +1411,7 @@ const markNotificationsAsSeen = ({ id, credentials, single = false }) => {
   return fetch(NOTIFICATION_READ_URL, {
     body,
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -1262,26 +1424,24 @@ const vote = ({ pollId, choices, credentials }) => {
     method: 'POST',
     credentials,
     payload: {
-      choices
-    }
+      choices,
+    },
   })
 }
 
 const fetchPoll = ({ pollId, credentials }) => {
-  return promisedRequest(
-    {
-      url: MASTODON_POLL_URL(encodeURIComponent(pollId)),
-      method: 'GET',
-      credentials
-    }
-  )
+  return promisedRequest({
+    url: MASTODON_POLL_URL(encodeURIComponent(pollId)),
+    method: 'GET',
+    credentials,
+  })
 }
 
 const fetchFavoritedByUsers = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_STATUS_FAVORITEDBY_URL(id),
     method: 'GET',
-    credentials
+    credentials,
   }).then((users) => users.map(parseUser))
 }
 
@@ -1289,23 +1449,27 @@ const fetchRebloggedByUsers = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_STATUS_REBLOGGEDBY_URL(id),
     method: 'GET',
-    credentials
+    credentials,
   }).then((users) => users.map(parseUser))
 }
 
 const fetchEmojiReactions = ({ id, credentials }) => {
-  return promisedRequest({ url: PLEROMA_EMOJI_REACTIONS_URL(id), credentials })
-    .then((reactions) => reactions.map(r => {
+  return promisedRequest({
+    url: PLEROMA_EMOJI_REACTIONS_URL(id),
+    credentials,
+  }).then((reactions) =>
+    reactions.map((r) => {
       r.accounts = r.accounts.map(parseUser)
       return r
-    }))
+    }),
+  )
 }
 
 const reactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_REACT_URL(id, emoji),
     method: 'PUT',
-    credentials
+    credentials,
   }).then(parseStatus)
 }
 
@@ -1313,7 +1477,7 @@ const unreactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_UNREACT_URL(id, emoji),
     method: 'DELETE',
-    credentials
+    credentials,
   }).then(parseStatus)
 }
 
@@ -1325,9 +1489,9 @@ const reportUser = ({ credentials, userId, statusIds, comment, forward }) => {
       account_id: userId,
       status_ids: statusIds,
       comment,
-      forward
+      forward,
     },
-    credentials
+    credentials,
   })
 }
 
@@ -1336,14 +1500,21 @@ const searchUsers = ({ credentials, query }) => {
     url: MASTODON_USER_SEARCH_URL,
     params: {
       q: query,
-      resolve: true
+      resolve: true,
     },
-    credentials
-  })
-    .then((data) => data.map(parseUser))
+    credentials,
+  }).then((data) => data.map(parseUser))
 }
 
-const search2 = ({ credentials, q, resolve, limit, offset, following, type }) => {
+const search2 = ({
+  credentials,
+  q,
+  resolve,
+  limit,
+  offset,
+  following,
+  type,
+}) => {
   let url = MASTODON_SEARCH_2
   const params = []
 
@@ -1373,7 +1544,9 @@ const search2 = ({ credentials, q, resolve, limit, offset, following, type }) =>
 
   params.push(['with_relationships', true])
 
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
 
   return fetch(url, { headers: authHeaders(credentials) })
@@ -1383,10 +1556,12 @@ const search2 = ({ credentials, q, resolve, limit, offset, following, type }) =>
       }
       throw new Error('Error fetching search result', data)
     })
-    .then((data) => { return data.json() })
     .then((data) => {
-      data.accounts = data.accounts.slice(0, limit).map(u => parseUser(u))
-      data.statuses = data.statuses.slice(0, limit).map(s => parseStatus(s))
+      return data.json()
+    })
+    .then((data) => {
+      data.accounts = data.accounts.slice(0, limit).map((u) => parseUser(u))
+      data.statuses = data.statuses.slice(0, limit).map((s) => parseStatus(s))
       return data
     })
 }
@@ -1404,7 +1579,7 @@ const muteDomain = ({ domain, credentials }) => {
     url: MASTODON_DOMAIN_BLOCKS_URL,
     method: 'POST',
     payload: { domain },
-    credentials
+    credentials,
   })
 }
 
@@ -1413,7 +1588,7 @@ const unmuteDomain = ({ domain, credentials }) => {
     url: MASTODON_DOMAIN_BLOCKS_URL,
     method: 'DELETE',
     payload: { domain },
-    credentials
+    credentials,
   })
 }
 
@@ -1422,7 +1597,7 @@ const dismissNotification = ({ credentials, id }) => {
     url: MASTODON_DISMISS_NOTIFICATION_URL(id),
     method: 'POST',
     payload: { id },
-    credentials
+    credentials,
   })
 }
 
@@ -1438,7 +1613,7 @@ const dismissAnnouncement = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_ANNOUNCEMENTS_DISMISS_URL(id),
     credentials,
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -1460,21 +1635,34 @@ const announcementToPayload = ({ content, startsAt, endsAt, allDay }) => {
   return payload
 }
 
-const postAnnouncement = ({ credentials, content, startsAt, endsAt, allDay }) => {
+const postAnnouncement = ({
+  credentials,
+  content,
+  startsAt,
+  endsAt,
+  allDay,
+}) => {
   return promisedRequest({
     url: PLEROMA_POST_ANNOUNCEMENT_URL,
     credentials,
     method: 'POST',
-    payload: announcementToPayload({ content, startsAt, endsAt, allDay })
+    payload: announcementToPayload({ content, startsAt, endsAt, allDay }),
   })
 }
 
-const editAnnouncement = ({ id, credentials, content, startsAt, endsAt, allDay }) => {
+const editAnnouncement = ({
+  id,
+  credentials,
+  content,
+  startsAt,
+  endsAt,
+  allDay,
+}) => {
   return promisedRequest({
     url: PLEROMA_EDIT_ANNOUNCEMENT_URL(id),
     credentials,
     method: 'PATCH',
-    payload: announcementToPayload({ content, startsAt, endsAt, allDay })
+    payload: announcementToPayload({ content, startsAt, endsAt, allDay }),
   })
 }
 
@@ -1482,11 +1670,14 @@ const deleteAnnouncement = ({ id, credentials }) => {
   return promisedRequest({
     url: PLEROMA_DELETE_ANNOUNCEMENT_URL(id),
     credentials,
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
-export const getMastodonSocketURI = ({ credentials, stream, args = {} }, base) => {
+export const getMastodonSocketURI = (
+  { credentials, stream, args = {} },
+  base,
+) => {
   const url = new URL(MASTODON_STREAMING, base)
   if (credentials) {
     url.searchParams.append('access_token', credentials)
@@ -1505,12 +1696,12 @@ const MASTODON_STREAMING_EVENTS = new Set([
   'notification',
   'delete',
   'filters_changed',
-  'status.update'
+  'status.update',
 ])
 
 const PLEROMA_STREAMING_EVENTS = new Set([
   'pleroma:chat_update',
-  'pleroma:respond'
+  'pleroma:respond',
 ])
 
 // A thin wrapper around WebSocket API that allows adding a pre-processor to it
@@ -1519,26 +1710,27 @@ export const ProcessedWS = ({
   url,
   preprocessor = handleMastoWS,
   id = 'Unknown',
-  credentials
+  credentials,
 }) => {
   const eventTarget = new EventTarget()
   const socket = new WebSocket(url)
   if (!socket) throw new Error(`Failed to create socket ${id}`)
-  const proxy = (original, eventName, processor = a => a) => {
+  const proxy = (original, eventName, processor = (a) => a) => {
     original.addEventListener(eventName, (eventData) => {
-      eventTarget.dispatchEvent(new CustomEvent(
-        eventName,
-        { detail: processor(eventData) }
-      ))
+      eventTarget.dispatchEvent(
+        new CustomEvent(eventName, { detail: processor(eventData) }),
+      )
     })
   }
   socket.addEventListener('open', (wsEvent) => {
     console.debug(`[WS][${id}] Socket connected`, wsEvent)
     if (credentials) {
-      socket.send(JSON.stringify({
-        type: 'pleroma:authenticate',
-        token: credentials
-      }))
+      socket.send(
+        JSON.stringify({
+          type: 'pleroma:authenticate',
+          token: credentials,
+        }),
+      )
     }
   })
   socket.addEventListener('error', (wsEvent) => {
@@ -1547,7 +1739,7 @@ export const ProcessedWS = ({
   socket.addEventListener('close', (wsEvent) => {
     console.debug(
       `[WS][${id}] Socket disconnected with code ${wsEvent.code}`,
-      wsEvent
+      wsEvent,
     )
   })
   // Commented code reason: very spammy, uncomment to enable message debug logging
@@ -1570,42 +1762,53 @@ export const ProcessedWS = ({
   proxy(socket, 'error')
 
   // 1000 = Normal Closure
-  eventTarget.close = () => { socket.close(1000, 'Shutting down socket') }
+  eventTarget.close = () => {
+    socket.close(1000, 'Shutting down socket')
+  }
   eventTarget.getState = () => socket.readyState
   eventTarget.subscribe = (stream, args = {}) => {
-    console.debug(
-      `[WS][${id}] Subscribing to stream ${stream} with args`,
-      args
+    console.debug(`[WS][${id}] Subscribing to stream ${stream} with args`, args)
+    socket.send(
+      JSON.stringify({
+        type: 'subscribe',
+        stream,
+        ...args,
+      }),
     )
-    socket.send(JSON.stringify({
-      type: 'subscribe',
-      stream,
-      ...args
-    }))
   }
   eventTarget.unsubscribe = (stream, args = {}) => {
     console.debug(
       `[WS][${id}] Unsubscribing from stream ${stream} with args`,
-      args
+      args,
+    )
+    socket.send(
+      JSON.stringify({
+        type: 'unsubscribe',
+        stream,
+        ...args,
+      }),
     )
-    socket.send(JSON.stringify({
-      type: 'unsubscribe',
-      stream,
-      ...args
-    }))
   }
 
   return eventTarget
 }
 
-export const handleMastoWS = (wsEvent, {
-  onAuthenticated = () => {}
-} = {}) => {
+export const handleMastoWS = (
+  wsEvent,
+  {
+    onAuthenticated = () => {
+      /* no-op */
+    },
+  } = {},
+) => {
   const { data } = wsEvent
   if (!data) return
   const parsedEvent = JSON.parse(data)
   const { event, payload } = parsedEvent
-  if (MASTODON_STREAMING_EVENTS.has(event) || PLEROMA_STREAMING_EVENTS.has(event)) {
+  if (
+    MASTODON_STREAMING_EVENTS.has(event) ||
+    PLEROMA_STREAMING_EVENTS.has(event)
+  ) {
     // MastoBE and PleromaBE both send payload for delete as a PLAIN string
     if (event === 'delete') {
       return { event, id: payload }
@@ -1643,14 +1846,14 @@ export const WSConnectionStatus = Object.freeze({
   ERROR: 3,
   DISABLED: 4,
   STARTING: 5,
-  STARTING_INITIAL: 6
+  STARTING_INITIAL: 6,
 })
 
 const chats = ({ credentials }) => {
   return fetch(PLEROMA_CHATS_URL, { headers: authHeaders(credentials) })
     .then((data) => data.json())
     .then((data) => {
-      return { chats: data.map(parseChat).filter(c => c) }
+      return { chats: data.map(parseChat).filter((c) => c) }
     })
 }
 
@@ -1658,7 +1861,7 @@ const getOrCreateChat = ({ accountId, credentials }) => {
   return promisedRequest({
     url: PLEROMA_CHAT_URL(accountId),
     method: 'POST',
-    credentials
+    credentials,
   })
 }
 
@@ -1667,21 +1870,29 @@ const chatMessages = ({ id, credentials, maxId, sinceId, limit = 20 }) => {
   const args = [
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
-    limit && `limit=${limit}`
-  ].filter(_ => _).join('&')
+    limit && `limit=${limit}`,
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url = url + (args ? '?' + args : '')
 
   return promisedRequest({
     url,
     method: 'GET',
-    credentials
+    credentials,
   })
 }
 
-const sendChatMessage = ({ id, content, mediaId = null, idempotencyKey, credentials }) => {
+const sendChatMessage = ({
+  id,
+  content,
+  mediaId = null,
+  idempotencyKey,
+  credentials,
+}) => {
   const payload = {
-    content
+    content,
   }
 
   if (mediaId) {
@@ -1699,7 +1910,7 @@ const sendChatMessage = ({ id, content, mediaId = null, idempotencyKey, credenti
     method: 'POST',
     payload,
     credentials,
-    headers
+    headers,
   })
 }
 
@@ -1708,9 +1919,9 @@ const readChat = ({ id, lastReadId, credentials }) => {
     url: PLEROMA_CHAT_READ_URL(id),
     method: 'POST',
     payload: {
-      last_read_id: lastReadId
+      last_read_id: lastReadId,
     },
-    credentials
+    credentials,
   })
 }
 
@@ -1718,7 +1929,7 @@ const deleteChatMessage = ({ chatId, messageId, credentials }) => {
   return promisedRequest({
     url: PLEROMA_DELETE_CHAT_MESSAGE_URL(chatId, messageId),
     method: 'DELETE',
-    credentials
+    credentials,
   })
 }
 
@@ -1729,17 +1940,19 @@ const setReportState = ({ id, state, credentials }) => {
     headers: {
       ...authHeaders(credentials),
       Accept: 'application/json',
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
     method: 'PATCH',
     body: JSON.stringify({
-      reports: [{
-        id,
-        state
-      }]
-    })
+      reports: [
+        {
+          id,
+          state,
+        },
+      ],
+    }),
   })
-    .then(data => {
+    .then((data) => {
       if (data.status >= 500) {
         throw Error(data.statusText)
       } else if (data.status >= 400) {
@@ -1747,7 +1960,7 @@ const setReportState = ({ id, state, credentials }) => {
       }
       return data
     })
-    .then(data => {
+    .then((data) => {
       if (data.errors) {
         throw Error(data.errors[0].message)
       }
@@ -1757,47 +1970,44 @@ const setReportState = ({ id, state, credentials }) => {
 // ADMIN STUFF // EXPERIMENTAL
 const fetchInstanceDBConfig = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_CONFIG_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchInstanceConfigDescriptions = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_DESCRIPTIONS_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchAvailableFrontends = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_FRONTENDS_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const pushInstanceDBConfig = ({ credentials, payload }) => {
@@ -1805,20 +2015,19 @@ const pushInstanceDBConfig = ({ credentials, payload }) => {
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     },
     method: 'POST',
-    body: JSON.stringify(payload)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    body: JSON.stringify(payload),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const installFrontend = ({ credentials, payload }) => {
@@ -1826,37 +2035,37 @@ const installFrontend = ({ credentials, payload }) => {
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     },
     method: 'POST',
-    body: JSON.stringify(payload)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    body: JSON.stringify(payload),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchScrobbles = ({ accountId, limit = 1 }) => {
   let url = PLEROMA_SCROBBLES_URL(accountId)
   const params = [['limit', limit]]
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
-  return fetch(url, {})
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+  return fetch(url, {}).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const deleteEmojiPack = ({ name }) => {
@@ -1884,69 +2093,90 @@ const listRemoteEmojiPacks = ({ instance, page, pageSize }) => {
     instance = 'https://' + instance
   }
 
-  return fetch(
-    PLEROMA_EMOJI_PACKS_LS_REMOTE_URL(instance, page, pageSize),
-    {
-      headers: { 'Content-Type': 'application/json' }
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACKS_LS_REMOTE_URL(instance, page, pageSize), {
+    headers: { 'Content-Type': 'application/json' },
+  })
 }
 
 const downloadRemoteEmojiPack = ({ instance, packName, as }) => {
-  return fetch(
-    PLEROMA_EMOJI_PACKS_DL_REMOTE_URL,
-    {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        url: instance, name: packName, as
-      })
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACKS_DL_REMOTE_URL, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      url: instance,
+      name: packName,
+      as,
+    }),
+  })
+}
+
+const downloadRemoteEmojiPackZIP = ({ url, packName, file }) => {
+  const data = new FormData()
+  if (file) data.set('file', file)
+  if (url) data.set('url', url)
+  data.set('name', packName)
+
+  return fetch(PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL, {
+    method: 'POST',
+    body: data,
+  })
 }
 
 const saveEmojiPackMetadata = ({ name, newData }) => {
-  return fetch(
-    PLEROMA_EMOJI_PACK_URL(name),
-    {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ metadata: newData })
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACK_URL(name), {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ metadata: newData }),
+  })
 }
 
 const addNewEmojiFile = ({ packName, file, shortcode, filename }) => {
   const data = new FormData()
-  if (filename.trim() !== '') { data.set('filename', filename) }
-  if (shortcode.trim() !== '') { data.set('shortcode', shortcode) }
+  if (filename.trim() !== '') {
+    data.set('filename', filename)
+  }
+  if (shortcode.trim() !== '') {
+    data.set('shortcode', shortcode)
+  }
   data.set('file', file)
 
-  return fetch(
-    PLEROMA_EMOJI_UPDATE_FILE_URL(packName),
-    { method: 'POST', body: data }
-  )
+  return fetch(PLEROMA_EMOJI_UPDATE_FILE_URL(packName), {
+    method: 'POST',
+    body: data,
+  })
 }
 
-const updateEmojiFile = ({ packName, shortcode, newShortcode, newFilename, force }) => {
-  return fetch(
-    PLEROMA_EMOJI_UPDATE_FILE_URL(packName),
-    {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ shortcode, new_shortcode: newShortcode, new_filename: newFilename, force })
-    }
-  )
+const updateEmojiFile = ({
+  packName,
+  shortcode,
+  newShortcode,
+  newFilename,
+  force,
+}) => {
+  return fetch(PLEROMA_EMOJI_UPDATE_FILE_URL(packName), {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      shortcode,
+      new_shortcode: newShortcode,
+      new_filename: newFilename,
+      force,
+    }),
+  })
 }
 
 const deleteEmojiFile = ({ packName, shortcode }) => {
-  return fetch(`${PLEROMA_EMOJI_UPDATE_FILE_URL(packName)}&shortcode=${shortcode}`, { method: 'DELETE' })
+  return fetch(
+    `${PLEROMA_EMOJI_UPDATE_FILE_URL(packName)}&shortcode=${shortcode}`,
+    { method: 'DELETE' },
+  )
 }
 
 const fetchBookmarkFolders = ({ credentials }) => {
   const url = PLEROMA_BOOKMARK_FOLDERS_URL
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const createBookmarkFolder = ({ name, emoji, credentials }) => {
@@ -1957,7 +2187,7 @@ const createBookmarkFolder = ({ name, emoji, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ name, emoji })
+    body: JSON.stringify({ name, emoji }),
   }).then((data) => data.json())
 }
 
@@ -1969,7 +2199,7 @@ const updateBookmarkFolder = ({ folderId, name, emoji, credentials }) => {
   return fetch(url, {
     headers,
     method: 'PATCH',
-    body: JSON.stringify({ name, emoji })
+    body: JSON.stringify({ name, emoji }),
   }).then((data) => data.json())
 }
 
@@ -1977,7 +2207,7 @@ const deleteBookmarkFolder = ({ folderId, credentials }) => {
   const url = PLEROMA_BOOKMARK_FOLDER_URL(folderId)
   return fetch(url, {
     method: 'DELETE',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
 }
 
@@ -2033,6 +2263,7 @@ const apiService = {
   getCaptcha,
   updateProfileImages,
   updateProfile,
+  updateProfileJSON,
   importMutes,
   importBlocks,
   importFollows,
@@ -2110,10 +2341,11 @@ const apiService = {
   deleteEmojiFile,
   listRemoteEmojiPacks,
   downloadRemoteEmojiPack,
+  downloadRemoteEmojiPackZIP,
   fetchBookmarkFolders,
   createBookmarkFolder,
   updateBookmarkFolder,
-  deleteBookmarkFolder
+  deleteBookmarkFolder,
 }
 
 export default apiService
diff --git a/src/services/attributes_helper/attributes_helper.service.js b/src/services/attributes_helper/attributes_helper.service.js
index 74d3323c9..5b607600e 100644
--- a/src/services/attributes_helper/attributes_helper.service.js
+++ b/src/services/attributes_helper/attributes_helper.service.js
@@ -1,8 +1,9 @@
 import { kebabCase } from 'lodash'
 
-const propsToNative = props => Object.keys(props).reduce((acc, cur) => {
-  acc[kebabCase(cur)] = props[cur]
-  return acc
-}, {})
+const propsToNative = (props) =>
+  Object.keys(props).reduce((acc, cur) => {
+    acc[kebabCase(cur)] = props[cur]
+    return acc
+  }, {})
 
 export { propsToNative }
diff --git a/src/services/backend_interactor_service/backend_interactor_service.js b/src/services/backend_interactor_service/backend_interactor_service.js
index ca3cac53d..adc18ef7f 100644
--- a/src/services/backend_interactor_service/backend_interactor_service.js
+++ b/src/services/backend_interactor_service/backend_interactor_service.js
@@ -1,41 +1,63 @@
-import apiService, { getMastodonSocketURI, ProcessedWS } from '../api/api.service.js'
-import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
-import notificationsFetcher from '../notifications_fetcher/notifications_fetcher.service.js'
+import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
 import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
 import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
-import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
+import apiService, {
+  getMastodonSocketURI,
+  ProcessedWS,
+} from '../api/api.service.js'
+import notificationsFetcher from '../notifications_fetcher/notifications_fetcher.service.js'
+import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 
-const backendInteractorService = credentials => ({
-  startFetchingTimeline ({ timeline, store, userId = false, listId = false, statusId = false, bookmarkFolderId = false, tag }) {
-    return timelineFetcher.startFetching({ timeline, store, credentials, userId, listId, statusId, bookmarkFolderId, tag })
+import { useInstanceStore } from 'src/stores/instance.js'
+
+const backendInteractorService = (credentials) => ({
+  startFetchingTimeline({
+    timeline,
+    store,
+    userId = false,
+    listId = false,
+    statusId = false,
+    bookmarkFolderId = false,
+    tag,
+  }) {
+    return timelineFetcher.startFetching({
+      timeline,
+      store,
+      credentials,
+      userId,
+      listId,
+      statusId,
+      bookmarkFolderId,
+      tag,
+    })
   },
 
-  fetchTimeline (args) {
+  fetchTimeline(args) {
     return timelineFetcher.fetchAndUpdate({ ...args, credentials })
   },
 
-  startFetchingNotifications ({ store }) {
+  startFetchingNotifications({ store }) {
     return notificationsFetcher.startFetching({ store, credentials })
   },
 
-  fetchNotifications (args) {
+  fetchNotifications(args) {
     return notificationsFetcher.fetchAndUpdate({ ...args, credentials })
   },
 
-  startFetchingFollowRequests ({ store }) {
+  startFetchingFollowRequests({ store }) {
     return followRequestFetcher.startFetching({ store, credentials })
   },
 
-  startFetchingLists ({ store }) {
+  startFetchingLists({ store }) {
     return listsFetcher.startFetching({ store, credentials })
   },
 
-  startFetchingBookmarkFolders ({ store }) {
+  startFetchingBookmarkFolders({ store }) {
     return bookmarkFoldersFetcher.startFetching({ store, credentials })
   },
 
-  startUserSocket ({ store }) {
-    const serv = store.rootState.instance.server.replace('http', 'ws')
+  startUserSocket({ store }) {
+    const serv = useInstanceStore().server.replace('http', 'ws')
     const url = getMastodonSocketURI({}, serv)
     return ProcessedWS({ url, id: 'Unified', credentials })
   },
@@ -43,11 +65,11 @@ const backendInteractorService = credentials => ({
   ...Object.entries(apiService).reduce((acc, [key, func]) => {
     return {
       ...acc,
-      [key]: (args) => func({ credentials, ...args })
+      [key]: (args) => func({ credentials, ...args }),
     }
   }, {}),
 
-  verifyCredentials: apiService.verifyCredentials
+  verifyCredentials: apiService.verifyCredentials,
 })
 
 export default backendInteractorService
diff --git a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
index ac83311ca..7b81c19dc 100644
--- a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
+++ b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
@@ -1,13 +1,22 @@
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
+
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const fetchAndUpdate = ({ credentials }) => {
-  return apiService.fetchBookmarkFolders({ credentials })
-    .then(bookmarkFolders => {
-      useBookmarkFoldersStore().setBookmarkFolders(bookmarkFolders)
-    }, () => {})
-    .catch(() => {})
+  return apiService
+    .fetchBookmarkFolders({ credentials })
+    .then(
+      (bookmarkFolders) => {
+        useBookmarkFoldersStore().setBookmarkFolders(bookmarkFolders)
+      },
+      (rej) => {
+        console.error(rej)
+      },
+    )
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
@@ -17,7 +26,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const bookmarkFoldersFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default bookmarkFoldersFetcher
diff --git a/src/services/chat_service/chat_service.js b/src/services/chat_service/chat_service.js
index eb26a0ab8..f6d381d6e 100644
--- a/src/services/chat_service/chat_service.js
+++ b/src/services/chat_service/chat_service.js
@@ -9,7 +9,7 @@ const empty = (chatId) => {
     lastSeenMessageId: '0',
     chatId,
     minId: undefined,
-    maxId: undefined
+    maxId: undefined,
   }
 }
 
@@ -25,7 +25,9 @@ const clear = (storage) => {
     }
   }
 
-  storage.messages = storage.messages.filter(m => failedMessageIds.includes(m.id))
+  storage.messages = storage.messages.filter((m) =>
+    failedMessageIds.includes(m.id),
+  )
   storage.newMessageCount = 0
   storage.lastSeenMessageId = '0'
   storage.minId = undefined
@@ -33,8 +35,10 @@ const clear = (storage) => {
 }
 
 const deleteMessage = (storage, messageId) => {
-  if (!storage) { return }
-  storage.messages = storage.messages.filter(m => m.id !== messageId)
+  if (!storage) {
+    return
+  }
+  storage.messages = storage.messages.filter((m) => m.id !== messageId)
   delete storage.idIndex[messageId]
 
   if (storage.maxId === messageId) {
@@ -65,14 +69,20 @@ const cullOlderMessages = (storage) => {
 }
 
 const handleMessageError = (storage, fakeId, isRetry) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   const fakeMessage = storage.idIndex[fakeId]
   if (fakeMessage) {
     fakeMessage.error = true
     fakeMessage.pending = false
     if (!isRetry) {
       // Ensure the failed message doesn't stay at the bottom of the list.
-      const lastPersistedMessage = _.orderBy(storage.messages, ['pending', 'id'], ['asc', 'desc'])[0]
+      const lastPersistedMessage = _.orderBy(
+        storage.messages,
+        ['pending', 'id'],
+        ['asc', 'desc'],
+      )[0]
       if (lastPersistedMessage) {
         const oldId = fakeMessage.id
         fakeMessage.id = `${lastPersistedMessage.id}-${new Date().getTime()}`
@@ -84,12 +94,16 @@ const handleMessageError = (storage, fakeId, isRetry) => {
 }
 
 const add = (storage, { messages: newMessages, updateMaxId = true }) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   for (let i = 0; i < newMessages.length; i++) {
     const message = newMessages[i]
 
     // sanity check
-    if (message.chat_id !== storage.chatId) { return }
+    if (message.chat_id !== storage.chatId) {
+      return
+    }
 
     if (message.fakeId) {
       const fakeMessage = storage.idIndex[message.fakeId]
@@ -98,7 +112,9 @@ const add = (storage, { messages: newMessages, updateMaxId = true }) => {
         // make sure to remove the older duplicate message.
         if (storage.idIndex[message.id]) {
           delete storage.idIndex[message.id]
-          storage.messages = storage.messages.filter(msg => msg.id !== message.id)
+          storage.messages = storage.messages.filter(
+            (msg) => msg.id !== message.id,
+          )
         }
         Object.assign(fakeMessage, message, { error: false })
         delete fakeMessage.fakeId
@@ -136,17 +152,25 @@ const isConfirmation = (storage, message) => {
 }
 
 const resetNewMessageCount = (storage) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   storage.newMessageCount = 0
   storage.lastSeenMessageId = storage.maxId
 }
 
 // Inserts date separators and marks the head and tail if it's the chain of messages made by the same user
 const getView = (storage) => {
-  if (!storage) { return [] }
+  if (!storage) {
+    return []
+  }
 
   const result = []
-  const messages = _.orderBy(storage.messages, ['pending', 'id'], ['asc', 'asc'])
+  const messages = _.orderBy(
+    storage.messages,
+    ['pending', 'id'],
+    ['asc', 'asc'],
+  )
   const firstMessage = messages[0]
   let previousMessage = messages[messages.length - 1]
   let currentMessageChainId
@@ -157,7 +181,7 @@ const getView = (storage) => {
     result.push({
       type: 'date',
       date,
-      id: date.getTime().toString()
+      id: date.getTime().toString(),
     })
   }
 
@@ -175,7 +199,7 @@ const getView = (storage) => {
       result.push({
         type: 'date',
         date,
-        id: date.getTime().toString()
+        id: date.getTime().toString(),
       })
 
       previousMessage.isTail = true
@@ -188,7 +212,7 @@ const getView = (storage) => {
       data: message,
       date,
       id: message.id,
-      messageChainId: currentMessageChainId
+      messageChainId: currentMessageChainId,
     }
 
     // end a message chian
@@ -198,7 +222,12 @@ const getView = (storage) => {
     }
 
     // start a new message chain
-    if ((previousMessage && previousMessage.data && previousMessage.data.account_id) !== message.account_id || afterDate) {
+    if (
+      (previousMessage &&
+        previousMessage.data &&
+        previousMessage.data.account_id) !== message.account_id ||
+      afterDate
+    ) {
       currentMessageChainId = _.uniqueId()
       object.isHead = true
       object.messageChainId = currentMessageChainId
@@ -220,7 +249,7 @@ const ChatService = {
   cullOlderMessages,
   resetNewMessageCount,
   clear,
-  handleMessageError
+  handleMessageError,
 }
 
 export default ChatService
diff --git a/src/services/chat_utils/chat_utils.js b/src/services/chat_utils/chat_utils.js
index a8da1eed7..6d3181dd1 100644
--- a/src/services/chat_utils/chat_utils.js
+++ b/src/services/chat_utils/chat_utils.js
@@ -2,24 +2,35 @@ import { showDesktopNotification } from '../desktop_notification_utils/desktop_n
 
 export const maybeShowChatNotification = (store, chat) => {
   if (!chat.lastMessage) return
-  if (store.rootState.chats.currentChatId === chat.id && !document.hidden) return
-  if (store.rootState.users.currentUser.id === chat.lastMessage.account_id) return
+  if (store.rootState.chats.currentChatId === chat.id && !document.hidden)
+    return
+  if (store.rootState.users.currentUser.id === chat.lastMessage.account_id)
+    return
 
   const opts = {
     tag: chat.lastMessage.id,
     title: chat.account.name,
     icon: chat.account.profile_image_url,
-    body: chat.lastMessage.content
+    body: chat.lastMessage.content,
   }
 
-  if (chat.lastMessage.attachment && chat.lastMessage.attachment.type === 'image') {
+  if (
+    chat.lastMessage.attachment &&
+    chat.lastMessage.attachment.type === 'image'
+  ) {
     opts.image = chat.lastMessage.attachment.preview_url
   }
 
   showDesktopNotification(store.rootState, opts)
 }
 
-export const buildFakeMessage = ({ content, chatId, attachments, userId, idempotencyKey }) => {
+export const buildFakeMessage = ({
+  content,
+  chatId,
+  attachments,
+  userId,
+  idempotencyKey,
+}) => {
   const fakeMessage = {
     content,
     chat_id: chatId,
@@ -30,7 +41,7 @@ export const buildFakeMessage = ({ content, chatId, attachments, userId, idempot
     idempotency_key: idempotencyKey,
     emojis: [],
     pending: true,
-    isNormalized: true
+    isNormalized: true,
   }
 
   if (attachments[0]) {
diff --git a/src/services/color_convert/color_convert.js b/src/services/color_convert/color_convert.js
index aadbc90ff..9840f9726 100644
--- a/src/services/color_convert/color_convert.js
+++ b/src/services/color_convert/color_convert.js
@@ -1,4 +1,4 @@
-import { invertLightness, contrastRatio, convert } from 'chromatism'
+import { contrastRatio, convert, invertLightness } from 'chromatism'
 
 // useful for visualizing color when debugging
 // const consoleColor = (color) => console.debug('%c##########', 'background: ' + color + '; color: ' + color)
@@ -19,9 +19,9 @@ export const rgb2hex = (r, g, b) => {
     return r
   }
   if (typeof r === 'object') {
-    ({ r, g, b } = r)
+    ;({ r, g, b } = r)
   }
-  [r, g, b] = [r, g, b].map(val => {
+  ;[r, g, b] = [r, g, b].map((val) => {
     val = Math.ceil(val)
     val = val < 0 ? 0 : val
     val = val > 255 ? 255 : val
@@ -137,9 +137,9 @@ export const alphaBlend = (fg, fga, bg) => {
   // Simplified https://en.wikipedia.org/wiki/Alpha_compositing#Alpha_blending
   // for opaque bg and transparent fg
   return {
-    r: (fg.r * fga + bg.r * (1 - fga)),
-    g: (fg.g * fga + bg.g * (1 - fga)),
-    b: (fg.b * fga + bg.b * (1 - fga))
+    r: fg.r * fga + bg.r * (1 - fga),
+    g: fg.g * fga + bg.g * (1 - fga),
+    b: fg.b * fga + bg.b * (1 - fga),
   }
 }
 
@@ -149,15 +149,16 @@ export const alphaBlend = (fg, fga, bg) => {
  * @param {Object} bedrock - layer at the very bottom
  * @param {[Object, Number]} layers[] - layers between text and bedrock
  */
-export const alphaBlendLayers = (bedrock, layers) => layers.reduce((acc, [color, opacity]) => {
-  return alphaBlend(color, opacity, acc)
-}, bedrock)
+export const alphaBlendLayers = (bedrock, layers) =>
+  layers.reduce((acc, [color, opacity]) => {
+    return alphaBlend(color, opacity, acc)
+  }, bedrock)
 
 export const invert = (rgb) => {
   return {
     r: 255 - rgb.r,
     g: 255 - rgb.g,
-    b: 255 - rgb.b
+    b: 255 - rgb.b,
   }
 }
 
@@ -174,7 +175,7 @@ export const hex2rgb = (hex) => {
     ? {
         r: parseInt(result[1], 16),
         g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16)
+        b: parseInt(result[3], 16),
       }
     : null
 }
@@ -190,7 +191,7 @@ export const mixrgb = (a, b) => {
   return {
     r: (a.r + b.r) / 2,
     g: (a.g + b.g) / 2,
-    b: (a.b + b.b) / 2
+    b: (a.b + b.b) / 2,
   }
 }
 
@@ -205,7 +206,7 @@ export const rgba2css = function (rgba) {
     r: 0,
     g: 0,
     b: 0,
-    a: 1
+    a: 1,
   }
 
   if (rgba !== null) {
diff --git a/src/services/completion/completion.js b/src/services/completion/completion.js
index 8fa4f75bc..7bd72536d 100644
--- a/src/services/completion/completion.js
+++ b/src/services/completion/completion.js
@@ -1,4 +1,4 @@
-import { reduce, find } from 'lodash'
+import { find, reduce } from 'lodash'
 
 export const replaceWord = (str, toReplace, replacement) => {
   return str.slice(0, toReplace.start) + replacement + str.slice(toReplace.end)
@@ -12,26 +12,30 @@ export const wordAtPosition = (str, pos) => {
 }
 
 export const addPositionToWords = (words) => {
-  return reduce(words, (result, word) => {
-    const data = {
-      word,
-      start: 0,
-      end: word.length
-    }
+  return reduce(
+    words,
+    (result, word) => {
+      const data = {
+        word,
+        start: 0,
+        end: word.length,
+      }
 
-    if (result.length > 0) {
-      const previous = result.pop()
+      if (result.length > 0) {
+        const previous = result.pop()
 
-      data.start += previous.end
-      data.end += previous.end
+        data.start += previous.end
+        data.end += previous.end
 
-      result.push(previous)
-    }
+        result.push(previous)
+      }
 
-    result.push(data)
+      result.push(data)
 
-    return result
-  }, [])
+      return result
+    },
+    [],
+  )
 }
 
 export const splitByWhitespaceBoundary = (str) => {
@@ -64,7 +68,7 @@ const completion = {
   wordAtPosition,
   addPositionToWords,
   splitByWhitespaceBoundary,
-  replaceWord
+  replaceWord,
 }
 
 export default completion
diff --git a/src/services/component_utils/component_utils.js b/src/services/component_utils/component_utils.js
index 77ea14a10..49a110860 100644
--- a/src/services/component_utils/component_utils.js
+++ b/src/services/component_utils/component_utils.js
@@ -1,10 +1,8 @@
 import isFunction from 'lodash/isFunction'
 
-const getComponentOptions = (Component) => (isFunction(Component)) ? Component.options : Component
+const getComponentOptions = (Component) =>
+  isFunction(Component) ? Component.options : Component
 
 const getComponentProps = (Component) => getComponentOptions(Component).props
 
-export {
-  getComponentOptions,
-  getComponentProps
-}
+export { getComponentOptions, getComponentProps }
diff --git a/src/services/date_utils/date_utils.js b/src/services/date_utils/date_utils.js
index 69398c0cf..06c16fb42 100644
--- a/src/services/date_utils/date_utils.js
+++ b/src/services/date_utils/date_utils.js
@@ -47,17 +47,23 @@ export const relativeTimeShort = (date, nowThreshold = 1) => {
 
 export const unitToSeconds = (unit, amount) => {
   switch (unit) {
-    case 'minutes': return 0.001 * amount * MINUTE
-    case 'hours': return 0.001 * amount * HOUR
-    case 'days': return 0.001 * amount * DAY
+    case 'minutes':
+      return 0.001 * amount * MINUTE
+    case 'hours':
+      return 0.001 * amount * HOUR
+    case 'days':
+      return 0.001 * amount * DAY
   }
 }
 
 export const secondsToUnit = (unit, amount) => {
   switch (unit) {
-    case 'minutes': return (1000 * amount) / MINUTE
-    case 'hours': return (1000 * amount) / HOUR
-    case 'days': return (1000 * amount) / DAY
+    case 'minutes':
+      return (1000 * amount) / MINUTE
+    case 'hours':
+      return (1000 * amount) / HOUR
+    case 'days':
+      return (1000 * amount) / DAY
   }
 }
 
@@ -66,14 +72,15 @@ export const isSameYear = (a, b) => {
 }
 
 export const isSameMonth = (a, b) => {
-  return a.getFullYear() === b.getFullYear() &&
-    a.getMonth() === b.getMonth()
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth()
 }
 
 export const isSameDay = (a, b) => {
-  return a.getFullYear() === b.getFullYear() &&
+  return (
+    a.getFullYear() === b.getFullYear() &&
     a.getMonth() === b.getMonth() &&
     a.getDate() === b.getDate()
+  )
 }
 
 export const durationStrToMs = (str) => {
diff --git a/src/services/desktop_notification_utils/desktop_notification_utils.js b/src/services/desktop_notification_utils/desktop_notification_utils.js
index 7f1493056..cf393aa77 100644
--- a/src/services/desktop_notification_utils/desktop_notification_utils.js
+++ b/src/services/desktop_notification_utils/desktop_notification_utils.js
@@ -1,19 +1,28 @@
 import {
-  showDesktopNotification as swDesktopNotification,
+  isSWSupported,
   closeDesktopNotification as swCloseDesktopNotification,
-  isSWSupported
+  showDesktopNotification as swDesktopNotification,
 } from '../sw/sw.js'
+
 const state = { failCreateNotif: false }
 
 export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
-  if (rootState.notifications.desktopNotificationSilence) { return }
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
+  if (rootState.notifications.desktopNotificationSilence) {
+    return
+  }
 
   if (isSWSupported()) {
     swDesktopNotification(desktopNotificationOpts)
   } else if (!state.failCreateNotif) {
     try {
-      const desktopNotification = new window.Notification(desktopNotificationOpts.title, desktopNotificationOpts)
+      const desktopNotification = new window.Notification(
+        desktopNotificationOpts.title,
+        desktopNotificationOpts,
+      )
       setTimeout(desktopNotification.close.bind(desktopNotification), 5000)
     } catch {
       state.failCreateNotif = true
@@ -22,7 +31,10 @@ export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
 }
 
 export const closeDesktopNotification = (rootState, { id }) => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
 
   if (isSWSupported()) {
     swCloseDesktopNotification({ id })
@@ -30,7 +42,10 @@ export const closeDesktopNotification = (rootState, { id }) => {
 }
 
 export const closeAllDesktopNotifications = () => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
 
   if (isSWSupported()) {
     swCloseDesktopNotification({})
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 61eb5313f..3f1b3e253 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,8 +1,10 @@
-import escape from 'escape-html'
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
-import { isStatusNotification } from '../notification_utils/notification_utils.js'
+import escapeHtml from 'escape-html'
 import punycode from 'punycode.js'
 
+import fileTypeService from '../file_type/file_type.service.js'
+import { isStatusNotification } from '../notification_utils/notification_utils.js'
+
 /** NOTICE! **
  * Do not initialize UI-generated data here.
  * It will override existing data.
@@ -21,16 +23,25 @@ const qvitterStatusType = (status) => {
     return 'retweet'
   }
 
-  if ((typeof status.uri === 'string' && status.uri.match(/(fave|objectType=Favourite)/)) ||
-      (typeof status.text === 'string' && status.text.match(/favorited/))) {
+  if (
+    (typeof status.uri === 'string' &&
+      status.uri.match(/(fave|objectType=Favourite)/)) ||
+    (typeof status.text === 'string' && status.text.match(/favorited/))
+  ) {
     return 'favorite'
   }
 
-  if (status.text.match(/deleted notice {{tag/) || status.qvitter_delete_notice) {
+  if (
+    status.text.match(/deleted notice {{tag/) ||
+    status.qvitter_delete_notice
+  ) {
     return 'deletion'
   }
 
-  if (status.text.match(/started following/) || status.activity_type === 'follow') {
+  if (
+    status.text.match(/started following/) ||
+    status.activity_type === 'follow'
+  ) {
     return 'follow'
   }
 
@@ -39,9 +50,9 @@ const qvitterStatusType = (status) => {
 
 export const parseUser = (data) => {
   const output = {}
-  const masto = Object.prototype.hasOwnProperty.call(data, 'acct')
+  const masto = Object.hasOwn(data, 'acct')
   // case for users in "mentions" property for statuses in MastoAPI
-  const mastoShort = masto && !Object.prototype.hasOwnProperty.call(data, 'avatar')
+  const mastoShort = masto && !Object.hasOwn(data, 'avatar')
 
   output.inLists = null
   output.id = String(data.id)
@@ -52,13 +63,23 @@ export const parseUser = (data) => {
     output.fqn = data.fqn
     output.statusnet_profile_url = data.url
 
+    if (Object.hasOwn(data, 'mute_expires_at')) {
+      output.mute_expires_at =
+        data.mute_expires_at == null ? false : data.mute_expires_at
+    }
+
+    if (Object.hasOwn(data, 'block_expires_at')) {
+      output.block_expires_at =
+        data.block_expires_at == null ? false : data.block_expires_at
+    }
+
     // There's nothing else to get
     if (mastoShort) {
       return output
     }
 
     output.emoji = data.emojis
-    output.name = escape(data.display_name)
+    output.name = escapeHtml(data.display_name)
     output.name_html = output.name
     output.name_unescaped = data.display_name
 
@@ -67,16 +88,16 @@ export const parseUser = (data) => {
     output.description_html = data.note
 
     output.fields = data.fields
-    output.fields_html = data.fields.map(field => {
+    output.fields_html = data.fields.map((field) => {
       return {
-        name: escape(field.name),
-        value: field.value
+        name: escapeHtml(field.name),
+        value: field.value,
       }
     })
-    output.fields_text = data.fields.map(field => {
+    output.fields_text = data.fields.map((field) => {
       return {
         name: unescape(field.name.replace(/<[^>]*>/g, '')),
-        value: unescape(field.value.replace(/<[^>]*>/g, ''))
+        value: unescape(field.value.replace(/<[^>]*>/g, '')),
       }
     })
 
@@ -96,6 +117,7 @@ export const parseUser = (data) => {
     if (data.pleroma) {
       if (data.pleroma.settings_store) {
         output.storage = data.pleroma.settings_store['pleroma-fe']
+        output.user_highlight = data.pleroma.settings_store['user_highlight']
       }
       const relationship = data.pleroma.relationship
 
@@ -117,7 +139,7 @@ export const parseUser = (data) => {
 
       output.rights = {
         moderator: data.pleroma.is_moderator,
-        admin: data.pleroma.is_admin
+        admin: data.pleroma.is_admin,
       }
       // TODO: Clean up in UI? This is duplication from what BE does for qvitterapi
       if (output.rights.admin) {
@@ -147,13 +169,10 @@ export const parseUser = (data) => {
           'moderation_log_read',
           'announcements_manage_announcements',
           'emoji_manage_emoji',
-          'statistics_read'
+          'statistics_read',
         ]
       } else if (data.pleroma.is_moderator) {
-        output.privileges = [
-          'messages_delete',
-          'reports_manage_reports'
-        ]
+        output.privileges = ['messages_delete', 'reports_manage_reports']
       } else {
         output.privileges = []
       }
@@ -201,7 +220,7 @@ export const parseUser = (data) => {
     if (data.rights) {
       output.rights = {
         moderator: data.rights.delete_others_notice,
-        admin: data.rights.admin
+        admin: data.rights.admin,
       }
     }
     output.no_rich_text = data.no_rich_text
@@ -219,7 +238,7 @@ export const parseUser = (data) => {
       muting: data.muted,
       blocking: data.statusnet_blocking,
       followed_by: data.follows_you,
-      following: data.following
+      following: data.following,
     }
   }
 
@@ -235,9 +254,10 @@ export const parseUser = (data) => {
 
     // deactivated was changed to is_active in Pleroma 2.3.0
     // so check if is_active is present
-    output.deactivated = typeof data.pleroma.is_active !== 'undefined'
-      ? !data.pleroma.is_active // new backend
-      : data.pleroma.deactivated // old backend
+    output.deactivated =
+      typeof data.pleroma.is_active !== 'undefined'
+        ? !data.pleroma.is_active // new backend
+        : data.pleroma.deactivated // old backend
 
     output.notification_settings = data.pleroma.notification_settings
     output.unread_chat_count = data.pleroma.unread_chat_count
@@ -267,7 +287,7 @@ export const parseUser = (data) => {
 
 export const parseAttachment = (data) => {
   const output = {}
-  const masto = !Object.prototype.hasOwnProperty.call(data, 'oembed')
+  const masto = !Object.hasOwn(data, 'oembed')
 
   if (masto) {
     // Not exactly same...
@@ -279,6 +299,11 @@ export const parseAttachment = (data) => {
     // output.meta = ??? missing
   }
 
+  if (data.type !== 'unknown') {
+    output.type = data.type
+  } else {
+    output.type = fileTypeService.fileType(output.mimetype)
+  }
   output.url = data.url
   output.large_thumb_url = data.preview_url
   output.description = data.description
@@ -298,7 +323,7 @@ export const parseSource = (data) => {
 
 export const parseStatus = (data) => {
   const output = {}
-  const masto = Object.prototype.hasOwnProperty.call(data, 'account')
+  const masto = Object.hasOwn(data, 'account')
 
   if (masto) {
     output.favorited = data.favourited
@@ -322,14 +347,19 @@ export const parseStatus = (data) => {
     const { pleroma } = data
 
     if (data.pleroma) {
-      output.text = pleroma.content ? data.pleroma.content['text/plain'] : data.content
-      output.summary = pleroma.spoiler_text ? data.pleroma.spoiler_text['text/plain'] : data.spoiler_text
+      output.text = pleroma.content
+        ? data.pleroma.content['text/plain']
+        : data.content
+      output.summary = pleroma.spoiler_text
+        ? data.pleroma.spoiler_text['text/plain']
+        : data.spoiler_text
       output.statusnet_conversation_id = data.pleroma.conversation_id
       output.is_local = pleroma.local
       output.in_reply_to_screen_name = pleroma.in_reply_to_account_acct
       output.thread_muted = pleroma.thread_muted
       output.emoji_reactions = pleroma.emoji_reactions
-      output.parent_visible = pleroma.parent_visible === undefined ? true : pleroma.parent_visible
+      output.parent_visible =
+        pleroma.parent_visible === undefined ? true : pleroma.parent_visible
       output.quote_visible = pleroma.quote_visible || true
       output.quotes_count = pleroma.quotes_count
       output.bookmark_folder_id = pleroma.bookmark_folder
@@ -339,9 +369,10 @@ export const parseStatus = (data) => {
     }
 
     const quoteRaw = pleroma?.quote || data.quote
-    const quoteData =  quoteRaw ? parseStatus(quoteRaw) : undefined
+    const quoteData = quoteRaw ? parseStatus(quoteRaw) : undefined
     output.quote = quoteData
-    output.quote_id = data.quote?.id ?? data.quote_id ?? quoteData?.id ?? pleroma.quote_id
+    output.quote_id =
+      data.quote?.id ?? data.quote_id ?? quoteData?.id ?? pleroma.quote_id
     output.quote_url = data.quote?.url ?? quoteData?.url ?? pleroma.quote_url
 
     output.in_reply_to_status_id = data.in_reply_to_id
@@ -352,13 +383,13 @@ export const parseStatus = (data) => {
       output.retweeted_status = parseStatus(data.reblog)
     }
 
-    output.summary_raw_html = escape(data.spoiler_text)
+    output.summary_raw_html = escapeHtml(data.spoiler_text)
     output.external_url = data.url
     output.poll = data.poll
     if (output.poll) {
-      output.poll.options = (output.poll.options || []).map(field => ({
+      output.poll.options = (output.poll.options || []).map((field) => ({
         ...field,
-        title_html: escape(field.title)
+        title_html: escapeHtml(field.title),
       }))
     }
     output.pinned = data.pinned
@@ -417,10 +448,13 @@ export const parseStatus = (data) => {
 
   output.user = parseUser(masto ? data.account : data.user)
 
-  output.attentions = ((masto ? data.mentions : data.attentions) || []).map(parseUser)
+  output.attentions = ((masto ? data.mentions : data.attentions) || []).map(
+    parseUser,
+  )
 
-  output.attachments = ((masto ? data.media_attachments : data.attachments) || [])
-    .map(parseAttachment)
+  output.attachments = (
+    (masto ? data.media_attachments : data.attachments) || []
+  ).map(parseAttachment)
 
   const retweetedStatus = masto ? data.reblog : data.retweeted_status
   if (retweetedStatus) {
@@ -430,7 +464,7 @@ export const parseStatus = (data) => {
   output.favoritedBy = []
   output.rebloggedBy = []
 
-  if (Object.prototype.hasOwnProperty.call(data, 'originalStatus')) {
+  if (Object.hasOwn(data, 'originalStatus')) {
     Object.assign(output, data.originalStatus)
   }
 
@@ -440,9 +474,9 @@ export const parseStatus = (data) => {
 export const parseNotification = (data) => {
   const mastoDict = {
     favourite: 'like',
-    reblog: 'repeat'
+    reblog: 'repeat',
   }
-  const masto = !Object.prototype.hasOwnProperty.call(data, 'ntype')
+  const masto = !Object.hasOwn(data, 'ntype')
   const output = {}
 
   if (masto) {
@@ -450,10 +484,11 @@ export const parseNotification = (data) => {
     output.seen = data.pleroma.is_seen
     // TODO: null check should be a temporary fix, I guess.
     // Investigate why backend does this.
-    output.status = isStatusNotification(output.type) && data.status !== null ? parseStatus(data.status) : null
-    output.target = output.type !== 'move'
-      ? null
-      : parseUser(data.target)
+    output.status =
+      isStatusNotification(output.type) && data.status !== null
+        ? parseStatus(data.status)
+        : null
+    output.target = output.type !== 'move' ? null : parseUser(data.target)
     output.from_profile = parseUser(data.account)
     output.emoji = data.emoji
     output.emoji_url = data.emoji_url
@@ -468,11 +503,15 @@ export const parseNotification = (data) => {
     const parsedNotice = parseStatus(data.notice)
     output.type = data.ntype
     output.seen = Boolean(data.is_seen)
-    output.status = output.type === 'like'
-      ? parseStatus(data.notice.favorited_status)
-      : parsedNotice
+    output.status =
+      output.type === 'like'
+        ? parseStatus(data.notice.favorited_status)
+        : parsedNotice
     output.action = parsedNotice
-    output.from_profile = output.type === 'pleroma:chat_mention' ? parseUser(data.account) : parseUser(data.from_profile)
+    output.from_profile =
+      output.type === 'pleroma:chat_mention'
+        ? parseUser(data.account)
+        : parseUser(data.from_profile)
   }
 
   output.created_at = new Date(data.created_at)
@@ -483,7 +522,10 @@ export const parseNotification = (data) => {
 
 const isNsfw = (status) => {
   const nsfwRegex = /#nsfw/i
-  return (status.tags || []).includes('nsfw') || !!(status.text || '').match(nsfwRegex)
+  return (
+    (status.tags || []).includes('nsfw') ||
+    !!(status.text || '').match(nsfwRegex)
+  )
 }
 
 export const parseLinkHeaderPagination = (linkHeader, opts = {}) => {
@@ -495,7 +537,7 @@ export const parseLinkHeaderPagination = (linkHeader, opts = {}) => {
 
   return {
     maxId: flakeId ? maxId : parseInt(maxId, 10),
-    minId: flakeId ? minId : parseInt(minId, 10)
+    minId: flakeId ? minId : parseInt(minId, 10),
   }
 }
 
@@ -510,8 +552,12 @@ export const parseChat = (chat) => {
 }
 
 export const parseChatMessage = (message) => {
-  if (!message) { return }
-  if (message.isNormalized) { return message }
+  if (!message) {
+    return
+  }
+  if (message.isNormalized) {
+    return message
+  }
   const output = message
   output.id = message.id
   output.created_at = new Date(message.created_at)
diff --git a/src/services/errors/errors.js b/src/services/errors/errors.js
index f0cc6dad7..41829eb19 100644
--- a/src/services/errors/errors.js
+++ b/src/services/errors/errors.js
@@ -1,6 +1,6 @@
 import { capitalize } from 'lodash'
 
-function humanizeErrors (errors) {
+function humanizeErrors(errors) {
   return Object.entries(errors).reduce((errs, [k, val]) => {
     const message = val.reduce((acc, message) => {
       const key = capitalize(k.replace(/_/g, ' '))
@@ -10,15 +10,17 @@ function humanizeErrors (errors) {
   }, [])
 }
 
-export function StatusCodeError (statusCode, body, options, response) {
+export function StatusCodeError(statusCode, body, options, response) {
   this.name = 'StatusCodeError'
   this.statusCode = statusCode
-  this.message = statusCode + ' - ' + (JSON && JSON.stringify ? JSON.stringify(body) : body)
+  this.message =
+    statusCode + ' - ' + (JSON && JSON.stringify ? JSON.stringify(body) : body)
   this.error = body // legacy attribute
   this.options = options
   this.response = response
 
-  if (Error.captureStackTrace) { // required for non-V8 environments
+  if (Error.captureStackTrace) {
+    // required for non-V8 environments
     Error.captureStackTrace(this)
   }
 }
@@ -26,7 +28,7 @@ StatusCodeError.prototype = Object.create(Error.prototype)
 StatusCodeError.prototype.constructor = StatusCodeError
 
 export class RegistrationError extends Error {
-  constructor (error) {
+  constructor(error) {
     super()
     if (Error.captureStackTrace) {
       Error.captureStackTrace(this)
@@ -37,7 +39,7 @@ export class RegistrationError extends Error {
       if (typeof error === 'string') {
         error = JSON.parse(error)
         // eslint-disable-next-line
-        if (error.hasOwnProperty('error')) {
+        if (Object.hasOwn(error, 'error')) {
           error = JSON.parse(error.error)
         }
       }
diff --git a/src/services/export_import/export_import.js b/src/services/export_import/export_import.js
index dc1172e6d..c6a5ec334 100644
--- a/src/services/export_import/export_import.js
+++ b/src/services/export_import/export_import.js
@@ -4,9 +4,9 @@ export const newExporter = ({
   filename = 'data',
   mime = 'application/json',
   extension = 'json',
-  getExportedObject
+  getExportedObject,
 }) => ({
-  exportData () {
+  exportData() {
     let stringified
     if (mime === 'application/json') {
       stringified = utf8.encode(JSON.stringify(getExportedObject(), null, 2)) // Pretty-print and indent with 2 spaces
@@ -24,7 +24,7 @@ export const newExporter = ({
     document.body.appendChild(e)
     e.click()
     document.body.removeChild(e)
-  }
+  },
 })
 
 export const newImporter = ({
@@ -32,14 +32,14 @@ export const newImporter = ({
   parser = (string) => JSON.parse(string),
   onImport,
   onImportFailure,
-  validator = () => true
+  validator = () => true,
 }) => ({
-  importData () {
+  importData() {
     const filePicker = document.createElement('input')
     filePicker.setAttribute('type', 'file')
     filePicker.setAttribute('accept', accept)
 
-    filePicker.addEventListener('change', event => {
+    filePicker.addEventListener('change', (event) => {
       if (event.target.files[0]) {
         const filename = event.target.files[0].name
 
@@ -64,5 +64,5 @@ export const newImporter = ({
     document.body.appendChild(filePicker)
     filePicker.click()
     document.body.removeChild(filePicker)
-  }
+  },
 })
diff --git a/src/services/favicon_service/favicon_service.js b/src/services/favicon_service/favicon_service.js
index 9cbe65449..f489db534 100644
--- a/src/services/favicon_service/favicon_service.js
+++ b/src/services/favicon_service/favicon_service.js
@@ -1,18 +1,18 @@
 const checkCanvasExtractPermission = () => {
-  const canvas = document.createElement('canvas');
-  canvas.width = 1;
-  canvas.height = 1;
+  const canvas = document.createElement('canvas')
+  canvas.width = 1
+  canvas.height = 1
 
-  const ctx = canvas.getContext('2d');
-  if (!ctx) return false;
+  const ctx = canvas.getContext('2d')
+  if (!ctx) return false
 
-  ctx.fillStyle = '#0f161e';
-  ctx.fillRect(0, 0, 1, 1);
+  ctx.fillStyle = '#0f161e'
+  ctx.fillRect(0, 0, 1, 1)
 
-  const { data } = ctx.getImageData(0, 0, 1, 1);
+  const { data } = ctx.getImageData(0, 0, 1, 1)
 
-  return data.join(',') === '15,22,30,255';
-};
+  return data.join(',') === '15,22,30,255'
+}
 
 const createFaviconService = () => {
   const favicons = []
@@ -21,10 +21,10 @@ const createFaviconService = () => {
   const badgeRadius = 32
 
   const initFaviconService = () => {
-    if (!checkCanvasExtractPermission()) return;
+    if (!checkCanvasExtractPermission()) return
 
     const nodes = document.querySelectorAll('link[rel="icon"]')
-    nodes.forEach(favicon => {
+    nodes.forEach((favicon) => {
       if (favicon) {
         const favcanvas = document.createElement('canvas')
         favcanvas.width = faviconWidth
@@ -47,7 +47,17 @@ const createFaviconService = () => {
 
       favcontext.clearRect(0, 0, faviconWidth, faviconHeight)
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight)
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        )
       }
       favicon.href = favcanvas.toDataURL('image/png')
     })
@@ -63,11 +73,28 @@ const createFaviconService = () => {
       const badgeColor = `${style.getPropertyValue('--badgeNotification') || 'rgb(240, 100, 100)'}`
 
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight)
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        )
       }
       favcontext.fillStyle = badgeColor
       favcontext.beginPath()
-      favcontext.arc(faviconWidth - badgeRadius, badgeRadius, badgeRadius, 0, 2 * Math.PI, false)
+      favcontext.arc(
+        faviconWidth - badgeRadius,
+        badgeRadius,
+        badgeRadius,
+        0,
+        2 * Math.PI,
+        false,
+      )
       favcontext.fill()
       favicon.href = favcanvas.toDataURL('image/png')
     })
@@ -79,7 +106,7 @@ const createFaviconService = () => {
     initFaviconService,
     clearFaviconBadge,
     drawFaviconBadge,
-    getOriginalFavicons
+    getOriginalFavicons,
   }
 }
 
diff --git a/src/services/file_size_format/file_size_format.js b/src/services/file_size_format/file_size_format.js
index 17deb09b2..536c228fb 100644
--- a/src/services/file_size_format/file_size_format.js
+++ b/src/services/file_size_format/file_size_format.js
@@ -5,12 +5,15 @@ const fileSizeFormat = (numArg) => {
     return num + ' ' + units[0]
   }
 
-  const exponent = Math.min(Math.floor(Math.log(num) / Math.log(1024)), units.length - 1)
+  const exponent = Math.min(
+    Math.floor(Math.log(num) / Math.log(1024)),
+    units.length - 1,
+  )
   num = (num / Math.pow(1024, exponent)).toFixed(2) * 1
   const unit = units[exponent]
   return { num, unit }
 }
 const fileSizeFormatService = {
-  fileSizeFormat
+  fileSizeFormat,
 }
 export default fileSizeFormatService
diff --git a/src/services/file_type/file_type.service.js b/src/services/file_type/file_type.service.js
index f7989ffed..02f659eec 100644
--- a/src/services/file_type/file_type.service.js
+++ b/src/services/file_type/file_type.service.js
@@ -1,7 +1,7 @@
 // TODO this func might as well take the entire file and use its mimetype
 // or the entire service could be just mimetype service that only operates
 // on mimetypes and not files. Currently the naming is confusing.
-export const fileType = mimetype => {
+export const fileType = (mimetype) => {
   if (mimetype.match(/flash/)) {
     return 'flash'
   }
@@ -25,26 +25,30 @@ export const fileType = mimetype => {
   return 'unknown'
 }
 
-export const fileTypeExt = url => {
+export const fileTypeExt = (url) => {
   if (url.match(/\.(a?png|jpe?g|gif|webp|avif)$/)) {
     return 'image'
   }
   if (url.match(/\.(ogv|mp4|webm|mov)$/)) {
     return 'video'
   }
-  if (url.match(/\.(it|s3m|mod|umx|mp3|aac|m4a|flac|alac|ogg|oga|opus|wav|ape|midi?)$/)) {
+  if (
+    url.match(
+      /\.(it|s3m|mod|umx|mp3|aac|m4a|flac|alac|ogg|oga|opus|wav|ape|midi?)$/,
+    )
+  ) {
     return 'audio'
   }
   return 'unknown'
 }
 
 export const fileMatchesSomeType = (types, file) =>
-  types.some(type => fileType(file.mimetype) === type)
+  types.some((type) => fileType(file.mimetype) === type)
 
 const fileTypeService = {
   fileType,
   fileTypeExt,
-  fileMatchesSomeType
+  fileMatchesSomeType,
 }
 
 export default fileTypeService
diff --git a/src/services/follow_manipulate/follow_manipulate.js b/src/services/follow_manipulate/follow_manipulate.js
index 41c0acc75..209a5f0c0 100644
--- a/src/services/follow_manipulate/follow_manipulate.js
+++ b/src/services/follow_manipulate/follow_manipulate.js
@@ -1,52 +1,64 @@
-const fetchRelationship = (attempt, userId, store) => new Promise((resolve, reject) => {
-  setTimeout(() => {
-    store.state.api.backendInteractor.fetchUserRelationship({ id: userId })
-      .then((relationship) => {
-        store.commit('updateUserRelationship', [relationship])
-        return relationship
-      })
-      .then((relationship) => resolve([relationship.following, relationship.requested, relationship.locked, attempt]))
-      .catch((e) => reject(e))
-  }, 500)
-}).then(([following, sent, locked, attempt]) => {
-  if (!following && !(locked && sent) && attempt <= 3) {
-    // If we BE reports that we still not following that user - retry,
-    // increment attempts by one
-    fetchRelationship(++attempt, userId, store)
-  }
-})
+const fetchRelationship = (attempt, userId, store) =>
+  new Promise((resolve, reject) => {
+    setTimeout(() => {
+      store.state.api.backendInteractor
+        .fetchUserRelationship({ id: userId })
+        .then((relationship) => {
+          store.commit('updateUserRelationship', [relationship])
+          return relationship
+        })
+        .then((relationship) =>
+          resolve([
+            relationship.following,
+            relationship.requested,
+            relationship.locked,
+            attempt,
+          ]),
+        )
+        .catch((e) => reject(e))
+    }, 500)
+  }).then(([following, sent, locked, attempt]) => {
+    if (!following && !(locked && sent) && attempt <= 3) {
+      // If we BE reports that we still not following that user - retry,
+      // increment attempts by one
+      fetchRelationship(++attempt, userId, store)
+    }
+  })
 
-export const requestFollow = (userId, store) => new Promise((resolve) => {
-  store.state.api.backendInteractor.followUser({ id: userId })
-    .then((updated) => {
-      store.commit('updateUserRelationship', [updated])
+export const requestFollow = (userId, store) =>
+  new Promise((resolve) => {
+    store.state.api.backendInteractor
+      .followUser({ id: userId })
+      .then((updated) => {
+        store.commit('updateUserRelationship', [updated])
 
-      if (updated.following || (updated.locked && updated.requested)) {
-        // If we get result immediately or the account is locked, just stop.
-        resolve()
-        return
-      }
+        if (updated.following || (updated.locked && updated.requested)) {
+          // If we get result immediately or the account is locked, just stop.
+          resolve()
+          return
+        }
 
-      // But usually we don't get result immediately, so we ask server
-      // for updated user profile to confirm if we are following them
-      // Sometimes it takes several tries. Sometimes we end up not following
-      // user anyway, probably because they locked themselves and we
-      // don't know that yet.
-      // Recursive Promise, it will call itself up to 3 times.
+        // But usually we don't get result immediately, so we ask server
+        // for updated user profile to confirm if we are following them
+        // Sometimes it takes several tries. Sometimes we end up not following
+        // user anyway, probably because they locked themselves and we
+        // don't know that yet.
+        // Recursive Promise, it will call itself up to 3 times.
 
-      return fetchRelationship(1, updated, store)
-        .then(() => {
+        return fetchRelationship(1, updated, store).then(() => {
           resolve()
         })
-    })
-})
-
-export const requestUnfollow = (userId, store) => new Promise((resolve) => {
-  store.state.api.backendInteractor.unfollowUser({ id: userId })
-    .then((updated) => {
-      store.commit('updateUserRelationship', [updated])
-      resolve({
-        updated
       })
-    })
-})
+  })
+
+export const requestUnfollow = (userId, store) =>
+  new Promise((resolve) => {
+    store.state.api.backendInteractor
+      .unfollowUser({ id: userId })
+      .then((updated) => {
+        store.commit('updateUserRelationship', [updated])
+        resolve({
+          updated,
+        })
+      })
+  })
diff --git a/src/services/follow_request_fetcher/follow_request_fetcher.service.js b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
index 74af40815..530c98aa7 100644
--- a/src/services/follow_request_fetcher/follow_request_fetcher.service.js
+++ b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
@@ -2,12 +2,20 @@ import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
 const fetchAndUpdate = ({ store, credentials }) => {
-  return apiService.fetchFollowRequests({ credentials })
-    .then((requests) => {
-      store.commit('setFollowRequests', requests)
-      store.commit('addNewUsers', requests)
-    }, () => {})
-    .catch(() => {})
+  return apiService
+    .fetchFollowRequests({ credentials })
+    .then(
+      (requests) => {
+        store.commit('setFollowRequests', requests)
+        store.commit('addNewUsers', requests)
+      },
+      (rej) => {
+        console.error(rej)
+      },
+    )
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
@@ -17,7 +25,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const followRequestFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default followRequestFetcher
diff --git a/src/services/gesture_service/gesture_service.js b/src/services/gesture_service/gesture_service.js
index 74e3b3291..ff11775d5 100644
--- a/src/services/gesture_service/gesture_service.js
+++ b/src/services/gesture_service/gesture_service.js
@@ -5,22 +5,25 @@ const DIRECTION_DOWN = [0, 1]
 
 const BUTTON_LEFT = 0
 
-const deltaCoord = (oldCoord, newCoord) => [newCoord[0] - oldCoord[0], newCoord[1] - oldCoord[1]]
+const deltaCoord = (oldCoord, newCoord) => [
+  newCoord[0] - oldCoord[0],
+  newCoord[1] - oldCoord[1],
+]
 
-const touchCoord = touch => [touch.screenX, touch.screenY]
+const touchCoord = (touch) => [touch.screenX, touch.screenY]
 
-const touchEventCoord = e => touchCoord(e.touches[0])
+const touchEventCoord = (e) => touchCoord(e.touches[0])
 
-const pointerEventCoord = e => [e.clientX, e.clientY]
+const pointerEventCoord = (e) => [e.clientX, e.clientY]
 
-const vectorLength = v => Math.sqrt(v[0] * v[0] + v[1] * v[1])
+const vectorLength = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1])
 
-const perpendicular = v => [v[1], -v[0]]
+const perpendicular = (v) => [v[1], -v[0]]
 
 const dotProduct = (v1, v2) => v1[0] * v2[0] + v1[1] * v2[1]
 
 const project = (v1, v2) => {
-  const scalar = (dotProduct(v1, v2) / dotProduct(v2, v2))
+  const scalar = dotProduct(v1, v2) / dotProduct(v2, v2)
   return [scalar * v2[0], scalar * v2[1]]
 }
 
@@ -30,14 +33,19 @@ const project = (v1, v2) => {
 // divergentTolerance: a scalar for much of divergent direction we tolerate when
 //    above threshold. for example, with 1.0 we only call the callback if
 //    divergent component of delta is < 1.0 * direction component of delta.
-const swipeGesture = (direction, onSwipe, threshold = 30, perpendicularTolerance = 1.0) => {
+const swipeGesture = (
+  direction,
+  onSwipe,
+  threshold = 30,
+  perpendicularTolerance = 1.0,
+) => {
   return {
     direction,
     onSwipe,
     threshold,
     perpendicularTolerance,
     _startPos: [0, 0],
-    _swiping: false
+    _swiping: false,
   }
 }
 
@@ -60,7 +68,8 @@ const updateSwipe = (event, gesture) => {
   if (
     vectorLength(towardsDir) * gesture.perpendicularTolerance <
     vectorLength(towardsPerpendicular)
-  ) return
+  )
+    return
 
   gesture.onSwipe()
   gesture._swiping = false
@@ -73,7 +82,7 @@ class SwipeAndClickGesture {
   //   sign: if the swipe does not meet the threshold, 0
   //         if the swipe meets the threshold in the positive direction, 1
   //         if the swipe meets the threshold in the negative direction, -1
-  constructor ({
+  constructor({
     direction,
     // swipeStartCallback
     swipePreviewCallback,
@@ -82,21 +91,27 @@ class SwipeAndClickGesture {
     swipelessClickCallback,
     threshold = 30,
     perpendicularTolerance = 1.0,
-    disableClickThreshold = 1
+    disableClickThreshold = 1,
   }) {
-    const nop = () => {}
+    const noop = () => {
+      /* no-op */
+    }
     this.direction = direction
-    this.swipePreviewCallback = swipePreviewCallback || nop
-    this.swipeEndCallback = swipeEndCallback || nop
-    this.swipeCancelCallback = swipeCancelCallback || nop
-    this.swipelessClickCallback = swipelessClickCallback || nop
-    this.threshold = typeof threshold === 'function' ? threshold : () => threshold
-    this.disableClickThreshold = typeof disableClickThreshold === 'function' ? disableClickThreshold : () => disableClickThreshold
+    this.swipePreviewCallback = swipePreviewCallback || noop
+    this.swipeEndCallback = swipeEndCallback || noop
+    this.swipeCancelCallback = swipeCancelCallback || noop
+    this.swipelessClickCallback = swipelessClickCallback || noop
+    this.threshold =
+      typeof threshold === 'function' ? threshold : () => threshold
+    this.disableClickThreshold =
+      typeof disableClickThreshold === 'function'
+        ? disableClickThreshold
+        : () => disableClickThreshold
     this.perpendicularTolerance = perpendicularTolerance
     this._reset()
   }
 
-  _reset () {
+  _reset() {
     this._startPos = [0, 0]
     this._pointerId = -1
     this._swiping = false
@@ -104,7 +119,7 @@ class SwipeAndClickGesture {
     this._preventNextClick = false
   }
 
-  start (event) {
+  start(event) {
     // Only handle left click
     if (event.button !== BUTTON_LEFT) {
       return
@@ -116,7 +131,7 @@ class SwipeAndClickGesture {
     this._swiped = false
   }
 
-  move (event) {
+  move(event) {
     if (this._swiping && this._pointerId === event.pointerId) {
       this._swiped = true
 
@@ -127,7 +142,7 @@ class SwipeAndClickGesture {
     }
   }
 
-  cancel (event) {
+  cancel(event) {
     if (!this._swiping || this._pointerId !== event.pointerId) {
       return
     }
@@ -135,7 +150,7 @@ class SwipeAndClickGesture {
     this.swipeCancelCallback()
   }
 
-  end (event) {
+  end(event) {
     if (!this._swiping) {
       return
     }
@@ -163,7 +178,7 @@ class SwipeAndClickGesture {
       const towardsPerpendicular = project(delta, perpendicularDir)
       if (
         vectorLength(towardsDir) * this.perpendicularTolerance <
-          vectorLength(towardsPerpendicular)
+        vectorLength(towardsPerpendicular)
       ) {
         return 0
       }
@@ -179,12 +194,15 @@ class SwipeAndClickGesture {
     // the end point is far from the starting point
     // so for other kinds of pointers do not check
     // whether we have swiped
-    if (vectorLength(delta) >= this.disableClickThreshold() && event.pointerType === 'mouse') {
+    if (
+      vectorLength(delta) >= this.disableClickThreshold() &&
+      event.pointerType === 'mouse'
+    ) {
       this._preventNextClick = true
     }
   }
 
-  click () {
+  click() {
     if (!this._preventNextClick) {
       this.swipelessClickCallback()
     }
@@ -200,7 +218,7 @@ const GestureService = {
   swipeGesture,
   beginSwipe,
   updateSwipe,
-  SwipeAndClickGesture
+  SwipeAndClickGesture,
 }
 
 export default GestureService
diff --git a/src/services/html_converter/html_line_converter.service.js b/src/services/html_converter/html_line_converter.service.js
index 9c3d1f19f..0e3335dfa 100644
--- a/src/services/html_converter/html_line_converter.service.js
+++ b/src/services/html_converter/html_line_converter.service.js
@@ -22,16 +22,58 @@ export const convertHtmlToLines = (html = '') => {
   // Elements that are implicitly self-closing
   // https://developer.mozilla.org/en-US/docs/Glossary/empty_element
   const emptyElements = new Set([
-    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
-    'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
   ])
   // Block-level element (they make a visual line)
   // https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
   const blockElements = new Set([
-    'address', 'article', 'aside', 'blockquote', 'details', 'dialog', 'dd',
-    'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer', 'form',
-    'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main',
-    'nav', 'ol', 'p', 'pre', 'section', 'table', 'ul'
+    'address',
+    'article',
+    'aside',
+    'blockquote',
+    'details',
+    'dialog',
+    'dd',
+    'div',
+    'dl',
+    'dt',
+    'fieldset',
+    'figcaption',
+    'figure',
+    'footer',
+    'form',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'header',
+    'hgroup',
+    'hr',
+    'li',
+    'main',
+    'nav',
+    'ol',
+    'p',
+    'pre',
+    'section',
+    'table',
+    'ul',
   ])
   // br is very weird in a way that it's technically not block-level, it's
   // essentially converted to a \n (or \r\n). There's also wbr but it doesn't
@@ -40,7 +82,7 @@ export const convertHtmlToLines = (html = '') => {
 
   const visualLineElements = new Set([
     ...blockElements.values(),
-    ...linebreakElements.values()
+    ...linebreakElements.values(),
   ])
 
   // All block-level elements that aren't empty elements, i.e. not <hr>
@@ -53,7 +95,7 @@ export const convertHtmlToLines = (html = '') => {
   // All elements that we are recognizing
   const allElements = new Set([
     ...nonEmptyElements.values(),
-    ...emptyElements.values()
+    ...emptyElements.values(),
   ])
 
   const buffer = [] // Current output buffer
@@ -61,7 +103,8 @@ export const convertHtmlToLines = (html = '') => {
   let textBuffer = '' // Current line content
   let tagBuffer = null // Current tag buffer, if null = we are not currently reading a tag
 
-  const flush = () => { // Processes current line buffer, adds it to output buffer and clears line buffer
+  const flush = () => {
+    // Processes current line buffer, adds it to output buffer and clears line buffer
     if (textBuffer.trim().length > 0) {
       buffer.push({ level: [...level], text: textBuffer })
     } else {
@@ -70,23 +113,27 @@ export const convertHtmlToLines = (html = '') => {
     textBuffer = ''
   }
 
-  const handleBr = (tag) => { // handles single newlines/linebreaks/selfclosing
+  const handleBr = (tag) => {
+    // handles single newlines/linebreaks/selfclosing
     flush()
     buffer.push(tag)
   }
 
-  const handleOpen = (tag) => { // handles opening tags
+  const handleOpen = (tag) => {
+    // handles opening tags
     flush()
     buffer.push(tag)
     level.unshift(getTagName(tag))
   }
 
-  const handleClose = (tag) => { // handles closing tags
+  const handleClose = (tag) => {
+    // handles closing tags
     if (level[0] === getTagName(tag)) {
       flush()
       buffer.push(tag)
       level.shift()
-    } else { // Broken case
+    } else {
+      // Broken case
       textBuffer += tag
     }
   }
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index 247a81736..4e2df2762 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,5 +1,6 @@
+import { unescape as ldUnescape } from 'lodash'
+
 import { getTagName } from './utility.service.js'
-import { unescape } from 'lodash'
 
 /**
  * This is a not-so-tiny purpose-built HTML parser/processor. This parses html
@@ -24,8 +25,21 @@ export const convertHtmlToTree = (html = '') => {
   // Elements that are implicitly self-closing
   // https://developer.mozilla.org/en-US/docs/Glossary/empty_element
   const emptyElements = new Set([
-    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
-    'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
   ])
   // TODO For future - also parse HTML5 multi-source components?
 
@@ -38,7 +52,8 @@ export const convertHtmlToTree = (html = '') => {
     return levels[levels.length - 1][1]
   }
 
-  const flushText = () => { // Processes current line buffer, adds it to output buffer and clears line buffer
+  const flushText = () => {
+    // Processes current line buffer, adds it to output buffer and clears line buffer
     if (textBuffer === '') return
     getCurrentBuffer().push(textBuffer)
     textBuffer = ''
@@ -50,7 +65,7 @@ export const convertHtmlToTree = (html = '') => {
 
   const handleOpen = (tag) => {
     const curBuf = getCurrentBuffer()
-    const newLevel = [unescape(tag), []]
+    const newLevel = [ldUnescape(tag), []]
     levels.push(newLevel)
     curBuf.push(newLevel)
   }
@@ -79,7 +94,10 @@ export const convertHtmlToTree = (html = '') => {
       const tagName = getTagName(tagFull)
       if (tagFull[1] === '/') {
         handleClose(tagFull)
-      } else if (emptyElements.has(tagName) || tagFull[tagFull.length - 2] === '/') {
+      } else if (
+        emptyElements.has(tagName) ||
+        tagFull[tagFull.length - 2] === '/'
+      ) {
         // self-closing
         handleSelfClosing(tagFull)
       } else {
diff --git a/src/services/html_converter/utility.service.js b/src/services/html_converter/utility.service.js
index 894b9ab05..684f96ca1 100644
--- a/src/services/html_converter/utility.service.js
+++ b/src/services/html_converter/utility.service.js
@@ -22,7 +22,11 @@ export const getAttrs = (tag, filter) => {
     .replace(new RegExp('^' + getTagName(tag)), '')
     .replace(/\/?$/, '')
     .trim()
-  const attrs = Array.from(innertag.matchAll(/([a-z]+[a-z0-9-]*)(?:=("[^"]+?"|'[^']+?'))?/gi))
+  const attrs = Array.from(
+    innertag.matchAll(
+      /([a-z]+[a-z0-9-]*)(?:=((?:"(?:\\.|[^"\\])*")|(?:'(?:\\.|[^'\\])*')))?/gi,
+    ),
+  )
     .map(([, key, value]) => [key, value])
     .map(([k, v]) => {
       if (!v) return [k, true]
@@ -59,7 +63,10 @@ export const processTextForEmoji = (text, emojis, processor) => {
       const next = text.slice(i + 1)
       let found = false
       for (const emoji of emojis) {
-        if (next.slice(0, emoji.shortcode.length + 1) === (emoji.shortcode + ':')) {
+        if (
+          next.slice(0, emoji.shortcode.length + 1) ===
+          emoji.shortcode + ':'
+        ) {
           found = emoji
           break
         }
diff --git a/src/services/lists_fetcher/lists_fetcher.service.js b/src/services/lists_fetcher/lists_fetcher.service.js
index 5d3c9ed23..c395ef93b 100644
--- a/src/services/lists_fetcher/lists_fetcher.service.js
+++ b/src/services/lists_fetcher/lists_fetcher.service.js
@@ -1,13 +1,22 @@
-import { useListsStore } from 'src/stores/lists.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
+import { useListsStore } from 'src/stores/lists.js'
+
 const fetchAndUpdate = ({ credentials }) => {
-  return apiService.fetchLists({ credentials })
-    .then(lists => {
-      useListsStore().setLists(lists)
-    }, () => {})
-    .catch(() => {})
+  return apiService
+    .fetchLists({ credentials })
+    .then(
+      (lists) => {
+        useListsStore().setLists(lists)
+      },
+      (rej) => {
+        console.error(rej)
+      },
+    )
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
@@ -17,7 +26,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const listsFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default listsFetcher
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 9a96cf012..9fe62318c 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -1,18 +1,20 @@
-import languagesObject from '../../i18n/messages'
 import ISO6391 from 'iso-639-1'
 import _ from 'lodash'
 
+import languagesObject from '../../i18n/messages'
+
 const specialLanguageCodes = {
   pdc: 'en',
   ja_easy: 'ja',
   zh_Hant: 'zh-HANT',
-  zh: 'zh-Hans'
+  zh: 'zh-Hans',
 }
 
-const internalToBrowserLocale = code => specialLanguageCodes[code] || code
+const internalToBrowserLocale = (code) => specialLanguageCodes[code] || code
 
-const internalToBackendLocale = code => internalToBrowserLocale(code).replace('_', '-')
-const internalToBackendLocaleMulti = codes => {
+const internalToBackendLocale = (code) =>
+  internalToBrowserLocale(code).replace('_', '-')
+const internalToBackendLocaleMulti = (codes) => {
   const langs = Array.isArray(codes) ? codes : [codes]
   return langs.map(internalToBackendLocale).join(',')
 }
@@ -23,21 +25,27 @@ const getLanguageName = (code) => {
     ja_easy: 'やさしいにほんご',
     'nan-TW': '臺語（閩南語）',
     zh: '简体中文',
-    zh_Hant: '繁體中文'
+    zh_Hant: '繁體中文',
   }
   const languageName = specialLanguageNames[code] || ISO6391.getNativeName(code)
   const browserLocale = internalToBrowserLocale(code)
-  return languageName.charAt(0).toLocaleUpperCase(browserLocale) + languageName.slice(1)
+  return (
+    languageName.charAt(0).toLocaleUpperCase(browserLocale) +
+    languageName.slice(1)
+  )
 }
 
-const languages = _.map(languagesObject.languages, (code) => ({ code, name: getLanguageName(code) })).sort((a, b) => a.name.localeCompare(b.name))
+const languages = _.map(languagesObject.languages, (code) => ({
+  code,
+  name: getLanguageName(code),
+})).sort((a, b) => a.name.localeCompare(b.name))
 
 const localeService = {
   internalToBrowserLocale,
   internalToBackendLocale,
   internalToBackendLocaleMulti,
   languages,
-  getLanguageName
+  getLanguageName,
 }
 
 export default localeService
diff --git a/src/services/matcher/matcher.service.js b/src/services/matcher/matcher.service.js
index 54f02d312..df9e1a073 100644
--- a/src/services/matcher/matcher.service.js
+++ b/src/services/matcher/matcher.service.js
@@ -3,7 +3,10 @@ export const mentionMatchesUrl = (attention, url) => {
     return true
   }
   const [namepart, instancepart] = attention.screen_name.split('@')
-  const matchstring = new RegExp('://' + instancepart + '/.*' + namepart + '$', 'g')
+  const matchstring = new RegExp(
+    '://' + instancepart + '/.*' + namepart + '$',
+    'g',
+  )
 
   return !!url.match(matchstring)
 }
@@ -17,7 +20,8 @@ export const extractTagFromUrl = (url) => {
   const decoded = decodeURI(url)
   // https://git.pleroma.social/pleroma/elixir-libraries/linkify/-/blob/master/lib/linkify/parser.ex
   // https://www.pcre.org/original/doc/html/pcrepattern.html
-  const regex = /tag[s]*\/([\p{L}\p{N}_]*[\p{Alphabetic}_·\u{200c}][\p{L}\p{N}_·\p{M}\u{200c}]*)$/ug
+  const regex =
+    /tag[s]*\/([\p{L}\p{N}_]*[\p{Alphabetic}_·\u{200c}][\p{L}\p{N}_·\p{M}\u{200c}]*)$/gu
   const result = regex.exec(decoded)
   if (!result) {
     return false
diff --git a/src/services/new_api/mfa.js b/src/services/new_api/mfa.js
index c944667c0..1d35b65a8 100644
--- a/src/services/new_api/mfa.js
+++ b/src/services/new_api/mfa.js
@@ -1,4 +1,10 @@
-const verifyOTPCode = ({ clientId, clientSecret, instance, mfaToken, code }) => {
+const verifyOTPCode = ({
+  clientId,
+  clientSecret,
+  instance,
+  mfaToken,
+  code,
+}) => {
   const url = `${instance}/oauth/mfa/challenge`
   const form = new window.FormData()
 
@@ -8,13 +14,21 @@ const verifyOTPCode = ({ clientId, clientSecret, instance, mfaToken, code }) =>
   form.append('code', code)
   form.append('challenge_type', 'totp')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
-const verifyRecoveryCode = ({ clientId, clientSecret, instance, mfaToken, code }) => {
+const verifyRecoveryCode = ({
+  clientId,
+  clientSecret,
+  instance,
+  mfaToken,
+  code,
+}) => {
   const url = `${instance}/oauth/mfa/challenge`
   const form = new window.FormData()
 
@@ -24,15 +38,17 @@ const verifyRecoveryCode = ({ clientId, clientSecret, instance, mfaToken, code }
   form.append('code', code)
   form.append('challenge_type', 'recovery')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const mfa = {
   verifyOTPCode,
-  verifyRecoveryCode
+  verifyRecoveryCode,
 }
 
 export default mfa
diff --git a/src/services/new_api/oauth.js b/src/services/new_api/oauth.js
index d077110c8..b803e2146 100644
--- a/src/services/new_api/oauth.js
+++ b/src/services/new_api/oauth.js
@@ -1,16 +1,21 @@
 import { reduce } from 'lodash'
+
 import { StatusCodeError } from 'src/services/errors/errors.js'
 
 const REDIRECT_URI = `${window.location.origin}/oauth-callback`
 
 export const getJsonOrError = async (response) => {
   if (response.ok) {
-    return response.json()
-      .catch((error) => {
-        throw new StatusCodeError(response.status, error, {}, response)
-      })
+    return response.json().catch((error) => {
+      throw new StatusCodeError(response.status, error, {}, response)
+    })
   } else {
-    throw new StatusCodeError(response.status, await response.text(), {}, response)
+    throw new StatusCodeError(
+      response.status,
+      await response.text(),
+      {},
+      response,
+    )
   }
 }
 
@@ -23,19 +28,24 @@ export const createApp = (instance) => {
   form.append('redirect_uris', REDIRECT_URI)
   form.append('scopes', 'read write follow push admin')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  })
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
     .then(getJsonOrError)
-    .then((app) => ({ clientId: app.client_id, clientSecret: app.client_secret }))
+    .then((app) => ({
+      clientId: app.client_id,
+      clientSecret: app.client_secret,
+    }))
 }
 
 export const verifyAppToken = ({ instance, appToken }) => {
-  return window.fetch(`${instance}/api/v1/apps/verify_credentials`, {
-    method: 'GET',
-    headers: { Authorization: `Bearer ${appToken}` }
-  })
+  return window
+    .fetch(`${instance}/api/v1/apps/verify_credentials`, {
+      method: 'GET',
+      headers: { Authorization: `Bearer ${appToken}` },
+    })
     .then(getJsonOrError)
 }
 
@@ -44,17 +54,21 @@ const login = ({ instance, clientId }) => {
     response_type: 'code',
     client_id: clientId,
     redirect_uri: REDIRECT_URI,
-    scope: 'read write follow push admin'
+    scope: 'read write follow push admin',
   }
 
-  const dataString = reduce(data, (acc, v, k) => {
-    const encoded = `${k}=${encodeURIComponent(v)}`
-    if (!acc) {
-      return encoded
-    } else {
-      return `${acc}&${encoded}`
-    }
-  }, false)
+  const dataString = reduce(
+    data,
+    (acc, v, k) => {
+      const encoded = `${k}=${encodeURIComponent(v)}`
+      if (!acc) {
+        return encoded
+      } else {
+        return `${acc}&${encoded}`
+      }
+    },
+    false,
+  )
 
   // Do the redirect...
   const url = `${instance}/oauth/authorize?${dataString}`
@@ -62,7 +76,13 @@ const login = ({ instance, clientId }) => {
   window.location.href = url
 }
 
-const getTokenWithCredentials = ({ clientId, clientSecret, instance, username, password }) => {
+const getTokenWithCredentials = ({
+  clientId,
+  clientSecret,
+  instance,
+  username,
+  password,
+}) => {
   const url = `${instance}/oauth/token`
   const form = new window.FormData()
 
@@ -72,10 +92,12 @@ const getTokenWithCredentials = ({ clientId, clientSecret, instance, username, p
   form.append('username', username)
   form.append('password', password)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const getToken = ({ clientId, clientSecret, instance, code }) => {
@@ -88,10 +110,11 @@ const getToken = ({ clientId, clientSecret, instance, code }) => {
   form.append('code', code)
   form.append('redirect_uri', `${window.location.origin}/oauth-callback`)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  })
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
     .then((data) => data.json())
 }
 
@@ -104,10 +127,12 @@ export const getClientToken = ({ clientId, clientSecret, instance }) => {
   form.append('grant_type', 'client_credentials')
   form.append('redirect_uri', `${window.location.origin}/oauth-callback`)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then(getJsonOrError)
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then(getJsonOrError)
 }
 const verifyOTPCode = ({ app, instance, mfaToken, code }) => {
   const url = `${instance}/oauth/mfa/challenge`
@@ -119,10 +144,12 @@ const verifyOTPCode = ({ app, instance, mfaToken, code }) => {
   form.append('code', code)
   form.append('challenge_type', 'totp')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const verifyRecoveryCode = ({ app, instance, mfaToken, code }) => {
@@ -135,10 +162,12 @@ const verifyRecoveryCode = ({ app, instance, mfaToken, code }) => {
   form.append('code', code)
   form.append('challenge_type', 'recovery')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const revokeToken = ({ app, instance, token }) => {
@@ -149,10 +178,12 @@ const revokeToken = ({ app, instance, token }) => {
   form.append('client_secret', app.clientSecret)
   form.append('token', token)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const oauth = {
@@ -161,7 +192,7 @@ const oauth = {
   getTokenWithCredentials,
   verifyOTPCode,
   verifyRecoveryCode,
-  revokeToken
+  revokeToken,
 }
 
 export default oauth
diff --git a/src/services/new_api/password_reset.js b/src/services/new_api/password_reset.js
index 9f3c27b5c..65342c04b 100644
--- a/src/services/new_api/password_reset.js
+++ b/src/services/new_api/password_reset.js
@@ -4,14 +4,18 @@ const MASTODON_PASSWORD_RESET_URL = '/auth/password'
 
 const resetPassword = ({ instance, email }) => {
   const params = { email }
-  const query = reduce(params, (acc, v, k) => {
-    const encoded = `${k}=${encodeURIComponent(v)}`
-    return `${acc}&${encoded}`
-  }, '')
+  const query = reduce(
+    params,
+    (acc, v, k) => {
+      const encoded = `${k}=${encodeURIComponent(v)}`
+      return `${acc}&${encoded}`
+    },
+    '',
+  )
   const url = `${instance}${MASTODON_PASSWORD_RESET_URL}?${query}`
 
   return window.fetch(url, {
-    method: 'POST'
+    method: 'POST',
   })
 }
 
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 74fd91204..3463953eb 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,23 +1,23 @@
-import { muteFilterHits } from '../status_parser/status_parser.js'
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
+import { muteFilterHits } from '../status_parser/status_parser.js'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useI18nStore } from 'src/stores/i18n.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 import FaviconService from 'src/services/favicon_service/favicon_service.js'
 
-export const ACTIONABLE_NOTIFICATION_TYPES = new Set(['mention', 'pleroma:report', 'follow_request'])
+export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
+  'mention',
+  'pleroma:report',
+  'follow_request',
+])
 
 let cachedBadgeUrl = null
 
-export const notificationsFromStore = store => store.state.notifications.data
+export const notificationsFromStore = (store) => store.state.notifications.data
 
-export const visibleTypes = store => {
-  // When called from within a module we need rootGetters to access wider scope
-  // however when called from a component (i.e. this.$store) we already have wider scope
-  const rootGetters = store.rootGetters || store.getters
-  const { notificationVisibility } = rootGetters.mergedConfig
-
-  return ([
+const visibleTypes = (notificationVisibility) => {
+  return [
     notificationVisibility.likes && 'like',
     notificationVisibility.mentions && 'mention',
     notificationVisibility.statuses && 'status',
@@ -27,11 +27,18 @@ export const visibleTypes = store => {
     notificationVisibility.moves && 'move',
     notificationVisibility.emojiReactions && 'pleroma:emoji_reaction',
     notificationVisibility.reports && 'pleroma:report',
-    notificationVisibility.polls && 'poll'
-  ].filter(_ => _))
+    notificationVisibility.polls && 'poll',
+  ].filter((_) => _)
 }
 
-const statusNotifications = new Set(['like', 'mention', 'status', 'repeat', 'pleroma:emoji_reaction', 'poll'])
+const statusNotifications = new Set([
+  'like',
+  'mention',
+  'status',
+  'repeat',
+  'pleroma:emoji_reaction',
+  'poll',
+])
 
 export const isStatusNotification = (type) => statusNotifications.has(type)
 
@@ -64,35 +71,52 @@ const isMutedNotification = (notification) => {
   return muteFilterHits(notification.status).length > 0
 }
 
-export const maybeShowNotification = (store, notification) => {
+export const maybeShowNotification = (
+  store,
+  notificationVisibility,
+  notification,
+) => {
   const rootState = store.rootState || store.state
 
   if (notification.seen) return
-  if (!visibleTypes(store).includes(notification.type)) return
-  if (notification.type === 'mention' && isMutedNotification(notification)) return
+  if (!visibleTypes(notificationVisibility).includes(notification.type)) return
+  if (notification.type === 'mention' && isMutedNotification(notification))
+    return
 
-  const notificationObject = prepareNotificationObject(notification, useI18nStore().i18n)
+  const notificationObject = prepareNotificationObject(
+    notification,
+    useI18nStore().i18n,
+  )
   showDesktopNotification(rootState, notificationObject)
 }
 
-export const filteredNotificationsFromStore = (store, types) => {
+export const filteredNotificationsFromStore = (
+  store,
+  notificationVisibility,
+  types,
+) => {
   // map is just to clone the array since sort mutates it and it causes some issues
-  const sortedNotifications = notificationsFromStore(store).map(_ => _).sort(sortById)
+  const sortedNotifications = notificationsFromStore(store)
+    .map((_) => _)
+    .sort(sortById)
   // TODO implement sorting elsewhere and make it optional
-  return sortedNotifications.filter(
-    (notification) => (types || visibleTypes(store)).includes(notification.type)
+  return sortedNotifications.filter((notification) =>
+    (types || visibleTypes(notificationVisibility)).includes(notification.type),
   )
 }
 
-export const unseenNotificationsFromStore = store => {
-  const rootGetters = store.rootGetters || store.getters
-  const ignoreInactionableSeen = rootGetters.mergedConfig.ignoreInactionableSeen
-
-  return filteredNotificationsFromStore(store).filter(({ seen, type }) => {
-    if (!ignoreInactionableSeen) return !seen
-    if (seen) return false
-    return ACTIONABLE_NOTIFICATION_TYPES.has(type)
-  })
+export const unseenNotificationsFromStore = (
+  store,
+  notificationVisibility,
+  ignoreInactionableSeen,
+) => {
+  return filteredNotificationsFromStore(store, notificationVisibility).filter(
+    ({ seen, type }) => {
+      if (!ignoreInactionableSeen) return !seen
+      if (seen) return false
+      return ACTIONABLE_NOTIFICATION_TYPES.has(type)
+    },
+  )
 }
 
 export const prepareNotificationObject = (notification, i18n) => {
@@ -109,7 +133,7 @@ export const prepareNotificationObject = (notification, i18n) => {
   const notifObj = {
     tag: notification.id,
     type: notification.type,
-    badge: cachedBadgeUrl
+    badge: cachedBadgeUrl,
   }
   const status = notification.status
   const title = notification.from_profile.name
@@ -152,25 +176,35 @@ export const prepareNotificationObject = (notification, i18n) => {
   }
 
   // Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
-  if (status && status.attachments && status.attachments.length > 0 && !status.nsfw &&
-    status.attachments[0].mimetype.startsWith('image/')) {
+  if (
+    status &&
+    status.attachments &&
+    status.attachments.length > 0 &&
+    !status.nsfw &&
+    status.attachments[0].mimetype.startsWith('image/')
+  ) {
     notifObj.image = status.attachments[0].url
   }
 
   return notifObj
 }
 
-export const countExtraNotifications = (store) => {
+export const countExtraNotifications = (store, mergedConfig) => {
   const rootGetters = store.rootGetters || store.getters
-  const mergedConfig = rootGetters.mergedConfig
 
   if (!mergedConfig.showExtraNotifications) {
     return 0
   }
 
   return [
-    mergedConfig.showChatsInExtraNotifications ? rootGetters.unreadChatCount : 0,
-    mergedConfig.showAnnouncementsInExtraNotifications ? useAnnouncementsStore().unreadAnnouncementCount : 0,
-    mergedConfig.showFollowRequestsInExtraNotifications ? rootGetters.followRequestCount : 0
+    mergedConfig.showChatsInExtraNotifications
+      ? rootGetters.unreadChatCount
+      : 0,
+    mergedConfig.showAnnouncementsInExtraNotifications
+      ? useAnnouncementsStore().unreadAnnouncementCount
+      : 0,
+    mergedConfig.showFollowRequestsInExtraNotifications
+      ? rootGetters.followRequestCount
+      : 0,
   ].reduce((a, c) => a + c, 0)
 }
diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 89e000dd6..c1a9e1a2f 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -1,7 +1,11 @@
-import { useInterfaceStore } from 'src/stores/interface.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
 const update = ({ store, notifications, older }) => {
   store.dispatch('addNewNotifications', { notifications, older })
 }
@@ -19,18 +23,15 @@ const mastoApiNotificationTypes = new Set([
   'poll',
   'pleroma:emoji_reaction',
   'pleroma:report',
-  'test'
 ])
 
 const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
-
   const args = { credentials }
-  const { getters } = store
   const rootState = store.rootState || store.state
   const timelineData = rootState.notifications
-  const hideMutedPosts = getters.mergedConfig.hideMutedPosts
+  const hideMutedPosts = useMergedConfigStore().mergedConfig.hideMutedPosts
 
-  if (rootState.instance.pleromaChatMessagesAvailable) {
+  if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
     mastoApiNotificationTypes.add('pleroma:chat_mention')
   }
 
@@ -45,7 +46,10 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
     return fetchNotifications({ store, args, older })
   } else {
     // fetch new notifications
-    if (since === undefined && timelineData.maxId !== Number.POSITIVE_INFINITY) {
+    if (
+      since === undefined &&
+      timelineData.maxId !== Number.POSITIVE_INFINITY
+    ) {
       args.since = timelineData.maxId
     } else if (since !== null) {
       args.since = since
@@ -58,8 +62,10 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
     // we can update the state in this session to mark them as read as well.
     // The normal maxId-check does not tell if older notifications have changed
     const notifications = timelineData.data
-    const readNotifsIds = notifications.filter(n => n.seen).map(n => n.id)
-    const unreadNotifsIds = notifications.filter(n => !n.seen).map(n => n.id)
+    const readNotifsIds = notifications.filter((n) => n.seen).map((n) => n.id)
+    const unreadNotifsIds = notifications
+      .filter((n) => !n.seen)
+      .map((n) => n.id)
     if (readNotifsIds.length > 0 && readNotifsIds.length > 0) {
       const minId = Math.min(...unreadNotifsIds) // Oldest known unread notification
       if (minId !== Infinity) {
@@ -74,16 +80,19 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
 }
 
 const fetchNotifications = ({ store, args, older }) => {
-  return apiService.fetchTimeline(args)
+  return apiService
+    .fetchTimeline(args)
     .then((response) => {
       if (response.errors) {
-        if (response.status === 400 && response.statusText.includes('Invalid value for enum')) {
-          response
-            .statusText
+        if (
+          response.status === 400 &&
+          response.statusText.includes('Invalid value for enum')
+        ) {
+          response.statusText
             .matchAll(/(\w+) - Invalid value for enum./g)
             .toArray()
-            .map(x => x[1])
-            .forEach(x => mastoApiNotificationTypes.delete(x))
+            .map((x) => x[1])
+            .forEach((x) => mastoApiNotificationTypes.delete(x))
           return fetchNotifications({ store, args, older })
         } else {
           throw new Error(`${response.status} ${response.statusText}`)
@@ -98,7 +107,7 @@ const fetchNotifications = ({ store, args, older }) => {
         level: 'error',
         messageKey: 'notifications.error',
         messageArgs: [error.message],
-        timeout: 5000
+        timeout: 5000,
       })
       console.error(error)
     })
@@ -116,7 +125,7 @@ const startFetching = ({ credentials, store }) => {
 
 const notificationsFetcher = {
   fetchAndUpdate,
-  startFetching
+  startFetching,
 }
 
 export default notificationsFetcher
diff --git a/src/services/offset_finder/offset_finder.service.js b/src/services/offset_finder/offset_finder.service.js
index 5a904f08c..a144bcfd3 100644
--- a/src/services/offset_finder/offset_finder.service.js
+++ b/src/services/offset_finder/offset_finder.service.js
@@ -1,7 +1,12 @@
-export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadding = true) => {
+export const findOffset = (
+  child,
+  parent,
+  { top = 0, left = 0 } = {},
+  ignorePadding = true,
+) => {
   const result = {
     top: top + child.offsetTop,
-    left: left + child.offsetLeft
+    left: left + child.offsetLeft,
   }
   if (!ignorePadding && child !== window) {
     const { topPadding, leftPadding } = findPadding(child)
@@ -9,7 +14,13 @@ export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadd
     result.left += ignorePadding ? 0 : leftPadding
   }
 
-  if (child.offsetParent && window.getComputedStyle(child.offsetParent).position !== 'sticky' && (parent === window || parent.contains(child.offsetParent) || parent === child.offsetParent)) {
+  if (
+    child.offsetParent &&
+    window.getComputedStyle(child.offsetParent).position !== 'sticky' &&
+    (parent === window ||
+      parent.contains(child.offsetParent) ||
+      parent === child.offsetParent)
+  ) {
     return findOffset(child.offsetParent, parent, result, false)
   } else {
     if (parent !== window) {
@@ -23,9 +34,13 @@ export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadd
 
 const findPadding = (el) => {
   const topPaddingStr = window.getComputedStyle(el)['padding-top']
-  const topPadding = Number(topPaddingStr.substring(0, topPaddingStr.length - 2))
+  const topPadding = Number(
+    topPaddingStr.substring(0, topPaddingStr.length - 2),
+  )
   const leftPaddingStr = window.getComputedStyle(el)['padding-left']
-  const leftPadding = Number(leftPaddingStr.substring(0, leftPaddingStr.length - 2))
+  const leftPadding = Number(
+    leftPaddingStr.substring(0, leftPaddingStr.length - 2),
+  )
 
   return { topPadding, leftPadding }
 }
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 90f8e87ae..b6b5f35e6 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -1,11 +1,12 @@
-import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { uniq } from 'lodash'
 
+import * as DateUtils from 'src/services/date_utils/date_utils.js'
+
 const pollFallbackValues = {
   pollType: 'single',
   options: ['', ''],
   expiryAmount: 10,
-  expiryUnit: 'minutes'
+  expiryUnit: 'minutes',
 }
 
 const pollFallback = (object, attr) => {
@@ -15,10 +16,12 @@ const pollFallback = (object, attr) => {
 const pollFormToMasto = (poll) => {
   const expiresIn = DateUtils.unitToSeconds(
     pollFallback(poll, 'expiryUnit'),
-    pollFallback(poll, 'expiryAmount')
+    pollFallback(poll, 'expiryAmount'),
   )
 
-  const options = uniq(pollFallback(poll, 'options').filter(option => option !== ''))
+  const options = uniq(
+    pollFallback(poll, 'options').filter((option) => option !== ''),
+  )
   if (options.length < 2) {
     return { errorKey: 'polls.not_enough_options' }
   }
@@ -26,11 +29,8 @@ const pollFormToMasto = (poll) => {
   return {
     options,
     multiple: pollFallback(poll, 'pollType') === 'multiple',
-    expiresIn
+    expiresIn,
   }
 }
 
-export {
-  pollFallback,
-  pollFormToMasto
-}
+export { pollFallback, pollFormToMasto }
diff --git a/src/services/promise_interval/promise_interval.js b/src/services/promise_interval/promise_interval.js
index 0f9abaf13..46ac68996 100644
--- a/src/services/promise_interval/promise_interval.js
+++ b/src/services/promise_interval/promise_interval.js
@@ -13,7 +13,9 @@ export const promiseInterval = (promiseCall, interval) => {
     // something unexpected happened and promiseCall did not
     // return a promise, abort the loop.
     if (!(promise && promise.finally)) {
-      console.warn('promiseInterval: promise call did not return a promise, stopping interval.')
+      console.warn(
+        'promiseInterval: promise call did not return a promise, stopping interval.',
+      )
       return
     }
     promise.finally(() => {
diff --git a/src/services/resettable_async_component.js b/src/services/resettable_async_component.js
index 1c046ce7b..09792456b 100644
--- a/src/services/resettable_async_component.js
+++ b/src/services/resettable_async_component.js
@@ -1,4 +1,4 @@
-import { defineAsyncComponent, shallowReactive, h } from 'vue'
+import { defineAsyncComponent, h, shallowReactive } from 'vue'
 
 /* By default async components don't have any way to recover, if component is
  * failed, it is failed forever. This helper tries to remedy that by recreating
@@ -7,23 +7,24 @@ import { defineAsyncComponent, shallowReactive, h } from 'vue'
  * this should be done from error component but could be done from loading or
  * actual target component itself if needs to be.
  */
-function getResettableAsyncComponent (asyncComponent, options) {
-  const asyncComponentFactory = () => () => defineAsyncComponent({
-    loader: asyncComponent,
-    ...options
-  })
+function getResettableAsyncComponent(asyncComponent, options) {
+  const asyncComponentFactory = () => () =>
+    defineAsyncComponent({
+      loader: asyncComponent,
+      ...options,
+    })
 
   const observe = shallowReactive({ c: asyncComponentFactory() })
 
   return {
-    render () {
+    render() {
       //  emit event resetAsyncComponent to reloading
       return h(observe.c(), {
-        onResetAsyncComponent () {
+        onResetAsyncComponent() {
           observe.c = asyncComponentFactory()
-        }
+        },
       })
-    }
+    },
   }
 }
 
diff --git a/src/services/ruffle_service/ruffle_service.js b/src/services/ruffle_service/ruffle_service.js
index b317f08eb..c029330aa 100644
--- a/src/services/ruffle_service/ruffle_service.js
+++ b/src/services/ruffle_service/ruffle_service.js
@@ -1,37 +1,44 @@
 const createRuffleService = () => {
   let ruffleInstance = null
 
-  const getRuffle = async () => new Promise((resolve, reject) => {
-    if (ruffleInstance) {
-      resolve(ruffleInstance)
-      return
-    }
+  const getRuffle = async () =>
+    new Promise((resolve, reject) => {
+      if (ruffleInstance) {
+        resolve(ruffleInstance)
+        return
+      }
 
-    // Ruffle needs these to be set before it's loaded
-    // https://github.com/ruffle-rs/ruffle/issues/3952
-    window.RufflePlayer = {}
-    window.RufflePlayer.config = {
-      polyfills: false,
-      publicPath: '/static/ruffle'
-    }
+      // Ruffle needs these to be set before it's loaded
+      // https://github.com/ruffle-rs/ruffle/issues/3952
+      window.RufflePlayer = {}
+      window.RufflePlayer.config = {
+        polyfills: false,
+        publicPath: '/static/ruffle',
+      }
 
-    // Currently it's seems like a better way of loading ruffle
-    // because it needs the wasm publically accessible, but it needs path to it
-    // and filename of wasm seems to be pseudo-randomly generated (is it a hash?)
-    const script = document.createElement('script')
-    // see webpack config, using CopyPlugin to copy it from node_modules
-    // provided via ruffle-mirror
-    script.src = '/static/ruffle/ruffle.js'
-    script.type = 'text/javascript'
-    script.onerror = (e) => { reject(e) }
-    script.onabort = (e) => { reject(e) }
-    script.oncancel = (e) => { reject(e) }
-    script.onload = () => {
-      ruffleInstance = window.RufflePlayer
-      resolve(ruffleInstance)
-    }
-    document.body.appendChild(script)
-  })
+      // Currently it's seems like a better way of loading ruffle
+      // because it needs the wasm publically accessible, but it needs path to it
+      // and filename of wasm seems to be pseudo-randomly generated (is it a hash?)
+      const script = document.createElement('script')
+      // see webpack config, using CopyPlugin to copy it from node_modules
+      // provided via ruffle-mirror
+      script.src = '/static/ruffle/ruffle.js'
+      script.type = 'text/javascript'
+      script.onerror = (e) => {
+        reject(e)
+      }
+      script.onabort = (e) => {
+        reject(e)
+      }
+      script.oncancel = (e) => {
+        reject(e)
+      }
+      script.onload = () => {
+        ruffleInstance = window.RufflePlayer
+        resolve(ruffleInstance)
+      }
+      document.body.appendChild(script)
+    })
 
   return { getRuffle }
 }
diff --git a/src/services/status_parser/status_parser.js b/src/services/status_parser/status_parser.js
index b8a98cf82..27771c28b 100644
--- a/src/services/status_parser/status_parser.js
+++ b/src/services/status_parser/status_parser.js
@@ -2,59 +2,66 @@ export const muteFilterHits = (muteFilters, status) => {
   const statusText = status.text.toLowerCase()
   const statusSummary = status.summary.toLowerCase()
   const replyToUser = status.in_reply_to_screen_name?.toLowerCase()
-  const poster = status.user.screen_name.toLowerCase()
-  const mentions = (status.attentions || []).map(att => att.screen_name.toLowerCase())
+  const poster = status.user.screen_name?.toLowerCase()
+  const mentions = (status.attentions || []).map((att) =>
+    att.screen_name.toLowerCase(),
+  )
 
-
-  return muteFilters.toSorted((a,b) => b.order - a.order).map(filter => {
-    const { hide, expires, name, value, type, enabled} = filter
-    if (!enabled) return false
-    if (value === '') return false
-    if (expires !== null && expires < Date.now()) return false
-    switch (type) {
-      case 'word': {
-        const lowercaseValue = value.toLowerCase()
-        if (statusText.toLowerCase().includes(lowercaseValue) || statusSummary.toLowerCase().includes(lowercaseValue)) {
-          return { hide, name }
-        }
-        break
-      }
-      case 'regexp': {
-        try {
-          const re = new RegExp(value, 'i')
-          if (re.test(statusText) || re.test(statusSummary)) {
-            return { hide, name }
-          }
-          return false
-        } catch {
-          return false
-        }
-      }
-      case 'user': {
-        if (
-          poster.includes(value) ||
-            replyToUser.includes(value) ||
-            mentions.some(mention => mention.includes(value))
-        ) {
-          return { hide, name }
-        }
-        break
-      }
-      case 'user_regexp': {
-        try {
-          const re = new RegExp(value, 'i')
+  return muteFilters
+    .toSorted((a, b) => b.order - a.order)
+    .map((filter) => {
+      const { hide, expires, name, value, type, enabled } = filter
+      if (!enabled) return false
+      if (value === '') return false
+      if (expires !== null && expires < Date.now()) return false
+      switch (type) {
+        case 'word': {
+          const lowercaseValue = value.toLowerCase()
           if (
-            re.test(poster) ||
-              re.test(replyToUser) ||
-              mentions.some(mention => re.test(mention))
+            statusText.toLowerCase().includes(lowercaseValue) ||
+            statusSummary.toLowerCase().includes(lowercaseValue)
           ) {
             return { hide, name }
           }
-          return false
-        } catch {
-          return false
+          break
+        }
+        case 'regexp': {
+          try {
+            const re = new RegExp(value, 'i')
+            if (re.test(statusText) || re.test(statusSummary)) {
+              return { hide, name }
+            }
+            return false
+          } catch {
+            return false
+          }
+        }
+        case 'user': {
+          if (
+            poster.includes(value) ||
+            replyToUser.includes(value) ||
+            mentions.some((mention) => mention.includes(value))
+          ) {
+            return { hide, name }
+          }
+          break
+        }
+        case 'user_regexp': {
+          try {
+            const re = new RegExp(value, 'i')
+            if (
+              re.test(poster) ||
+              re.test(replyToUser) ||
+              mentions.some((mention) => re.test(mention))
+            ) {
+              return { hide, name }
+            }
+            return false
+          } catch {
+            return false
+          }
         }
       }
-    }
-  }).filter(_ => _)
+    })
+    .filter((_) => _)
 }
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index aaef5a7a8..021c31ef8 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,4 +1,5 @@
 import { map } from 'lodash'
+
 import apiService from '../api/api.service.js'
 
 const postStatus = ({
@@ -13,38 +14,39 @@ const postStatus = ({
   quoteId = undefined,
   contentType = 'text/plain',
   preview = false,
-  idempotencyKey = ''
+  idempotencyKey = '',
 }) => {
   const mediaIds = map(media, 'id')
 
-  return apiService.postStatus({
-    credentials: store.state.users.currentUser.credentials,
-    status,
-    spoilerText,
-    visibility,
-    sensitive,
-    mediaIds,
-    inReplyToStatusId,
-    quoteId,
-    contentType,
-    poll,
-    preview,
-    idempotencyKey
-  })
+  return apiService
+    .postStatus({
+      credentials: store.state.users.currentUser.credentials,
+      status,
+      spoilerText,
+      visibility,
+      sensitive,
+      mediaIds,
+      inReplyToStatusId,
+      quoteId,
+      contentType,
+      poll,
+      preview,
+      idempotencyKey,
+    })
     .then((data) => {
       if (!data.error && !preview) {
         store.dispatch('addNewStatuses', {
           statuses: [data],
           timeline: 'friends',
           showImmediately: true,
-          noIdUpdate: true // To prevent missing notices on next pull.
+          noIdUpdate: true, // To prevent missing notices on next pull.
         })
       }
       return data
     })
     .catch((err) => {
       return {
-        error: err.message
+        error: err.message,
       }
     })
 }
@@ -57,27 +59,28 @@ const editStatus = ({
   sensitive,
   poll,
   media = [],
-  contentType = 'text/plain'
+  contentType = 'text/plain',
 }) => {
   const mediaIds = map(media, 'id')
 
-  return apiService.editStatus({
-    id: statusId,
-    credentials: store.state.users.currentUser.credentials,
-    status,
-    spoilerText,
-    sensitive,
-    poll,
-    mediaIds,
-    contentType
-  })
+  return apiService
+    .editStatus({
+      id: statusId,
+      credentials: store.state.users.currentUser.credentials,
+      status,
+      spoilerText,
+      sensitive,
+      poll,
+      mediaIds,
+      contentType,
+    })
     .then((data) => {
       if (!data.error) {
         store.dispatch('addNewStatuses', {
           statuses: [data],
           timeline: 'friends',
           showImmediately: true,
-          noIdUpdate: true // To prevent missing notices on next pull.
+          noIdUpdate: true, // To prevent missing notices on next pull.
         })
       }
       return data
@@ -85,7 +88,7 @@ const editStatus = ({
     .catch((err) => {
       console.error('Error editing status', err)
       return {
-        error: err.message
+        error: err.message,
       }
     })
 }
@@ -104,7 +107,7 @@ const statusPosterService = {
   postStatus,
   editStatus,
   uploadMedia,
-  setMediaDescription
+  setMediaDescription,
 }
 
 export default statusPosterService
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 3d85db3aa..c8e90c0a6 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,61 +1,105 @@
-import { init, getEngineChecksum } from '../theme_data/theme_data_3.service.js'
-import { getCssRules } from '../theme_data/css_utils.js'
-import { defaultState } from 'src/modules/default_config_state.js'
-import { chunk } from 'lodash'
+import sum from 'hash-sum'
 import localforage from 'localforage'
+import { chunk, throttle } from 'lodash'
+
+import { getCssRules } from '../theme_data/css_utils.js'
+import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import { ROOT_CONFIG } from 'src/modules/default_config_state.js'
 
 // On platforms where this is not supported, it will return undefined
 // Otherwise it will return an array
 const supportsAdoptedStyleSheets = !!document.adoptedStyleSheets
 
-const createStyleSheet = (id) => {
-  if (supportsAdoptedStyleSheets) {
-    return {
-      el: null,
-      sheet: new CSSStyleSheet(),
-      rules: []
-    }
+const stylesheets = {}
+
+export const createStyleSheet = (id, priority = 1000) => {
+  if (stylesheets[id]) return stylesheets[id]
+  const newStyleSheet = {
+    rules: [],
+    ready: false,
+    priority,
+    clear() {
+      this.rules = []
+    },
+    addRule(rule) {
+      let newRule = rule
+      if (!CSS.supports?.('backdrop-filter', 'blur()')) {
+        newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+      }
+
+      // firefox doesn't like invalid selectors
+      if (
+        !CSS.supports?.('selector(::-webkit-scrollbar)') &&
+        newRule.startsWith('::-webkit')
+      ) {
+        return
+      }
+      this.rules.push(
+        newRule.replace(/var\(--shadowFilter\)[^;]*;/g, ''), // Remove shadowFilter references
+      )
+    },
   }
 
-  const el = document.getElementById(id)
-  // Clear all rules in it
-  for (let i = el.sheet.cssRules.length - 1; i >= 0; --i) {
-    el.sheet.deleteRule(i)
-  }
-
-  return {
-    el,
-    sheet: el.sheet,
-    rules: []
-  }
+  stylesheets[id] = newStyleSheet
+  return newStyleSheet
 }
 
-const EAGER_STYLE_ID = 'pleroma-eager-styles'
-const LAZY_STYLE_ID = 'pleroma-lazy-styles'
-
-const adoptStyleSheets = (styles) => {
+export const adoptStyleSheets = throttle(() => {
   if (supportsAdoptedStyleSheets) {
-    document.adoptedStyleSheets = styles.map(s => s.sheet)
+    document.adoptedStyleSheets = Object.values(stylesheets)
+      .filter((x) => x.ready)
+      .sort((a, b) => a.priority - b.priority)
+      .map((sheet) => {
+        const css = new CSSStyleSheet()
+        sheet.rules.forEach((r) => css.insertRule(r))
+        return css
+      })
+  } else {
+    const holder = document.getElementById('custom-styles-holder')
+
+    for (let i = holder.sheet.cssRules.length - 1; i >= 0; --i) {
+      holder.sheet.deleteRule(i)
+    }
+
+    Object.values(stylesheets)
+      .filter((x) => x.ready)
+      .sort((a, b) => a.priority - b.priority)
+      .forEach((sheet) => {
+        sheet.rules.forEach((r) => holder.sheet.insertRule(r))
+      })
   }
   // Some older browsers do not support document.adoptedStyleSheets.
   // In this case, we use the <style> elements.
   // Since the <style> elements we need are already in the DOM, there
   // is nothing to do here.
-}
+}, 500)
 
-export const generateTheme = (inputRuleset, callbacks, debug) => {
+const EAGER_STYLE_ID = 'pleroma-eager-styles'
+const LAZY_STYLE_ID = 'pleroma-lazy-styles'
+
+const generateTheme = (inputRuleset, callbacks, debug) => {
   const {
-    onNewRule = () => {},
-    onLazyFinished = () => {},
-    onEagerFinished = () => {}
+    onNewRule = () => {
+      /* no-op */
+    },
+    onLazyFinished = () => {
+      /* no-op */
+    },
+    onEagerFinished = () => {
+      /* no-op */
+    },
   } = callbacks
 
   const themes3 = init({
     inputRuleset,
-    debug
+    debug,
   })
 
-  getCssRules(themes3.eager, debug).forEach(rule => {
+  getCssRules(themes3.eager, debug).forEach((rule) => {
     // Hacks to support multiple selectors on same component
     onNewRule(rule, false)
   })
@@ -69,8 +113,11 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
   // let t0 = performance.now()
   const processChunk = () => {
     const chunk = chunks[counter]
-    Promise.all(chunk.map(x => x())).then(result => {
-      getCssRules(result.filter(x => x), debug).forEach(rule => {
+    Promise.all(chunk.map((x) => x())).then((result) => {
+      getCssRules(
+        result.filter((x) => x),
+        debug,
+      ).forEach((rule) => {
         onNewRule(rule, true)
       })
       // const t1 = performance.now()
@@ -93,19 +140,24 @@ export const tryLoadCache = async () => {
   const cache = await localforage.getItem('pleromafe-theme-cache')
   if (!cache) return null
   try {
-    if (cache.engineChecksum === getEngineChecksum()) {
-      const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
-      const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
+    if (
+      cache.engineChecksum === getEngineChecksum() &&
+      cache.checksum !== undefined &&
+      cache.checksum === useMergedConfigStore().mergedConfig.themeChecksum
+    ) {
+      const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
+      const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
-      cache.data[0].forEach(rule => eagerStyles.sheet.insertRule(rule, 'index-max'))
-      cache.data[1].forEach(rule => lazyStyles.sheet.insertRule(rule, 'index-max'))
+      cache.data[0].forEach((rule) => eagerStyles.addRule(rule))
+      cache.data[1].forEach((rule) => lazyStyles.addRule(rule))
 
-      adoptStyleSheets([eagerStyles, lazyStyles])
+      eagerStyles.ready = true
+      lazyStyles.ready = true
 
       console.info(`Loaded theme from cache`)
       return true
     } else {
-      console.warn('Engine checksum doesn\'t match, cache not usable, clearing')
+      console.warn("Checksums don't match, cache not usable, clearing")
       localStorage.removeItem('pleroma-fe-theme-cache')
     }
   } catch (e) {
@@ -116,68 +168,58 @@ export const tryLoadCache = async () => {
 
 export const applyTheme = (
   input,
-  onEagerFinish = () => {},
-  onFinish = () => {},
-  debug
+  onEagerFinish = () => {
+    /* no-op */
+  },
+  onFinish = () => {
+    /* no-op */
+  },
+  debug,
 ) => {
-  const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
-  const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
+  const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
+  const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
-  const insertRule = (styles, rule) => {
-    try {
-      // Try to use modern syntax first
-      try {
-        styles.sheet.insertRule(rule, 'index-max')
-        styles.rules.push(rule)
-      } catch {
-        // Fallback for older browsers that don't support 'index-max'
-        styles.sheet.insertRule(rule, styles.sheet.cssRules.length)
-        styles.rules.push(rule)
-      }
-    } catch (e) {
-      console.warn('Can\'t insert rule due to lack of support', e, rule)
-
-      // Try to sanitize the rule for better compatibility
-      try {
-        // Remove any potentially problematic CSS features
-        let sanitizedRule = rule
-          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
-          .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
-
-        if (sanitizedRule !== rule) {
-          styles.sheet.insertRule(sanitizedRule, styles.sheet.cssRules.length)
-          styles.rules.push(sanitizedRule)
-        }
-      } catch (e2) {
-        console.error('Failed to insert even sanitized rule', e2)
-      }
-    }
-  }
+  eagerStyles.clear()
+  lazyStyles.clear()
 
   const { lazyProcessFunc } = generateTheme(
     input,
     {
-      onNewRule (rule, isLazy) {
+      onNewRule(rule, isLazy) {
         if (isLazy) {
-          insertRule(lazyStyles, rule)
+          lazyStyles.addRule(rule)
         } else {
-          insertRule(eagerStyles, rule)
+          eagerStyles.addRule(rule)
         }
       },
-      onEagerFinished () {
-        adoptStyleSheets([eagerStyles])
+      onEagerFinished() {
+        eagerStyles.ready = true
+        adoptStyleSheets()
         onEagerFinish()
-        console.info('Eager part of theme finished, waiting for lazy part to finish to store cache')
+        console.info(
+          'Eager part of theme finished, waiting for lazy part to finish to store cache',
+        )
       },
-      onLazyFinished () {
-        adoptStyleSheets([eagerStyles, lazyStyles])
-        const cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
+      onLazyFinished() {
+        lazyStyles.ready = true
+        adoptStyleSheets()
+        const data = [eagerStyles.rules, lazyStyles.rules]
+        const checksum = sum(data)
+        const cache = {
+          checksum,
+          engineChecksum: getEngineChecksum(),
+          data,
+        }
+        useSyncConfigStore().setSimplePrefAndSave({
+          path: 'themeChecksum',
+          value: checksum,
+        })
         onFinish(cache)
         localforage.setItem('pleromafe-theme-cache', cache)
         console.info('Theme cache stored')
-      }
+      },
     },
-    debug
+    debug,
   )
 
   setTimeout(lazyProcessFunc, 0)
@@ -193,18 +235,19 @@ const extractStyleConfig = ({
   navbarSize,
   panelHeaderSize,
   textSize,
-  forcedRoundness
+  forcedRoundness,
 }) => {
   const result = {
     sidebarColumnWidth,
     contentColumnWidth,
     notifsColumnWidth,
-    themeEditorMinWidth: parseInt(themeEditorMinWidth) === 0 ? 'fit-content' : themeEditorMinWidth,
+    themeEditorMinWidth:
+      parseInt(themeEditorMinWidth) === 0 ? 'fit-content' : themeEditorMinWidth,
     emojiReactionsScale,
     emojiSize,
     navbarSize,
     panelHeaderSize,
-    textSize
+    textSize,
   }
 
   switch (forcedRoundness) {
@@ -225,31 +268,33 @@ const extractStyleConfig = ({
   return result
 }
 
-const defaultStyleConfig = extractStyleConfig(defaultState)
+const defaultStyleConfig = extractStyleConfig(ROOT_CONFIG)
 
-export const applyConfig = (input) => {
+export const applyStyleConfig = (input) => {
   const config = extractStyleConfig(input)
 
   if (config === defaultStyleConfig) {
     return
   }
 
-  const rules = Object
-    .entries(config)
+  const rules = Object.entries(config)
     .filter(([, v]) => v)
-    .map(([k, v]) => `--${k}: ${v}`).join(';')
+    .map(([k, v]) => `--${k}: ${v}`)
+    .join(';')
 
-  const styleEl = document.getElementById('theme-holder')
-  const styleSheet = styleEl.sheet
+  const styleSheet = createStyleSheet('theme-holder', 30)
 
-  styleSheet.insertRule(`:root { ${rules} }`, 'index-max')
+  styleSheet.clear()
+  styleSheet.addRule(`:root { ${rules} }`)
 
   // TODO find a way to make this not apply to theme previews
-  if (Object.prototype.hasOwnProperty.call(config, 'forcedRoundness')) {
-    styleSheet.insertRule(` *:not(.preview-block) {
+  if (Object.hasOwn(config, 'forcedRoundness')) {
+    styleSheet.addRule(` *:not(.preview-block) {
         --roundness: var(--forcedRoundness) !important;
-    }`, 'index-max')
+    }`)
   }
+  styleSheet.ready = true
+  adoptStyleSheets()
 }
 
 export const getResourcesIndex = async (url, parser = JSON.parse) => {
@@ -259,28 +304,27 @@ export const getResourcesIndex = async (url, parser = JSON.parse) => {
   let custom
 
   const resourceTransform = (resources) => {
-    return Object
-      .entries(resources)
-      .map(([k, v]) => {
-        if (typeof v === 'object') {
-          return [k, () => Promise.resolve(v)]
-        } else if (typeof v === 'string') {
-          return [
-            k,
-            () => window
+    return Object.entries(resources).map(([k, v]) => {
+      if (typeof v === 'object') {
+        return [k, () => Promise.resolve(v)]
+      } else if (typeof v === 'string') {
+        return [
+          k,
+          () =>
+            window
               .fetch(v, { cache })
-              .then(data => data.text())
-              .then(text => parser(text))
-              .catch(e => {
+              .then((data) => data.text())
+              .then((text) => parser(text))
+              .catch((e) => {
                 console.error(e)
                 return null
-              })
-          ]
-        } else {
-          console.error(`Unknown resource format - ${k} is a ${typeof v}`)
-          return [k, null]
-        }
-      })
+              }),
+        ]
+      } else {
+        console.error(`Unknown resource format - ${k} is a ${typeof v}`)
+        return [k, null]
+      }
+    })
   }
 
   try {
@@ -303,7 +347,11 @@ export const getResourcesIndex = async (url, parser = JSON.parse) => {
 
   const total = [...custom, ...builtin]
   if (total.length === 0) {
-    return Promise.reject(new Error(`Resource at ${url} and ${customUrl} completely unavailable. Panicking`))
+    return Promise.reject(
+      new Error(
+        `Resource at ${url} and ${customUrl} completely unavailable. Panicking`,
+      ),
+    )
   }
   return Promise.resolve(Object.fromEntries(total))
 }
diff --git a/src/services/sw/sw.js b/src/services/sw/sw.js
index 8c5edc9ed..e744e37aa 100644
--- a/src/services/sw/sw.js
+++ b/src/services/sw/sw.js
@@ -1,89 +1,100 @@
 /* global process */
-function urlBase64ToUint8Array (base64String) {
-  const padding = '='.repeat((4 - base64String.length % 4) % 4)
-  const base64 = (base64String + padding)
-    .replace(/-/g, '+')
-    .replace(/_/g, '/')
+function urlBase64ToUint8Array(base64String) {
+  const padding = '='.repeat((4 - (base64String.length % 4)) % 4)
+  const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/')
 
   const rawData = window.atob(base64)
   return Uint8Array.from([...rawData].map((char) => char.charCodeAt(0)))
 }
 
-export function isSWSupported () {
+export function isSWSupported() {
   return 'serviceWorker' in navigator
 }
 
-function isPushSupported () {
+function isPushSupported() {
   return 'PushManager' in window
 }
 
-function getOrCreateServiceWorker () {
+function getOrCreateServiceWorker() {
   if (!isSWSupported()) return
   const swType = process.env.HAS_MODULE_SERVICE_WORKER ? 'module' : 'classic'
-  return navigator.serviceWorker.register('/sw-pleroma.js', { type: swType })
-    .catch((err) => console.error('Unable to get or create a service worker.', err))
+  return navigator.serviceWorker
+    .register('/sw-pleroma.js', { type: swType })
+    .catch((err) =>
+      console.error('Unable to get or create a service worker.', err),
+    )
 }
 
-function subscribePush (registration, isEnabled, vapidPublicKey) {
-  if (!isEnabled) return Promise.reject(new Error('Web Push is disabled in config'))
-  if (!vapidPublicKey) return Promise.reject(new Error('VAPID public key is not found'))
+function subscribePush(registration, isEnabled, vapidPublicKey) {
+  if (!isEnabled)
+    return Promise.reject(new Error('Web Push is disabled in config'))
+  if (!vapidPublicKey)
+    return Promise.reject(new Error('VAPID public key is not found'))
 
   const subscribeOptions = {
     userVisibleOnly: false,
-    applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
+    applicationServerKey: urlBase64ToUint8Array(vapidPublicKey),
   }
   return registration.pushManager.subscribe(subscribeOptions)
 }
 
-function unsubscribePush (registration) {
-  return registration.pushManager.getSubscription()
-    .then((subscription) => {
-      if (subscription === null) { return }
-      return subscription.unsubscribe()
-    })
+function unsubscribePush(registration) {
+  return registration.pushManager.getSubscription().then((subscription) => {
+    if (subscription === null) {
+      return Promise.resolve('No subscription')
+    }
+    return subscription.unsubscribe()
+  })
 }
 
-function deleteSubscriptionFromBackEnd (token) {
+function deleteSubscriptionFromBackEnd(token) {
   return fetch('/api/v1/push/subscription/', {
     method: 'DELETE',
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    }
+      Authorization: `Bearer ${token}`,
+    },
   }).then((response) => {
     if (!response.ok) throw new Error('Bad status code from server.')
     return response
   })
 }
 
-function sendSubscriptionToBackEnd (subscription, token, notificationVisibility) {
-  return window.fetch('/api/v1/push/subscription/', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    },
-    body: JSON.stringify({
-      subscription,
-      data: {
-        alerts: {
-          follow: notificationVisibility.follows,
-          favourite: notificationVisibility.likes,
-          mention: notificationVisibility.mentions,
-          reblog: notificationVisibility.repeats,
-          move: notificationVisibility.moves
-        }
-      }
+function sendSubscriptionToBackEnd(
+  subscription,
+  token,
+  notificationVisibility,
+) {
+  return window
+    .fetch('/api/v1/push/subscription/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({
+        subscription,
+        data: {
+          alerts: {
+            follow: notificationVisibility.follows,
+            favourite: notificationVisibility.likes,
+            mention: notificationVisibility.mentions,
+            reblog: notificationVisibility.repeats,
+            move: notificationVisibility.moves,
+          },
+        },
+      }),
+    })
+    .then((response) => {
+      if (!response.ok) throw new Error('Bad status code from server.')
+      return response.json()
+    })
+    .then((responseData) => {
+      if (!responseData.id) throw new Error('Bad response from server.')
+      return responseData
     })
-  }).then((response) => {
-    if (!response.ok) throw new Error('Bad status code from server.')
-    return response.json()
-  }).then((responseData) => {
-    if (!responseData.id) throw new Error('Bad response from server.')
-    return responseData
-  })
 }
-export async function initServiceWorker (store) {
+export async function initServiceWorker(store) {
   if (!isSWSupported()) return
   await getOrCreateServiceWorker()
   navigator.serviceWorker.addEventListener('message', (event) => {
@@ -97,16 +108,18 @@ export async function initServiceWorker (store) {
   })
 }
 
-export async function showDesktopNotification (content) {
+export async function showDesktopNotification(content) {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   sw.postMessage({ type: 'desktopNotification', content })
 }
 
-export async function closeDesktopNotification ({ id }) {
+export async function closeDesktopNotification({ id }) {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   if (id >= 0) {
     sw.postMessage({ type: 'desktopNotificationClose', content: { id } })
@@ -115,36 +128,53 @@ export async function closeDesktopNotification ({ id }) {
   }
 }
 
-export async function updateFocus () {
+export async function updateFocus() {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   sw.postMessage({ type: 'updateFocus' })
 }
 
-export function registerPushNotifications (isEnabled, vapidPublicKey, token, notificationVisibility) {
+export function registerPushNotifications(
+  isEnabled,
+  vapidPublicKey,
+  token,
+  notificationVisibility,
+) {
   if (isPushSupported()) {
     getOrCreateServiceWorker()
-      .then((registration) => subscribePush(registration, isEnabled, vapidPublicKey))
-      .then((subscription) => sendSubscriptionToBackEnd(subscription, token, notificationVisibility))
-      .catch((e) => console.warn(`Failed to setup Web Push Notifications: ${e.message}`))
+      .then((registration) =>
+        subscribePush(registration, isEnabled, vapidPublicKey),
+      )
+      .then((subscription) =>
+        sendSubscriptionToBackEnd(subscription, token, notificationVisibility),
+      )
+      .catch((e) =>
+        console.warn(`Failed to setup Web Push Notifications: ${e.message}`),
+      )
   }
 }
 
-export function unregisterPushNotifications (token) {
+export function unregisterPushNotifications(token) {
   if (isPushSupported()) {
-    Promise.all([
-      deleteSubscriptionFromBackEnd(token),
-      getOrCreateServiceWorker()
-        .then((registration) => {
-          return unsubscribePush(registration).then((result) => [registration, result])
-        })
-        .then(([, unsubResult]) => {
-          if (!unsubResult) {
-            console.warn('Push subscription cancellation wasn\'t successful')
-          }
-        })
-    ]).catch((e) => console.warn(`Failed to disable Web Push Notifications: ${e.message}`))
+    getOrCreateServiceWorker()
+      .then((registration) => {
+        return unsubscribePush(registration).then((result) => [
+          registration,
+          result,
+        ])
+      })
+      .then(([, unsubResult]) => {
+        if (unsubResult === 'No subscription') return
+        if (!unsubResult) {
+          console.warn("Push subscription cancellation wasn't successful")
+        }
+        return deleteSubscriptionFromBackEnd(token)
+      })
+      .catch((e) => {
+        console.warn(`Failed to disable Web Push Notifications: ${e.message}`)
+      })
   }
 }
 
diff --git a/src/services/theme_data/css_utils.js b/src/services/theme_data/css_utils.js
index 48935ea0e..2e3758ad5 100644
--- a/src/services/theme_data/css_utils.js
+++ b/src/services/theme_data/css_utils.js
@@ -2,7 +2,8 @@ import { convert } from 'chromatism'
 
 import { hex2rgb, rgba2css } from '../color_convert/color_convert.js'
 
-export const getCssColorString = (color, alpha = 1) => rgba2css({ ...convert(color).rgb, a: alpha })
+export const getCssColorString = (color, alpha = 1) =>
+  rgba2css({ ...convert(color).rgb, a: alpha })
 
 export const getCssShadow = (input, usesDropShadow) => {
   if (input.length === 0) {
@@ -10,16 +11,17 @@ export const getCssShadow = (input, usesDropShadow) => {
   }
 
   return input
-    .filter(_ => usesDropShadow ? _.inset : _)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      shad.blur,
-      shad.spread
-    ].map(_ => _ + 'px ').concat([
-      getCssColorString(shad.color, shad.alpha),
-      shad.inset ? 'inset' : ''
-    ]).join(' ')).join(', ')
+    .filter((_) => (usesDropShadow ? _.inset : _))
+    .map((shad) =>
+      [shad.x, shad.y, shad.blur, shad.spread]
+        .map((_) => _ + 'px ')
+        .concat([
+          getCssColorString(shad.color, shad.alpha),
+          shad.inset ? 'inset' : '',
+        ])
+        .join(' '),
+    )
+    .join(', ')
 }
 
 export const getCssShadowFilter = (input) => {
@@ -27,124 +29,156 @@ export const getCssShadowFilter = (input) => {
     return 'none'
   }
 
-  return input
-  // drop-shadow doesn't support inset or spread
-    .filter((shad) => !shad.inset && Number(shad.spread) === 0)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      // drop-shadow's blur is twice as strong compared to box-shadow
-      shad.blur / 2
-    ].map(_ => _ + 'px').concat([
-      getCssColorString(shad.color, shad.alpha)
-    ]).join(' '))
-    .map(_ => `drop-shadow(${_})`)
-    .join(' ')
+  return (
+    input
+      // drop-shadow doesn't support inset or spread
+      .filter((shad) => !shad.inset && Number(shad.spread) === 0)
+      .map((shad) =>
+        [
+          shad.x,
+          shad.y,
+          // drop-shadow's blur is twice as strong compared to box-shadow
+          shad.blur / 2,
+        ]
+          .map((_) => _ + 'px')
+          .concat([getCssColorString(shad.color, shad.alpha)])
+          .join(' '),
+      )
+      .map((_) => `drop-shadow(${_})`)
+      .join(' ')
+  )
 }
 
 // `debug` changes what backgrounds are used to "stacked" solid colors so you can see
 // what theme engine "thinks" is actual background color is for purposes of text color
 // generation and for when --stacked variable is used
-export const getCssRules = (rules, debug) => rules.map(rule => {
-  let selector = rule.selector
-  if (!selector) {
-    selector = 'html'
-  }
-  const header = selector + ' {'
-  const footer = '}'
-
-  const virtualDirectives = Object.entries(rule.virtualDirectives || {}).map(([k, v]) => {
-    return '  ' + k + ': ' + v
-  }).join(';\n')
-
-  const directives = Object.entries(rule.directives).map(([k, v]) => {
-    switch (k) {
-      case 'roundness': {
-        return '  ' + [
-          '--roundness: ' + v + 'px'
-        ].join(';\n  ')
+export const getCssRules = (rules, debug) =>
+  rules
+    .map((rule) => {
+      let selector = rule.selector
+      if (!selector) {
+        selector = 'html'
       }
-      case 'shadow': {
-        if (!rule.dynamicVars.shadow) {
-          return ''
-        }
-        return '  ' + [
-          '--shadow: ' + getCssShadow(rule.dynamicVars.shadow),
-          '--shadowFilter: ' + getCssShadowFilter(rule.dynamicVars.shadow),
-          '--shadowInset: ' + getCssShadow(rule.dynamicVars.shadow, true)
-        ].join(';\n  ')
-      }
-      case 'background': {
-        if (debug) {
-          return `
+      const header = selector + ' {'
+      const footer = '}'
+
+      const virtualDirectives = Object.entries(rule.virtualDirectives || {})
+        .map(([k, v]) => {
+          return '  ' + k + ': ' + v
+        })
+        .join(';\n')
+
+      const directives = Object.entries(rule.directives)
+        .map(([k, v]) => {
+          switch (k) {
+            case 'roundness': {
+              return '  ' + ['--roundness: ' + v + 'px'].join(';\n  ')
+            }
+            case 'shadow': {
+              if (!rule.dynamicVars.shadow) {
+                return ''
+              }
+              return (
+                '  ' +
+                [
+                  '--shadow: ' + getCssShadow(rule.dynamicVars.shadow),
+                  '--shadowFilter: ' +
+                    getCssShadowFilter(rule.dynamicVars.shadow),
+                  '--shadowInset: ' +
+                    getCssShadow(rule.dynamicVars.shadow, true),
+                ].join(';\n  ')
+              )
+            }
+            case 'background': {
+              if (debug) {
+                return `
             --background: ${getCssColorString(rule.dynamicVars.stacked)};
             background-color: ${getCssColorString(rule.dynamicVars.stacked)};
           `
-        }
-        if (v === 'transparent') {
-          if (rule.component === 'Root') return null
-          return [
-            rule.directives.backgroundNoCssColor !== 'yes' ? ('background-color: ' + v) : '',
-            '  --background: ' + v
-          ].filter(x => x).join(';\n')
-        }
-        const color = getCssColorString(rule.dynamicVars.background, rule.directives.opacity)
-        const cssDirectives = ['--background: ' + color]
-        if (rule.directives.backgroundNoCssColor !== 'yes') {
-          cssDirectives.push('background-color: ' + color)
-        }
-        return cssDirectives.filter(x => x).join(';\n')
-      }
-      case 'blur': {
-        const cssDirectives = []
-        if (rule.directives.opacity < 1) {
-          cssDirectives.push(`--backdrop-filter: blur(${v}) `)
-          if (rule.directives.backgroundNoCssColor !== 'yes') {
-            cssDirectives.push(`backdrop-filter: blur(${v}) `)
-          }
-        }
-        return cssDirectives.join(';\n')
-      }
-      case 'font': {
-        return 'font-family: ' + v
-      }
-      case 'textColor': {
-        if (rule.directives.textNoCssColor === 'yes') { return '' }
-        return 'color: ' + v
-      }
-      default:
-        if (k.startsWith('--')) {
-          const [type, value] = v.split('|').map(x => x.trim())
-          switch (type) {
-            case 'color': {
-              const color = rule.dynamicVars[k]
-              if (typeof color === 'string') {
-                return k + ': ' + rgba2css(hex2rgb(color))
-              } else {
-                return k + ': ' + rgba2css(color)
               }
+              if (v === 'transparent') {
+                if (rule.component === 'Root') return null
+                return [
+                  rule.directives.backgroundNoCssColor !== 'yes'
+                    ? 'background-color: ' + v
+                    : '',
+                  '  --background: ' + v,
+                ]
+                  .filter((x) => x)
+                  .join(';\n')
+              }
+              const color = getCssColorString(
+                rule.dynamicVars.background,
+                rule.directives.opacity,
+              )
+              const cssDirectives = ['--background: ' + color]
+              if (rule.directives.backgroundNoCssColor !== 'yes') {
+                cssDirectives.push('background-color: ' + color)
+              }
+              return cssDirectives.filter((x) => x).join(';\n')
+            }
+            case 'blur': {
+              const cssDirectives = []
+              if (rule.directives.opacity < 1) {
+                cssDirectives.push(`--backdrop-filter: blur(${v}) `)
+                if (rule.directives.backgroundNoCssColor !== 'yes') {
+                  cssDirectives.push(`backdrop-filter: blur(${v}) `)
+                }
+              }
+              return cssDirectives.join(';\n')
+            }
+            case 'font': {
+              return 'font-family: ' + v
+            }
+            case 'textColor': {
+              if (rule.directives.textNoCssColor === 'yes') {
+                return ''
+              }
+              return 'color: ' + v
             }
-            case 'generic':
-              return k + ': ' + value
             default:
+              if (k.startsWith('--')) {
+                const [type, value] = v.split('|').map((x) => x.trim())
+                switch (type) {
+                  case 'color': {
+                    const color = rule.dynamicVars[k]
+                    if (typeof color === 'string') {
+                      return k + ': ' + rgba2css(hex2rgb(color))
+                    } else {
+                      return k + ': ' + rgba2css(color)
+                    }
+                  }
+                  case 'generic':
+                    return k + ': ' + value
+                  default:
+                    return null
+                }
+              }
               return null
           }
-        }
-        return null
-    }
-  }).filter(x => x).map(x => '  ' + x + ';').join('\n')
+        })
+        .filter((x) => x)
+        .map((x) => '  ' + x + ';')
+        .join('\n')
 
-  return [
-    header,
-    directives,
-    (rule.component === 'Text' && rule.state.indexOf('faint') < 0 && rule.directives.textNoCssColor !== 'yes') ? '  color: var(--text);' : '',
-    virtualDirectives,
-    footer
-  ].filter(x => x).join('\n')
-}).filter(x => x)
+      return [
+        header,
+        directives,
+        rule.component === 'Text' &&
+        rule.state.indexOf('faint') < 0 &&
+        rule.directives.textNoCssColor !== 'yes'
+          ? '  color: var(--text);'
+          : '',
+        virtualDirectives,
+        footer,
+      ]
+        .filter((x) => x)
+        .join('\n')
+    })
+    .filter((x) => x)
 
 export const getScopedVersion = (rules, newScope) => {
-  return rules.map(x => {
+  return rules.map((x) => {
     if (x.startsWith('html')) {
       return x.replace('html', newScope)
     } else if (x.startsWith('#content')) {
diff --git a/src/services/theme_data/iss_deserializer.js b/src/services/theme_data/iss_deserializer.js
index a69a18576..e5506ae42 100644
--- a/src/services/theme_data/iss_deserializer.js
+++ b/src/services/theme_data/iss_deserializer.js
@@ -1,7 +1,17 @@
 import { flattenDeep } from 'lodash'
 
-export const deserializeShadow = string => {
-  const modes = ['_full', 'inset', 'x', 'y', 'blur', 'spread', 'color', 'alpha', 'name']
+export const deserializeShadow = (string) => {
+  const modes = [
+    '_full',
+    'inset',
+    'x',
+    'y',
+    'blur',
+    'spread',
+    'color',
+    'alpha',
+    'name',
+  ]
   const regexPrep = [
     // inset keyword (optional)
     '^',
@@ -20,7 +30,7 @@ export const deserializeShadow = string => {
     '(?:\\s+\\/\\s+([0-9]+(?:\\.[0-9]+)?)\\s*)?',
     // name
     '(?:\\s+#(\\w+)\\s*)?',
-    '$'
+    '$',
   ].join('')
   const regex = new RegExp(regexPrep, 'gis') // global, (stable) indices, single-string
   const result = regex.exec(string)
@@ -32,20 +42,26 @@ export const deserializeShadow = string => {
     }
   } else {
     const numeric = new Set(['x', 'y', 'blur', 'spread', 'alpha'])
-    const { x, y, blur, spread, alpha, inset, color, name } = Object.fromEntries(modes.map((mode, i) => {
-      if (numeric.has(mode)) {
-        const number = Number(result[i])
-        if (Number.isNaN(number)) {
-          if (mode === 'alpha') return [mode, 1]
-          return [mode, 0]
-        }
-        return [mode, number]
-      } else if (mode === 'inset') {
-        return [mode, !!result[i]]
-      } else {
-        return [mode, result[i]]
-      }
-    }).filter(([, v]) => v !== false).slice(1))
+    const { x, y, blur, spread, alpha, inset, color, name } =
+      Object.fromEntries(
+        modes
+          .map((mode, i) => {
+            if (numeric.has(mode)) {
+              const number = Number(result[i])
+              if (Number.isNaN(number)) {
+                if (mode === 'alpha') return [mode, 1]
+                return [mode, 0]
+              }
+              return [mode, number]
+            } else if (mode === 'inset') {
+              return [mode, !!result[i]]
+            } else {
+              return [mode, result[i]]
+            }
+          })
+          .filter(([, v]) => v !== false)
+          .slice(1),
+      )
 
     return { x, y, blur, spread, color, alpha, inset, name }
   }
@@ -94,77 +110,87 @@ const parseIss = (input) => {
 }
 export const deserialize = (input) => {
   const ast = parseIss(input)
-  const finalResult = ast.filter(i => i.selector != null).map(item => {
-    const { selector, content } = item
-    let stateCount = 0
-    const selectors = selector.split(/,/g)
-    const result = selectors.map(selector => {
-      const output = { component: '' }
-      let currentDepth = null
+  const finalResult = ast
+    .filter((i) => i.selector != null)
+    .map((item) => {
+      const { selector, content } = item
+      let stateCount = 0
+      const selectors = selector.split(/,/g)
+      const result = selectors.map((selector) => {
+        const output = { component: '' }
+        let currentDepth = null
 
-      selector.split(/ /g).reverse().forEach((fragment, index, arr) => {
-        const fragmentObject = { component: '' }
+        selector
+          .split(/ /g)
+          .reverse()
+          .forEach((fragment, index, arr) => {
+            const fragmentObject = { component: '' }
 
-        let mode = 'component'
-        for (let i = 0; i < fragment.length; i++) {
-          const char = fragment[i]
-          switch (char) {
-            case '.': {
-              mode = 'variant'
-              fragmentObject.variant = ''
-              break
-            }
-            case ':': {
-              mode = 'state'
-              fragmentObject.state = fragmentObject.state || []
-              stateCount++
-              break
-            }
-            default: {
-              if (mode === 'state') {
-                const currentState = fragmentObject.state[stateCount - 1]
-                if (currentState == null) {
-                  fragmentObject.state.push('')
+            let mode = 'component'
+            for (let i = 0; i < fragment.length; i++) {
+              const char = fragment[i]
+              switch (char) {
+                case '.': {
+                  mode = 'variant'
+                  fragmentObject.variant = ''
+                  break
+                }
+                case ':': {
+                  mode = 'state'
+                  fragmentObject.state = fragmentObject.state || []
+                  stateCount++
+                  break
+                }
+                default: {
+                  if (mode === 'state') {
+                    const currentState = fragmentObject.state[stateCount - 1]
+                    if (currentState == null) {
+                      fragmentObject.state.push('')
+                    }
+                    fragmentObject.state[stateCount - 1] += char
+                  } else {
+                    fragmentObject[mode] += char
+                  }
                 }
-                fragmentObject.state[stateCount - 1] += char
-              } else {
-                fragmentObject[mode] += char
               }
             }
-          }
-        }
-        if (currentDepth !== null) {
-          currentDepth.parent = { ...fragmentObject }
-          currentDepth = currentDepth.parent
-        } else {
-          Object.keys(fragmentObject).forEach(key => {
-            output[key] = fragmentObject[key]
+            if (currentDepth !== null) {
+              currentDepth.parent = { ...fragmentObject }
+              currentDepth = currentDepth.parent
+            } else {
+              Object.keys(fragmentObject).forEach((key) => {
+                output[key] = fragmentObject[key]
+              })
+              if (index !== arr.length - 1) {
+                output.parent = { component: '' }
+              }
+              currentDepth = output
+            }
           })
-          if (index !== (arr.length - 1)) {
-            output.parent = { component: '' }
-          }
-          currentDepth = output
-        }
+
+        output.directives = Object.fromEntries(
+          content.map((d) => {
+            const [property, value] = d.split(':')
+            let realValue = (value || '').trim()
+            if (property === 'shadow') {
+              if (realValue === 'none') {
+                realValue = []
+              } else {
+                realValue = value
+                  .split(',')
+                  .map((v) => deserializeShadow(v.trim()))
+              }
+            }
+            if (!Number.isNaN(Number(value))) {
+              realValue = Number(value)
+            }
+            return [property, realValue]
+          }),
+        )
+
+        return output
       })
-
-      output.directives = Object.fromEntries(content.map(d => {
-        const [property, value] = d.split(':')
-        let realValue = (value || '').trim()
-        if (property === 'shadow') {
-          if (realValue === 'none') {
-            realValue = []
-          } else {
-            realValue = value.split(',').map(v => deserializeShadow(v.trim()))
-          }
-        } if (!Number.isNaN(Number(value))) {
-          realValue = Number(value)
-        }
-        return [property, realValue]
-      }))
-
-      return output
+      return result
     })
-    return result
-  })
   return flattenDeep(finalResult)
 }
diff --git a/src/services/theme_data/iss_serializer.js b/src/services/theme_data/iss_serializer.js
index ce3551224..a9c3887dd 100644
--- a/src/services/theme_data/iss_serializer.js
+++ b/src/services/theme_data/iss_serializer.js
@@ -1,5 +1,5 @@
-import { unroll } from './iss_utils.js'
 import { deserializeShadow } from './iss_deserializer.js'
+import { unroll } from './iss_utils.js'
 
 export const serializeShadow = (s) => {
   if (typeof s === 'object') {
@@ -14,40 +14,54 @@ export const serializeShadow = (s) => {
 }
 
 export const serialize = (ruleset) => {
-  return ruleset.map((rule) => {
-    if (Object.keys(rule.directives || {}).length === 0) return false
+  return ruleset
+    .map((rule) => {
+      if (Object.keys(rule.directives || {}).length === 0) return false
 
-    const header = unroll(rule).reverse().map(rule => {
-      const { component } = rule
-      const newVariant = (rule.variant == null || rule.variant === 'normal') ? '' : ('.' + rule.variant)
-      const newState = (rule.state || []).filter(st => st !== 'normal')
+      const header = unroll(rule)
+        .reverse()
+        .map((rule) => {
+          const { component } = rule
+          const newVariant =
+            rule.variant == null || rule.variant === 'normal'
+              ? ''
+              : '.' + rule.variant
+          const newState = (rule.state || []).filter((st) => st !== 'normal')
 
-      return `${component}${newVariant}${newState.map(st => ':' + st).join('')}`
-    }).join(' ')
+          return `${component}${newVariant}${newState.map((st) => ':' + st).join('')}`
+        })
+        .join(' ')
 
-    const content = Object.entries(rule.directives).map(([directive, value]) => {
-      if (directive.startsWith('--')) {
-        const [valType, newValue] = value.split('|') // only first one! intentional!
-        switch (valType) {
-          case 'shadow':
-            return `  ${directive}: ${valType.trim()} | ${newValue.map(serializeShadow).map(s => s.trim()).join(', ')}`
-          default:
-            return `  ${directive}: ${valType.trim()} | ${newValue.trim()}`
-        }
-      } else {
-        switch (directive) {
-          case 'shadow':
-            if (value.length > 0) {
-              return `  ${directive}: ${value.map(serializeShadow).join(', ')}`
-            } else {
-              return `  ${directive}: none`
+      const content = Object.entries(rule.directives).map(
+        ([directive, value]) => {
+          if (directive.startsWith('--')) {
+            const [valType, newValue] = value.split('|') // only first one! intentional!
+            switch (valType) {
+              case 'shadow':
+                return `  ${directive}: ${valType.trim()} | ${newValue
+                  .map(serializeShadow)
+                  .map((s) => s.trim())
+                  .join(', ')}`
+              default:
+                return `  ${directive}: ${valType.trim()} | ${newValue.trim()}`
             }
-          default:
-            return `  ${directive}: ${value}`
-        }
-      }
-    })
+          } else {
+            switch (directive) {
+              case 'shadow':
+                if (value.length > 0) {
+                  return `  ${directive}: ${value.map(serializeShadow).join(', ')}`
+                } else {
+                  return `  ${directive}: none`
+                }
+              default:
+                return `  ${directive}: ${value}`
+            }
+          }
+        },
+      )
 
-    return `${header} {\n${content.join(';\n')}\n}`
-  }).filter(x => x).join('\n\n')
+      return `${header} {\n${content.join(';\n')}\n}`
+    })
+    .filter((x) => x)
+    .join('\n\n')
 }
diff --git a/src/services/theme_data/iss_utils.js b/src/services/theme_data/iss_utils.js
index a12991485..e5aa5cd15 100644
--- a/src/services/theme_data/iss_utils.js
+++ b/src/services/theme_data/iss_utils.js
@@ -15,18 +15,18 @@ export const unroll = (item) => {
 // This gives you an array of arrays of all possible unique (i.e. order-insensitive) combinations
 // Can only accept primitives. Duplicates are not supported and can cause unexpected behavior
 export const getAllPossibleCombinations = (array) => {
-  const combos = [array.map(x => [x])]
+  const combos = [array.map((x) => [x])]
   for (let comboSize = 2; comboSize <= array.length; comboSize++) {
     const previous = combos[combos.length - 1]
-    const newCombos = previous.map(self => {
+    const newCombos = previous.map((self) => {
       const selfSet = new Set()
-      self.forEach(x => selfSet.add(x))
-      const nonSelf = array.filter(x => !selfSet.has(x))
-      return nonSelf.map(x => [...self, x])
+      self.forEach((x) => selfSet.add(x))
+      const nonSelf = array.filter((x) => !selfSet.has(x))
+      return nonSelf.map((x) => [...self, x])
     })
     const flatCombos = newCombos.reduce((acc, x) => [...acc, ...x], [])
     const uniqueComboStrings = new Set()
-    const uniqueCombos = flatCombos.map(sortBy).filter(x => {
+    const uniqueCombos = flatCombos.map(sortBy).filter((x) => {
       if (uniqueComboStrings.has(x.join())) {
         return false
       } else {
@@ -56,75 +56,98 @@ export const getAllPossibleCombinations = (array) => {
  *
  * @returns {String} CSS selector (or path)
  */
-export const genericRuleToSelector = components => (rule, ignoreOutOfTreeSelector, liteMode, children) => {
-  const isParent = !!children
-  if (!rule && !isParent) return null
-  const component = components[rule.component]
-  const { states = {}, variants = {}, outOfTreeSelector } = component
+export const genericRuleToSelector =
+  (components) => (rule, ignoreOutOfTreeSelector, liteMode, children) => {
+    const isParent = !!children
+    if (!rule && !isParent) return null
+    const component = components[rule.component]
+    const { states = {}, variants = {}, outOfTreeSelector } = component
 
-  const expand = (array = [], subArray = []) => {
-    if (array.length === 0) return subArray.map(x => [x])
-    if (subArray.length === 0) return array.map(x => [x])
-    return array.map(a => {
-      return subArray.map(b => [a, b])
-    }).flat()
-  }
-
-  let componentSelectors = Array.isArray(component.selector) ? component.selector : [component.selector]
-  if (ignoreOutOfTreeSelector || liteMode) componentSelectors = [componentSelectors[0]]
-  componentSelectors = componentSelectors.map(selector => {
-    if (selector === ':root') {
-      return ''
-    } else if (isParent) {
-      return selector
-    } else {
-      if (outOfTreeSelector && !ignoreOutOfTreeSelector) return outOfTreeSelector
-      return selector
+    const expand = (array = [], subArray = []) => {
+      if (array.length === 0) return subArray.map((x) => [x])
+      if (subArray.length === 0) return array.map((x) => [x])
+      return array
+        .map((a) => {
+          return subArray.map((b) => [a, b])
+        })
+        .flat()
     }
-  })
 
-  const applicableVariantName = (rule.variant || 'normal')
-  let variantSelectors = null
-  if (applicableVariantName !== 'normal') {
-    variantSelectors = variants[applicableVariantName]
-  } else {
-    variantSelectors = variants?.normal ?? ''
+    let componentSelectors = Array.isArray(component.selector)
+      ? component.selector
+      : [component.selector]
+    if (ignoreOutOfTreeSelector || liteMode)
+      componentSelectors = [componentSelectors[0]]
+    componentSelectors = componentSelectors.map((selector) => {
+      if (selector === ':root') {
+        return ''
+      } else if (isParent) {
+        return selector
+      } else {
+        if (outOfTreeSelector && !ignoreOutOfTreeSelector)
+          return outOfTreeSelector
+        return selector
+      }
+    })
+
+    const applicableVariantName = rule.variant || 'normal'
+    let variantSelectors = null
+    if (applicableVariantName !== 'normal') {
+      variantSelectors = variants[applicableVariantName]
+    } else {
+      variantSelectors = variants?.normal ?? ''
+    }
+    variantSelectors = Array.isArray(variantSelectors)
+      ? variantSelectors
+      : [variantSelectors]
+    if (ignoreOutOfTreeSelector || liteMode)
+      variantSelectors = [variantSelectors[0]]
+
+    const applicableStates = (rule.state || []).filter((x) => x !== 'normal')
+    // const applicableStates = (rule.state || [])
+    const statesSelectors = applicableStates.map((state) => {
+      const selector = states[state] || ''
+      let arraySelector = Array.isArray(selector) ? selector : [selector]
+      if (ignoreOutOfTreeSelector || liteMode)
+        arraySelector = [arraySelector[0]]
+      arraySelector
+        .sort((a) => {
+          if (a.startsWith(':')) return 1
+          if (/^[a-z]/.exec(a)) return -1
+          else return 0
+        })
+        .join('')
+      return arraySelector
+    })
+
+    const statesSelectorsFlat = statesSelectors.reduce((acc, s) => {
+      return expand(acc, s).map((st) => st.join(''))
+    }, [])
+
+    const componentVariant = expand(componentSelectors, variantSelectors).map(
+      (cv) => cv.join(''),
+    )
+    const componentVariantStates = expand(
+      componentVariant,
+      statesSelectorsFlat,
+    ).map((cvs) => cvs.join(''))
+    const selectors = expand(componentVariantStates, children).map((cvsc) =>
+      cvsc.join(' '),
+    )
+    /*
+     */
+
+    if (rule.parent) {
+      return genericRuleToSelector(components)(
+        rule.parent,
+        ignoreOutOfTreeSelector,
+        liteMode,
+        selectors,
+      )
+    }
+
+    return selectors.join(', ').trim()
   }
-  variantSelectors = Array.isArray(variantSelectors) ? variantSelectors : [variantSelectors]
-  if (ignoreOutOfTreeSelector || liteMode) variantSelectors = [variantSelectors[0]]
-
-  const applicableStates = (rule.state || []).filter(x => x !== 'normal')
-  // const applicableStates = (rule.state || [])
-  const statesSelectors = applicableStates.map(state => {
-    const selector = states[state] || ''
-    let arraySelector = Array.isArray(selector) ? selector : [selector]
-    if (ignoreOutOfTreeSelector || liteMode) arraySelector = [arraySelector[0]]
-    arraySelector
-      .sort((a) => {
-        if (a.startsWith(':')) return 1
-        if (/^[a-z]/.exec(a)) return -1
-        else return 0
-      })
-      .join('')
-    return arraySelector
-  })
-
-  const statesSelectorsFlat = statesSelectors.reduce((acc, s) => {
-    return expand(acc, s).map(st => st.join(''))
-  }, [])
-
-  const componentVariant = expand(componentSelectors, variantSelectors).map(cv => cv.join(''))
-  const componentVariantStates = expand(componentVariant, statesSelectorsFlat).map(cvs => cvs.join(''))
-  const selectors = expand(componentVariantStates, children).map(cvsc => cvsc.join(' '))
-  /*
-  */
-
-  if (rule.parent) {
-    return genericRuleToSelector(components)(rule.parent, ignoreOutOfTreeSelector, liteMode, selectors)
-  }
-
-  return selectors.join(', ').trim()
-}
 
 /**
  * Check if combination matches
@@ -151,8 +174,8 @@ export const combinationsMatch = (criteria, subject, strict) => {
     const criteriaStatesSet = new Set(criteria.state)
 
     const setsAreEqual =
-      [...criteriaStatesSet].every(state => subjectStatesSet.has(state)) &&
-      [...subjectStatesSet].every(state => criteriaStatesSet.has(state))
+      [...criteriaStatesSet].every((state) => subjectStatesSet.has(state)) &&
+      [...subjectStatesSet].every((state) => criteriaStatesSet.has(state))
 
     if (!setsAreEqual) return false
   }
@@ -168,7 +191,7 @@ export const combinationsMatch = (criteria, subject, strict) => {
  *
  * @return function that returns true/false if subject matches
  */
-export const findRules = (criteria, strict) => subject => {
+export const findRules = (criteria, strict) => (subject) => {
   // If we searching for "general" rules - ignore "specific" ones
   if (criteria.parent === null && !!subject.parent) return false
   if (!combinationsMatch(criteria, subject, strict)) return false
@@ -186,14 +209,15 @@ export const findRules = (criteria, strict) => subject => {
       const criteriaParent = pathCriteria[i]
       const subjectParent = pathSubject[i]
       if (!subjectParent) return true
-      if (!combinationsMatch(criteriaParent, subjectParent, strict)) return false
+      if (!combinationsMatch(criteriaParent, subjectParent, strict))
+        return false
     }
   }
   return true
 }
 
 // Pre-fills 'normal' state/variant if missing
-export const normalizeCombination = rule => {
+export const normalizeCombination = (rule) => {
   rule.variant = rule.variant ?? 'normal'
   rule.state = [...new Set(['normal', ...(rule.state || [])])]
 }
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index dc7a5d897..199eec6fc 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -1,4 +1,5 @@
-import { invertLightness, brightness } from 'chromatism'
+import { brightness, invertLightness } from 'chromatism'
+
 import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
 /* This is a definition of all layer combinations
  * each key is a topmost layer, each value represents layer underneath
@@ -25,7 +26,7 @@ export const LAYERS = {
   alertPanel: 'panel',
   poll: 'bg',
   chatBg: 'underlay',
-  chatMessage: 'chatBg'
+  chatMessage: 'chatBg',
 }
 
 /* By default opacity slots have 1 as default opacity
@@ -37,7 +38,7 @@ export const DEFAULT_OPACITY = {
   input: 0.5,
   faint: 0.5,
   underlay: 0.15,
-  alertPopup: 0.95
+  alertPopup: 0.95,
 }
 
 /**  SUBJECT TO CHANGE IN THE FUTURE, this is all beta
@@ -82,45 +83,45 @@ export const SLOT_INHERITANCE = {
   bg: {
     depends: [],
     opacity: 'bg',
-    priority: 1
+    priority: 1,
   },
   wallpaper: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(-2 * mod, bg).rgb
+    color: (mod, bg) => brightness(-2 * mod, bg).rgb,
   },
   fg: {
     depends: [],
-    priority: 1
+    priority: 1,
   },
   text: {
     depends: [],
     layer: 'bg',
     opacity: null,
-    priority: 1
+    priority: 1,
   },
   underlay: {
     default: '#000000',
-    opacity: 'underlay'
+    opacity: 'underlay',
   },
   link: {
     depends: ['accent'],
-    priority: 1
+    priority: 1,
   },
   accent: {
     depends: ['link'],
-    priority: 1
+    priority: 1,
   },
   faint: {
     depends: ['text'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
   faintLink: {
     depends: ['link'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
   postFaintLink: {
     depends: ['postLink'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
 
   cBlue: '#0000ff',
@@ -133,101 +134,101 @@ export const SLOT_INHERITANCE = {
     color: (mod, bg) => ({
       r: Math.floor(bg.r * 0.53),
       g: Math.floor(bg.g * 0.56),
-      b: Math.floor(bg.b * 0.59)
-    })
+      b: Math.floor(bg.b * 0.59),
+    }),
   },
   profileTint: {
     depends: ['bg'],
     layer: 'profileTint',
-    opacity: 'profileTint'
+    opacity: 'profileTint',
   },
 
   highlight: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   highlightLightText: {
     depends: ['lightText'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightPostLink: {
     depends: ['postLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightFaintText: {
     depends: ['faint'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightFaintLink: {
     depends: ['faintLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightPostFaintLink: {
     depends: ['postFaintLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightText: {
     depends: ['text'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightLink: {
     depends: ['link'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightIcon: {
     depends: ['highlight', 'highlightText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   popover: {
     depends: ['bg'],
-    opacity: 'popover'
+    opacity: 'popover',
   },
   popoverLightText: {
     depends: ['lightText'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverPostLink: {
     depends: ['postLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverFaintText: {
     depends: ['faint'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverFaintLink: {
     depends: ['faintLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverPostFaintLink: {
     depends: ['postFaintLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverText: {
     depends: ['text'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverLink: {
     depends: ['link'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverIcon: {
     depends: ['popover', 'popoverText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedPost: '--highlight',
@@ -235,201 +236,201 @@ export const SLOT_INHERITANCE = {
     depends: ['highlightFaintText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostLightText: {
     depends: ['highlightLightText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostPostLink: {
     depends: ['highlightPostLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostFaintLink: {
     depends: ['highlightFaintLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostText: {
     depends: ['highlightText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostLink: {
     depends: ['highlightLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostIcon: {
     depends: ['selectedPost', 'selectedPostText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedMenu: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   selectedMenuLightText: {
     depends: ['highlightLightText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuFaintText: {
     depends: ['highlightFaintText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuFaintLink: {
     depends: ['highlightFaintLink'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuText: {
     depends: ['highlightText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuLink: {
     depends: ['highlightLink'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuIcon: {
     depends: ['selectedMenu', 'selectedMenuText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedMenuPopover: {
     depends: ['popover'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   selectedMenuPopoverLightText: {
     depends: ['selectedMenuLightText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverFaintText: {
     depends: ['selectedMenuFaintText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverFaintLink: {
     depends: ['selectedMenuFaintLink'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuPopoverText: {
     depends: ['selectedMenuText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverLink: {
     depends: ['selectedMenuLink'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuPopoverIcon: {
     depends: ['selectedMenuPopover', 'selectedMenuText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   lightText: {
     depends: ['text'],
     layer: 'bg',
     textColor: 'preserve',
-    color: (mod, text) => brightness(20 * mod, text).rgb
+    color: (mod, text) => brightness(20 * mod, text).rgb,
   },
 
   postLink: {
     depends: ['link'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   postGreentext: {
     depends: ['cGreen'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   postCyantext: {
     depends: ['cBlue'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   border: {
     depends: ['fg'],
     opacity: 'border',
-    color: (mod, fg) => brightness(2 * mod, fg).rgb
+    color: (mod, fg) => brightness(2 * mod, fg).rgb,
   },
 
   poll: {
     depends: ['accent', 'bg'],
     copacity: 'poll',
-    color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg)
+    color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg),
   },
   pollText: {
     depends: ['text'],
     layer: 'poll',
-    textColor: true
+    textColor: true,
   },
 
   icon: {
     depends: ['bg', 'text'],
     inheritsOpacity: false,
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   // Foreground
   fgText: {
     depends: ['text'],
     layer: 'fg',
-    textColor: true
+    textColor: true,
   },
   fgLink: {
     depends: ['link'],
     layer: 'fg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Panel header
   panel: {
     depends: ['fg'],
-    opacity: 'panel'
+    opacity: 'panel',
   },
   panelText: {
     depends: ['text'],
     layer: 'panel',
-    textColor: true
+    textColor: true,
   },
   panelFaint: {
     depends: ['fgText'],
     layer: 'panel',
     opacity: 'faint',
-    textColor: true
+    textColor: true,
   },
   panelLink: {
     depends: ['fgLink'],
     layer: 'panel',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Top bar
@@ -437,268 +438,268 @@ export const SLOT_INHERITANCE = {
   topBarText: {
     depends: ['fgText'],
     layer: 'topBar',
-    textColor: true
+    textColor: true,
   },
   topBarLink: {
     depends: ['fgLink'],
     layer: 'topBar',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Tabs
   tab: {
-    depends: ['btn']
+    depends: ['btn'],
   },
   tabText: {
     depends: ['btnText'],
     layer: 'btn',
-    textColor: true
+    textColor: true,
   },
   tabActiveText: {
     depends: ['text'],
     layer: 'bg',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons
   btn: {
     depends: ['fg'],
     variant: 'btn',
-    opacity: 'btn'
+    opacity: 'btn',
   },
   btnText: {
     depends: ['fgText'],
     layer: 'btn',
-    textColor: true
+    textColor: true,
   },
   btnPanelText: {
     depends: ['btnText'],
     layer: 'btnPanel',
     variant: 'btn',
-    textColor: true
+    textColor: true,
   },
   btnTopBarText: {
     depends: ['btnText'],
     layer: 'btnTopBar',
     variant: 'btn',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: pressed
   btnPressed: {
     depends: ['btn'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedText: {
     depends: ['btnText'],
     layer: 'btn',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
   btnPressedPanel: {
     depends: ['btnPressed'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedPanelText: {
     depends: ['btnPanelText'],
     layer: 'btnPanel',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
   btnPressedTopBar: {
     depends: ['btnPressed'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedTopBarText: {
     depends: ['btnTopBarText'],
     layer: 'btnTopBar',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: toggled
   btnToggled: {
     depends: ['btn'],
     layer: 'btn',
-    color: (mod, btn) => brightness(mod * 20, btn).rgb
+    color: (mod, btn) => brightness(mod * 20, btn).rgb,
   },
   btnToggledText: {
     depends: ['btnText'],
     layer: 'btn',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
   btnToggledPanelText: {
     depends: ['btnPanelText'],
     layer: 'btnPanel',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
   btnToggledTopBarText: {
     depends: ['btnTopBarText'],
     layer: 'btnTopBar',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: disabled
   btnDisabled: {
     depends: ['btn', 'bg'],
-    color: (mod, btn, bg) => alphaBlend(btn, 0.25, bg)
+    color: (mod, btn, bg) => alphaBlend(btn, 0.25, bg),
   },
   btnDisabledText: {
     depends: ['btnText', 'btnDisabled'],
     layer: 'btn',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
   btnDisabledPanelText: {
     depends: ['btnPanelText', 'btnDisabled'],
     layer: 'btnPanel',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
   btnDisabledTopBarText: {
     depends: ['btnTopBarText', 'btnDisabled'],
     layer: 'btnTopBar',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
 
   // Input fields
   input: {
     depends: ['fg'],
-    opacity: 'input'
+    opacity: 'input',
   },
   inputText: {
     depends: ['text'],
     layer: 'input',
-    textColor: true
+    textColor: true,
   },
   inputPanelText: {
     depends: ['panelText'],
     layer: 'inputPanel',
     variant: 'input',
-    textColor: true
+    textColor: true,
   },
   inputTopbarText: {
     depends: ['topBarText'],
     layer: 'inputTopBar',
     variant: 'input',
-    textColor: true
+    textColor: true,
   },
 
   alertError: {
     depends: ['cRed'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertErrorText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertError',
-    textColor: true
+    textColor: true,
   },
   alertErrorPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertError',
-    textColor: true
+    textColor: true,
   },
 
   alertWarning: {
     depends: ['cOrange'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertWarningText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertWarning',
-    textColor: true
+    textColor: true,
   },
   alertWarningPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertWarning',
-    textColor: true
+    textColor: true,
   },
 
   alertSuccess: {
     depends: ['cGreen'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertSuccessText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertSuccess',
-    textColor: true
+    textColor: true,
   },
   alertSuccessPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertSuccess',
-    textColor: true
+    textColor: true,
   },
 
   alertNeutral: {
     depends: ['text'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertNeutralText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertNeutral',
     color: (mod, text) => invertLightness(text).rgb,
-    textColor: true
+    textColor: true,
   },
   alertNeutralPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertNeutral',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupError: {
     depends: ['alertError'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupErrorText: {
     depends: ['alertErrorText'],
     layer: 'popover',
     variant: 'alertPopupError',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupWarning: {
     depends: ['alertWarning'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupWarningText: {
     depends: ['alertWarningText'],
     layer: 'popover',
     variant: 'alertPopupWarning',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupSuccess: {
     depends: ['alertSuccess'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupSuccessText: {
     depends: ['alertSuccessText'],
     layer: 'popover',
     variant: 'alertPopupSuccess',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupNeutral: {
     depends: ['alertNeutral'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupNeutralText: {
     depends: ['alertNeutralText'],
     layer: 'popover',
     variant: 'alertPopupNeutral',
-    textColor: true
+    textColor: true,
   },
 
   badgeNotification: '--cRed',
@@ -706,7 +707,7 @@ export const SLOT_INHERITANCE = {
     depends: ['text', 'badgeNotification'],
     layer: 'badge',
     variant: 'badgeNotification',
-    textColor: 'bw'
+    textColor: 'bw',
   },
 
   badgeNeutral: '--cGreen',
@@ -714,59 +715,59 @@ export const SLOT_INHERITANCE = {
     depends: ['text', 'badgeNeutral'],
     layer: 'badge',
     variant: 'badgeNeutral',
-    textColor: 'bw'
+    textColor: 'bw',
   },
 
   chatBg: {
-    depends: ['bg']
+    depends: ['bg'],
   },
 
   chatMessageIncomingBg: {
-    depends: ['chatBg']
+    depends: ['chatBg'],
   },
 
   chatMessageIncomingText: {
     depends: ['text'],
     layer: 'chatMessage',
     variant: 'chatMessageIncomingBg',
-    textColor: true
+    textColor: true,
   },
 
   chatMessageIncomingLink: {
     depends: ['link'],
     layer: 'chatMessage',
     variant: 'chatMessageIncomingBg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   chatMessageIncomingBorder: {
     depends: ['border'],
     opacity: 'border',
-    color: (mod, border) => brightness(2 * mod, border).rgb
+    color: (mod, border) => brightness(2 * mod, border).rgb,
   },
 
   chatMessageOutgoingBg: {
     depends: ['chatMessageIncomingBg'],
-    color: (mod, chatMessage) => brightness(5 * mod, chatMessage).rgb
+    color: (mod, chatMessage) => brightness(5 * mod, chatMessage).rgb,
   },
 
   chatMessageOutgoingText: {
     depends: ['text'],
     layer: 'chatMessage',
     variant: 'chatMessageOutgoingBg',
-    textColor: true
+    textColor: true,
   },
 
   chatMessageOutgoingLink: {
     depends: ['link'],
     layer: 'chatMessage',
     variant: 'chatMessageOutgoingBg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   chatMessageOutgoingBorder: {
     depends: ['chatMessageOutgoingBg'],
     opacity: 'border',
-    color: (mod, border) => brightness(2 * mod, border).rgb
-  }
+    color: (mod, border) => brightness(2 * mod, border).rgb,
+  },
 }
diff --git a/src/services/theme_data/theme2_keys.js b/src/services/theme_data/theme2_keys.js
index ffc5627c4..88ad4a98a 100644
--- a/src/services/theme_data/theme2_keys.js
+++ b/src/services/theme_data/theme2_keys.js
@@ -173,5 +173,5 @@ export default [
   'chatMessageOutgoingBg',
   'chatMessageOutgoingText',
   'chatMessageOutgoingLink',
-  'chatMessageOutgoingBorder'
+  'chatMessageOutgoingBorder',
 ]
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 9de1aca3c..996d444f5 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -1,4 +1,5 @@
 import { convert } from 'chromatism'
+
 import allKeys from './theme2_keys'
 
 // keys that are meant to be used globally, i.e. what's the rest of the theme is based upon.
@@ -14,15 +15,10 @@ export const basePaletteKeys = new Set([
   'cGreen',
   'cOrange',
 
-  'wallpaper'
+  'wallpaper',
 ])
 
-export const fontsKeys = new Set([
-  'interface',
-  'input',
-  'post',
-  'postCode'
-])
+export const fontsKeys = new Set(['interface', 'input', 'post', 'postCode'])
 
 export const opacityKeys = new Set([
   'alert',
@@ -35,7 +31,7 @@ export const opacityKeys = new Set([
   'panel',
   'popover',
   'profileTint',
-  'underlay'
+  'underlay',
 ])
 
 export const shadowsKeys = new Set([
@@ -48,7 +44,7 @@ export const shadowsKeys = new Set([
   'button',
   'buttonHover',
   'buttonPressed',
-  'input'
+  'input',
 ])
 
 export const radiiKeys = new Set([
@@ -60,14 +56,11 @@ export const radiiKeys = new Set([
   'avatarAlt',
   'tooltip',
   'attachment',
-  'chatMessage'
+  'chatMessage',
 ])
 
 // Keys that are not available in editor and never meant to be edited
-export const hiddenKeys = new Set([
-  'profileBg',
-  'profileTint'
-])
+export const hiddenKeys = new Set(['profileBg', 'profileTint'])
 
 export const extendedBasePrefixes = [
   'border',
@@ -93,33 +86,30 @@ export const extendedBasePrefixes = [
   'poll',
 
   'chatBg',
-  'chatMessage'
+  'chatMessage',
 ]
 export const nonComponentPrefixes = new Set([
   'border',
   'icon',
   'highlight',
   'lightText',
-  'chatBg'
+  'chatBg',
 ])
 
 export const extendedBaseKeys = Object.fromEntries(
-  extendedBasePrefixes.map(prefix => [
+  extendedBasePrefixes.map((prefix) => [
     prefix,
-    allKeys.filter(k => {
+    allKeys.filter((k) => {
       if (prefix === 'alert') {
         return k.startsWith(prefix) && !k.startsWith('alertPopup')
       }
       return k.startsWith(prefix)
-    })
-  ])
+    }),
+  ]),
 )
 
 // Keysets that are only really used intermideately, i.e. to generate other colors
-export const temporary = new Set([
-  '',
-  'highlight'
-])
+export const temporary = new Set(['', 'highlight'])
 
 export const temporaryColors = {}
 
@@ -128,16 +118,18 @@ export const convertTheme2To3 = (data) => {
   data.colors.link = data.colors.link || data.colors.accent
   const generateRoot = () => {
     const directives = {}
-    basePaletteKeys.forEach(key => { directives['--' + key] = 'color | ' + convert(data.colors[key]).hex })
+    basePaletteKeys.forEach((key) => {
+      directives['--' + key] = 'color | ' + convert(data.colors[key]).hex
+    })
     return {
       component: 'Root',
-      directives
+      directives,
     }
   }
 
   const convertOpacity = () => {
     const newRules = []
-    Object.keys(data.opacity || {}).forEach(key => {
+    Object.keys(data.opacity || {}).forEach((key) => {
       if (!opacityKeys.has(key) || data.opacity[key] === undefined) return null
       const originalOpacity = data.opacity[key]
       const rule = { source: '2to3' }
@@ -201,7 +193,12 @@ export const convertTheme2To3 = (data) => {
       if (rule.component === 'Button') {
         newRules.push({ ...rule, component: 'ScrollbarElement' })
         newRules.push({ ...rule, component: 'Tab' })
-        newRules.push({ ...rule, component: 'Tab', state: ['active'], directives: { opacity: 0 } })
+        newRules.push({
+          ...rule,
+          component: 'Tab',
+          state: ['active'],
+          directives: { opacity: 0 },
+        })
       }
       if (rule.component === 'Panel') {
         newRules.push({ ...rule, component: 'Post' })
@@ -212,7 +209,7 @@ export const convertTheme2To3 = (data) => {
 
   const convertRadii = () => {
     const newRules = []
-    Object.keys(data.radii || {}).forEach(key => {
+    Object.keys(data.radii || {}).forEach((key) => {
       if (!radiiKeys.has(key) || data.radii[key] === undefined) return null
       const originalRadius = data.radii[key]
       const rule = { source: '2to3' }
@@ -244,15 +241,12 @@ export const convertTheme2To3 = (data) => {
         case 'tooltip':
           rule.component = 'Popover'
           break
-        case 'attachment':
-          rule.component = 'Attachment'
-          break
         case 'ChatMessage':
           rule.component = 'Button'
           break
       }
       rule.directives = {
-        roundness: originalRadius
+        roundness: originalRadius,
       }
       newRules.push(rule)
       if (rule.component === 'Button') {
@@ -265,7 +259,7 @@ export const convertTheme2To3 = (data) => {
 
   const convertFonts = () => {
     const newRules = []
-    Object.keys(data.fonts || {}).forEach(key => {
+    Object.keys(data.fonts || {}).forEach((key) => {
       if (!fontsKeys.has(key)) return
       if (!data.fonts[key]) return
       const originalFont = data.fonts[key].family
@@ -300,7 +294,7 @@ export const convertTheme2To3 = (data) => {
   }
   const convertShadows = () => {
     const newRules = []
-    Object.keys(data.shadows || {}).forEach(key => {
+    Object.keys(data.shadows || {}).forEach((key) => {
       if (!shadowsKeys.has(key)) return
       const originalShadow = data.shadows[key]
       const rule = { source: '2to3' }
@@ -341,11 +335,15 @@ export const convertTheme2To3 = (data) => {
           break
       }
       rule.directives = {
-        shadow: originalShadow
+        shadow: originalShadow,
       }
       newRules.push(rule)
       if (key === 'topBar') {
-        newRules.push({ ...rule, component: 'PanelHeader', parent: { component: 'MobileDrawer' } })
+        newRules.push({
+          ...rule,
+          component: 'PanelHeader',
+          parent: { component: 'MobileDrawer' },
+        })
       }
       if (key === 'avatarStatus') {
         newRules.push({ ...rule, parent: { component: 'Notification' } })
@@ -366,169 +364,211 @@ export const convertTheme2To3 = (data) => {
     return newRules
   }
 
-  const extendedRules = Object.entries(extendedBaseKeys).map(([prefix, keys]) => {
-    if (nonComponentPrefixes.has(prefix)) return null
-    const rule = { source: '2to3' }
-    if (prefix === 'alertPopup') {
-      rule.component = 'Alert'
-      rule.parent = { component: 'Popover' }
-    } else if (prefix === 'selectedPost') {
-      rule.component = 'Post'
-      rule.state = ['selected']
-    } else if (prefix === 'selectedMenu') {
-      rule.component = 'MenuItem'
-      rule.state = ['hover']
-    } else if (prefix === 'chatMessageIncoming') {
-      rule.component = 'ChatMessage'
-    } else if (prefix === 'chatMessageOutgoing') {
-      rule.component = 'ChatMessage'
-      rule.variant = 'outgoing'
-    } else if (prefix === 'panel') {
-      rule.component = 'PanelHeader'
-    } else if (prefix === 'topBar') {
-      rule.component = 'TopBar'
-    } else if (prefix === 'chatMessage') {
-      rule.component = 'ChatMessage'
-    } else if (prefix === 'poll') {
-      rule.component = 'PollGraph'
-    } else if (prefix === 'btn') {
-      rule.component = 'Button'
-    } else {
-      rule.component = prefix[0].toUpperCase() + prefix.slice(1).toLowerCase()
-    }
-    return keys.map((key) => {
-      if (!data.colors[key]) return null
-      const leftoverKey = key.replace(prefix, '')
-      const parts = (leftoverKey || 'Bg').match(/[A-Z][a-z]*/g)
-      const last = parts.slice(-1)[0]
-      let newRule = { source: '2to3', directives: {} }
-      let variantArray = []
-
-      switch (last) {
-        case 'Text':
-        case 'Faint': // typo
-        case 'Link':
-        case 'Icon':
-        case 'Greentext':
-        case 'Cyantext':
-        case 'Border':
-          newRule.parent = rule
-          newRule.directives.textColor = data.colors[key]
-          variantArray = parts.slice(0, -1)
-          break
-        default:
-          newRule = { ...rule, directives: {} }
-          newRule.directives.background = data.colors[key]
-          variantArray = parts
-          break
+  const extendedRules = Object.entries(extendedBaseKeys).map(
+    ([prefix, keys]) => {
+      if (nonComponentPrefixes.has(prefix)) return null
+      const rule = { source: '2to3' }
+      if (prefix === 'alertPopup') {
+        rule.component = 'Alert'
+        rule.parent = { component: 'Popover' }
+      } else if (prefix === 'selectedPost') {
+        rule.component = 'Post'
+        rule.state = ['selected']
+      } else if (prefix === 'selectedMenu') {
+        rule.component = 'MenuItem'
+        rule.state = ['hover']
+      } else if (prefix === 'chatMessageIncoming') {
+        rule.component = 'ChatMessage'
+      } else if (prefix === 'chatMessageOutgoing') {
+        rule.component = 'ChatMessage'
+        rule.variant = 'outgoing'
+      } else if (prefix === 'panel') {
+        rule.component = 'PanelHeader'
+      } else if (prefix === 'topBar') {
+        rule.component = 'TopBar'
+      } else if (prefix === 'chatMessage') {
+        rule.component = 'ChatMessage'
+      } else if (prefix === 'poll') {
+        rule.component = 'PollGraph'
+      } else if (prefix === 'btn') {
+        rule.component = 'Button'
+      } else {
+        rule.component = prefix[0].toUpperCase() + prefix.slice(1).toLowerCase()
       }
+      return keys.map((key) => {
+        if (!data.colors[key]) return null
+        const leftoverKey = key.replace(prefix, '')
+        const parts = (leftoverKey || 'Bg').match(/[A-Z][a-z]*/g)
+        const last = parts.slice(-1)[0]
+        let newRule = { source: '2to3', directives: {} }
+        let variantArray = []
 
-      if (last === 'Text' || last === 'Link') {
-        const secondLast = parts.slice(-2)[0]
-        if (secondLast === 'Light') {
-          return null // unsupported
-        } else if (secondLast === 'Faint') {
-          newRule.state = ['faint']
-          variantArray = parts.slice(0, -2)
+        switch (last) {
+          case 'Text':
+          case 'Faint': // typo
+          case 'Link':
+          case 'Icon':
+          case 'Greentext':
+          case 'Cyantext':
+          case 'Border':
+            newRule.parent = rule
+            newRule.directives.textColor = data.colors[key]
+            variantArray = parts.slice(0, -1)
+            break
+          default:
+            newRule = { ...rule, directives: {} }
+            newRule.directives.background = data.colors[key]
+            variantArray = parts
+            break
         }
-      }
 
-      switch (last) {
-        case 'Text':
-        case 'Link':
-        case 'Icon':
-        case 'Border':
-          newRule.component = last
-          break
-        case 'Greentext':
-        case 'Cyantext':
-          newRule.component = 'FunText'
-          newRule.variant = last.toLowerCase()
-          break
-        case 'Faint':
-          newRule.component = 'Text'
-          newRule.state = ['faint']
-          break
-      }
-
-      variantArray = variantArray.filter(x => x !== 'Bg')
-
-      if (last === 'Link' && prefix === 'selectedPost') {
-        // selectedPost has typo - duplicate 'Post'
-        variantArray = variantArray.filter(x => x !== 'Post')
-      }
-
-      if (prefix === 'popover' && variantArray[0] === 'Post') {
-        newRule.component = 'Post'
-        newRule.parent = { source: '2to3hack', component: 'Popover' }
-        variantArray = variantArray.filter(x => x !== 'Post')
-      }
-
-      if (prefix === 'selectedMenu' && variantArray[0] === 'Popover') {
-        newRule.parent = { source: '2to3hack', component: 'Popover' }
-        variantArray = variantArray.filter(x => x !== 'Popover')
-      }
-
-      switch (prefix) {
-        case 'btn':
-        case 'input':
-        case 'alert': {
-          const hasPanel = variantArray.find(x => x === 'Panel')
-          if (hasPanel) {
-            newRule.parent = { source: '2to3hack', component: 'PanelHeader', parent: newRule.parent }
-            variantArray = variantArray.filter(x => x !== 'Panel')
+        if (last === 'Text' || last === 'Link') {
+          const secondLast = parts.slice(-2)[0]
+          if (secondLast === 'Light') {
+            return null // unsupported
+          } else if (secondLast === 'Faint') {
+            newRule.state = ['faint']
+            variantArray = parts.slice(0, -2)
           }
-          const hasTop = variantArray.find(x => x === 'Top') // TopBar
-          if (hasTop) {
-            newRule.parent = { source: '2to3hack', component: 'TopBar', parent: newRule.parent }
-            variantArray = variantArray.filter(x => x !== 'Top' && x !== 'Bar')
+        }
+
+        switch (last) {
+          case 'Text':
+          case 'Link':
+          case 'Icon':
+          case 'Border':
+            newRule.component = last
+            break
+          case 'Greentext':
+          case 'Cyantext':
+            newRule.component = 'FunText'
+            newRule.variant = last.toLowerCase()
+            break
+          case 'Faint':
+            newRule.component = 'Text'
+            newRule.state = ['faint']
+            break
+        }
+
+        variantArray = variantArray.filter((x) => x !== 'Bg')
+
+        if (last === 'Link' && prefix === 'selectedPost') {
+          // selectedPost has typo - duplicate 'Post'
+          variantArray = variantArray.filter((x) => x !== 'Post')
+        }
+
+        if (prefix === 'popover' && variantArray[0] === 'Post') {
+          newRule.component = 'Post'
+          newRule.parent = { source: '2to3hack', component: 'Popover' }
+          variantArray = variantArray.filter((x) => x !== 'Post')
+        }
+
+        if (prefix === 'selectedMenu' && variantArray[0] === 'Popover') {
+          newRule.parent = { source: '2to3hack', component: 'Popover' }
+          variantArray = variantArray.filter((x) => x !== 'Popover')
+        }
+
+        switch (prefix) {
+          case 'btn':
+          case 'input':
+          case 'alert': {
+            const hasPanel = variantArray.find((x) => x === 'Panel')
+            if (hasPanel) {
+              newRule.parent = {
+                source: '2to3hack',
+                component: 'PanelHeader',
+                parent: newRule.parent,
+              }
+              variantArray = variantArray.filter((x) => x !== 'Panel')
+            }
+            const hasTop = variantArray.find((x) => x === 'Top') // TopBar
+            if (hasTop) {
+              newRule.parent = {
+                source: '2to3hack',
+                component: 'TopBar',
+                parent: newRule.parent,
+              }
+              variantArray = variantArray.filter(
+                (x) => x !== 'Top' && x !== 'Bar',
+              )
+            }
+            break
           }
-          break
         }
-      }
 
-      if (variantArray.length > 0) {
-        if (prefix === 'btn') {
-          newRule.state = variantArray.map(x => x.toLowerCase())
-        } else {
-          newRule.variant = variantArray[0].toLowerCase()
+        if (variantArray.length > 0) {
+          if (prefix === 'btn') {
+            newRule.state = variantArray.map((x) => x.toLowerCase())
+          } else {
+            newRule.variant = variantArray[0].toLowerCase()
+          }
         }
-      }
 
-      if (newRule.component === 'Panel') {
-        return [newRule, { ...newRule, component: 'MobileDrawer' }]
-      } else if (newRule.component === 'Button') {
-        const rules = [
-          newRule,
-          { ...newRule, component: 'Tab' },
-          { ...newRule, component: 'ScrollbarElement' }
-        ]
-        if (newRule.state?.indexOf('toggled') >= 0) {
-          rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
-          rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
-          rules.push({ ...newRule, state: [...newRule.state, 'hover', 'focused'] })
-        }
-        if (newRule.state?.indexOf('hover') >= 0) {
-          rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
-        }
-        return rules
-      } else if (newRule.component === 'Badge') {
-        if (newRule.variant === 'notification') {
-          return [newRule, { component: 'Root', directives: { '--badgeNotification': 'color | ' + newRule.directives.background } }]
-        } else if (newRule.variant === 'neutral') {
-          return [{ ...newRule, variant: 'normal' }]
+        if (newRule.component === 'Panel') {
+          return [newRule, { ...newRule, component: 'MobileDrawer' }]
+        } else if (newRule.component === 'Button') {
+          const rules = [
+            newRule,
+            { ...newRule, component: 'Tab' },
+            { ...newRule, component: 'ScrollbarElement' },
+          ]
+          if (newRule.state?.indexOf('toggled') >= 0) {
+            rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
+            rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
+            rules.push({
+              ...newRule,
+              state: [...newRule.state, 'hover', 'focused'],
+            })
+          }
+          if (newRule.state?.indexOf('hover') >= 0) {
+            rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
+          }
+          return rules
+        } else if (newRule.component === 'Badge') {
+          if (newRule.variant === 'notification') {
+            return [
+              newRule,
+              {
+                component: 'Root',
+                directives: {
+                  '--badgeNotification':
+                    'color | ' + newRule.directives.background,
+                },
+              },
+            ]
+          } else if (newRule.variant === 'neutral') {
+            return [{ ...newRule, variant: 'normal' }]
+          } else {
+            return [newRule]
+          }
+        } else if (newRule.component === 'TopBar') {
+          return [
+            newRule,
+            {
+              ...newRule,
+              parent: { component: 'MobileDrawer' },
+              component: 'PanelHeader',
+            },
+          ]
         } else {
           return [newRule]
         }
-      } else if (newRule.component === 'TopBar') {
-        return [newRule, { ...newRule, parent: { component: 'MobileDrawer' }, component: 'PanelHeader' }]
-      } else {
-        return [newRule]
-      }
-    })
-  })
+      })
+    },
+  )
 
-  const flatExtRules = extendedRules.filter(x => x).reduce((acc, x) => [...acc, ...x], []).filter(x => x).reduce((acc, x) => [...acc, ...x], [])
+  const flatExtRules = extendedRules
+    .filter((x) => x)
+    .reduce((acc, x) => [...acc, ...x], [])
+    .filter((x) => x)
+    .reduce((acc, x) => [...acc, ...x], [])
 
-  return [generateRoot(), ...convertShadows(), ...convertRadii(), ...convertOpacity(), ...convertFonts(), ...flatExtRules]
+  return [
+    generateRoot(),
+    ...convertShadows(),
+    ...convertRadii(),
+    ...convertOpacity(),
+    ...convertFonts(),
+    ...flatExtRules,
+  ]
 }
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index f534b19f4..18b3c6c22 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,13 +1,29 @@
-import { convert, brightness } from 'chromatism'
-import { alphaBlend, arithmeticBlend, getTextColor, relativeLuminance } from '../color_convert/color_convert.js'
+import { brightness, convert } from 'chromatism'
 
-export const process = (text, functions, { findColor, findShadow }, { dynamicVars, staticVars }) => {
-  const { funcName, argsString } = /\$(?<funcName>\w+)\((?<argsString>[#a-zA-Z0-9-+,.'"\s]*)\)/.exec(text).groups
-  const args = argsString.split(/ /g).map(a => a.trim())
+import {
+  alphaBlend,
+  arithmeticBlend,
+  getTextColor,
+  relativeLuminance,
+} from '../color_convert/color_convert.js'
+
+export const process = (
+  text,
+  functions,
+  { findColor, findShadow },
+  { dynamicVars, staticVars },
+) => {
+  const { funcName, argsString } =
+    /\$(?<funcName>\w+)\((?<argsString>[#a-zA-Z0-9-+,.'"\s]*)\)/.exec(
+      text,
+    ).groups
+  const args = argsString.split(/ /g).map((a) => a.trim())
 
   const func = functions[funcName]
   if (args.length < func.argsNeeded) {
-    throw new Error(`$${funcName} requires at least ${func.argsNeeded} arguments, but ${args.length} were provided`)
+    throw new Error(
+      `$${funcName} requires at least ${func.argsNeeded} arguments, but ${args.length} were provided`,
+    )
   }
   return func.exec(args, { findColor, findShadow }, { dynamicVars, staticVars })
 }
@@ -15,53 +31,57 @@ export const process = (text, functions, { findColor, findShadow }, { dynamicVar
 export const colorFunctions = {
   alpha: {
     argsNeeded: 2,
-    documentation: 'Changes alpha value of the color only to be used for CSS variables',
-    args: [
-      'color: source color used',
-      'amount: alpha value'
-    ],
+    documentation:
+      'Changes alpha value of the color only to be used for CSS variables',
+    args: ['color: source color used', 'amount: alpha value'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [color, amountArg] = args
 
-      const colorArg = convert(findColor(color, { dynamicVars, staticVars })).rgb
+      const colorArg = convert(
+        findColor(color, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
       return { ...colorArg, a: amount }
-    }
+    },
   },
   brightness: {
     argsNeeded: 2,
     document: 'Changes brightness/lightness of color in HSL colorspace',
-    args: [
-      'color: source color used',
-      'amount: lightness value'
-    ],
+    args: ['color: source color used', 'amount: lightness value'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [color, amountArg] = args
 
-      const colorArg = convert(findColor(color, { dynamicVars, staticVars })).hsl
+      const colorArg = convert(
+        findColor(color, { dynamicVars, staticVars }),
+      ).hsl
       colorArg.l += Number(amountArg)
       return { ...convert(colorArg).rgb }
-    }
+    },
   },
   textColor: {
     argsNeeded: 2,
-    documentation: 'Get text color with adequate contrast for given background and intended text color. Same function is used internally',
+    documentation:
+      'Get text color with adequate contrast for given background and intended text color. Same function is used internally',
     args: [
       'background: color of backdrop where text will be shown',
       'foreground: intended text color',
       `[preserve]: (optional) intended color preservation:
 'preserve' - try to preserve the color
 'no-preserve' - if can't get adequate color - fall back to black or white
-'no-auto' - don't do anything (useless as a color function)`
+'no-auto' - don't do anything (useless as a color function)`,
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [backgroundArg, foregroundArg, preserve = 'preserve'] = args
 
-      const background = convert(findColor(backgroundArg, { dynamicVars, staticVars })).rgb
-      const foreground = convert(findColor(foregroundArg, { dynamicVars, staticVars })).rgb
+      const background = convert(
+        findColor(backgroundArg, { dynamicVars, staticVars }),
+      ).rgb
+      const foreground = convert(
+        findColor(foregroundArg, { dynamicVars, staticVars }),
+      ).rgb
 
       return getTextColor(background, foreground, preserve === 'preserve')
-    }
+    },
   },
   blend: {
     argsNeeded: 3,
@@ -69,17 +89,21 @@ export const colorFunctions = {
     args: [
       'background: bottom layer color',
       'amount: opacity of top layer',
-      'foreground: upper layer color'
+      'foreground: upper layer color',
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [backgroundArg, amountArg, foregroundArg] = args
 
-      const background = convert(findColor(backgroundArg, { dynamicVars, staticVars })).rgb
-      const foreground = convert(findColor(foregroundArg, { dynamicVars, staticVars })).rgb
+      const background = convert(
+        findColor(backgroundArg, { dynamicVars, staticVars }),
+      ).rgb
+      const foreground = convert(
+        findColor(foregroundArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       return alphaBlend(background, amount, foreground)
-    }
+    },
   },
   shift: {
     argsNeeded: 2,
@@ -87,66 +111,72 @@ export const colorFunctions = {
     args: [
       'origin: base color',
       'value: shift value',
-      'operator: math operator to use (+ or -)'
+      'operator: math operator to use (+ or -)',
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [originArg, valueArg, operatorArg] = args
 
-      const origin = convert(findColor(originArg, { dynamicVars, staticVars })).rgb
-      const value = convert(findColor(valueArg, { dynamicVars, staticVars })).rgb
+      const origin = convert(
+        findColor(originArg, { dynamicVars, staticVars }),
+      ).rgb
+      const value = convert(
+        findColor(valueArg, { dynamicVars, staticVars }),
+      ).rgb
 
       return arithmeticBlend(origin, value, operatorArg)
-    }
+    },
   },
   boost: {
     argsNeeded: 2,
-    documentation: 'If given color is dark makes it darker, if color is light - makes it lighter',
-    args: [
-      'color: source color',
-      'amount: how much darken/brighten the color'
-    ],
+    documentation:
+      'If given color is dark makes it darker, if color is light - makes it lighter',
+    args: ['color: source color', 'amount: how much darken/brighten the color'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [colorArg, amountArg] = args
 
-      const color = convert(findColor(colorArg, { dynamicVars, staticVars })).rgb
+      const color = convert(
+        findColor(colorArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       const isLight = relativeLuminance(color) < 0.5
       const mod = isLight ? -1 : 1
       return brightness(amount * mod, color).rgb
-    }
+    },
   },
   mod: {
     argsNeeded: 2,
-    documentation: 'Old function that increases or decreases brightness depending if background color is dark or light. Advised against using it as it might give unexpected results.',
-    args: [
-      'color: source color',
-      'amount: how much darken/brighten the color'
-    ],
+    documentation:
+      'Old function that increases or decreases brightness depending if background color is dark or light. Advised against using it as it might give unexpected results.',
+    args: ['color: source color', 'amount: how much darken/brighten the color'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [colorArg, amountArg] = args
 
-      const color = convert(findColor(colorArg, { dynamicVars, staticVars })).rgb
+      const color = convert(
+        findColor(colorArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       const effectiveBackground = dynamicVars.lowerLevelBackground ?? color
-      const isLightOnDark = relativeLuminance(convert(effectiveBackground).rgb) < 0.5
+      const isLightOnDark =
+        relativeLuminance(convert(effectiveBackground).rgb) < 0.5
       const mod = isLightOnDark ? 1 : -1
       return brightness(amount * mod, color).rgb
-    }
-  }
+    },
+  },
 }
 
 export const shadowFunctions = {
   borderSide: {
     argsNeeded: 3,
-    documentation: 'Simulate a border on a side with a shadow, best works on inset border',
+    documentation:
+      'Simulate a border on a side with a shadow, best works on inset border',
     args: [
       'color: border color',
       'side: string indicating on which side border should be, takes either one word or two words joined by dash (i.e. "left" or "bottom-right")',
       'width: border width (thickness)',
       '[alpha]: (Optional) border opacity, defaults to 1 (fully opaque)',
-      '[inset]: (Optional) whether border should be on the inside or outside, defaults to inside'
+      '[inset]: (Optional) whether border should be on the inside or outside, defaults to inside',
     ],
     exec: (args) => {
       const [color, side, alpha = '1', widthArg = '1', inset = 'inset'] = args
@@ -161,7 +191,7 @@ export const shadowFunctions = {
         spread: 0,
         color,
         alpha: Number(alpha),
-        inset: isInset
+        inset: isInset,
       }
 
       side.split('-').forEach((position) => {
@@ -181,6 +211,6 @@ export const shadowFunctions = {
         }
       })
       return [targetShadow]
-    }
-  }
+    },
+  },
 }
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index 3cd2bf36c..d415cdb27 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,6 +1,14 @@
-import { convert, brightness, contrastRatio } from 'chromatism'
-import { rgb2hex, rgba2css, alphaBlendLayers, getTextColor, relativeLuminance, getCssColor } from '../color_convert/color_convert.js'
-import { LAYERS, DEFAULT_OPACITY, SLOT_INHERITANCE } from './pleromafe.js'
+import { brightness, contrastRatio, convert } from 'chromatism'
+
+import {
+  alphaBlendLayers,
+  getCssColor,
+  getTextColor,
+  relativeLuminance,
+  rgb2hex,
+  rgba2css,
+} from '../color_convert/color_convert.js'
+import { DEFAULT_OPACITY, LAYERS, SLOT_INHERITANCE } from './pleromafe.js'
 
 /*
  * # What's all this?
@@ -48,15 +56,17 @@ export const getLayersArray = (layer, data = LAYERS) => {
   return array
 }
 
-export const getLayers = (layer, variant = layer, opacitySlot, colors, opacity) => {
-  return getLayersArray(layer).map((currentLayer) => ([
-    currentLayer === layer
-      ? colors[variant]
-      : colors[currentLayer],
-    currentLayer === layer
-      ? opacity[opacitySlot] || 1
-      : opacity[currentLayer]
-  ]))
+export const getLayers = (
+  layer,
+  variant = layer,
+  opacitySlot,
+  colors,
+  opacity,
+) => {
+  return getLayersArray(layer).map((currentLayer) => [
+    currentLayer === layer ? colors[variant] : colors[currentLayer],
+    currentLayer === layer ? opacity[opacitySlot] || 1 : opacity[currentLayer],
+  ])
 }
 
 const getDependencies = (key, inheritance) => {
@@ -67,11 +77,9 @@ const getDependencies = (key, inheritance) => {
     if (data === null) return []
     const { depends, layer, variant } = data
     const layerDeps = layer
-      ? getLayersArray(layer).map(currentLayer => {
-        return currentLayer === layer
-          ? variant || layer
-          : currentLayer
-      })
+      ? getLayersArray(layer).map((currentLayer) => {
+          return currentLayer === layer ? variant || layer : currentLayer
+        })
       : []
     if (Array.isArray(depends)) {
       return [...depends, ...layerDeps]
@@ -93,7 +101,7 @@ const getDependencies = (key, inheritance) => {
  */
 export const topoSort = (
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   // This is an implementation of https://en.wikipedia.org/wiki/Tarjan%27s_strongly_connected_components_algorithm
 
@@ -130,22 +138,25 @@ export const topoSort = (
 
   // The index thing is to make sorting stable on browsers
   // where Array.sort() isn't stable
-  return output.map((data, index) => ({ data, index })).sort(({ data: a, index: ai }, { data: b, index: bi }) => {
-    const depsA = getDeps(a, inheritance).length
-    const depsB = getDeps(b, inheritance).length
+  return output
+    .map((data, index) => ({ data, index }))
+    .sort(({ data: a, index: ai }, { data: b, index: bi }) => {
+      const depsA = getDeps(a, inheritance).length
+      const depsB = getDeps(b, inheritance).length
 
-    if (depsA === depsB || (depsB !== 0 && depsA !== 0)) return ai - bi
-    if (depsA === 0 && depsB !== 0) return -1
-    if (depsB === 0 && depsA !== 0) return 1
-    return 0 // failsafe, shouldn't happen?
-  }).map(({ data }) => data)
+      if (depsA === depsB || (depsB !== 0 && depsA !== 0)) return ai - bi
+      if (depsA === 0 && depsB !== 0) return -1
+      if (depsB === 0 && depsA !== 0) return 1
+      return 0 // failsafe, shouldn't happen?
+    })
+    .map(({ data }) => data)
 }
 
 const expandSlotValue = (value) => {
   if (typeof value === 'object') return value
   return {
     depends: value.startsWith('--') ? [value.substring(2)] : [],
-    default: value.startsWith('#') ? value : undefined
+    default: value.startsWith('#') ? value : undefined,
   }
 }
 /**
@@ -156,7 +167,7 @@ const expandSlotValue = (value) => {
 export const getOpacitySlot = (
   k,
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   const value = expandSlotValue(inheritance[k])
   if (value.opacity === null) return
@@ -189,7 +200,7 @@ export const getOpacitySlot = (
 export const getLayerSlot = (
   k,
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   const value = expandSlotValue(inheritance[k])
   if (LAYERS[k]) return k
@@ -218,8 +229,11 @@ export const getLayerSlot = (
  */
 export const SLOT_ORDERED = topoSort(
   Object.entries(SLOT_INHERITANCE)
-    .sort(([, aV], [, bV]) => ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0))
-    .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
+    .sort(
+      ([, aV], [, bV]) =>
+        ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0),
+    )
+    .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}),
 )
 
 /**
@@ -233,8 +247,11 @@ export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k]) => {
       ...acc,
       [opacity]: {
         defaultValue: DEFAULT_OPACITY[opacity] || 1,
-        affectedSlots: [...((acc[opacity] && acc[opacity].affectedSlots) || []), k]
-      }
+        affectedSlots: [
+          ...((acc[opacity] && acc[opacity].affectedSlots) || []),
+          k,
+        ],
+      },
     }
   } else {
     return acc
@@ -245,10 +262,11 @@ export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k]) => {
  * Handle dynamic color
  */
 export const computeDynamicColor = (sourceColor, getColor, mod) => {
-  if (typeof sourceColor !== 'string' || !sourceColor.startsWith('--')) return sourceColor
+  if (typeof sourceColor !== 'string' || !sourceColor.startsWith('--'))
+    return sourceColor
   let targetColor = null
   // Color references other color
-  const [variable, modifier] = sourceColor.split(/,/g).map(str => str.trim())
+  const [variable, modifier] = sourceColor.split(/,/g).map((str) => str.trim())
   const variableSlot = variable.substring(2)
   targetColor = getColor(variableSlot)
   if (modifier) {
@@ -261,151 +279,167 @@ export const computeDynamicColor = (sourceColor, getColor, mod) => {
  * THE function you want to use. Takes provided colors and opacities
  * value and uses inheritance data to figure out color needed for the slot.
  */
-export const getColors = (sourceColors, sourceOpacity) => SLOT_ORDERED.reduce(({ colors, opacity }, key) => {
-  const sourceColor = sourceColors[key]
-  const value = expandSlotValue(SLOT_INHERITANCE[key])
-  const deps = getDependencies(key, SLOT_INHERITANCE)
-  const isTextColor = !!value.textColor
-  const variant = value.variant || value.layer
+export const getColors = (sourceColors, sourceOpacity) =>
+  SLOT_ORDERED.reduce(
+    ({ colors, opacity }, key) => {
+      const sourceColor = sourceColors[key]
+      const value = expandSlotValue(SLOT_INHERITANCE[key])
+      const deps = getDependencies(key, SLOT_INHERITANCE)
+      const isTextColor = !!value.textColor
+      const variant = value.variant || value.layer
 
-  let backgroundColor = null
+      let backgroundColor = null
 
-  if (isTextColor) {
-    backgroundColor = alphaBlendLayers(
-      { ...(colors[deps[0]] || convert(sourceColors[key] || '#FF00FF').rgb) },
-      getLayers(
-        getLayerSlot(key) || 'bg',
-        variant || 'bg',
-        getOpacitySlot(variant),
-        colors,
-        opacity
-      )
-    )
-  } else if (variant && variant !== key) {
-    backgroundColor = colors[variant] || convert(sourceColors[variant]).rgb
-  } else {
-    backgroundColor = colors.bg || convert(sourceColors.bg)
-  }
-
-  const isLightOnDark = relativeLuminance(backgroundColor) < 0.5
-  const mod = isLightOnDark ? 1 : -1
-
-  let outputColor = null
-  if (sourceColor) {
-    // Color is defined in source color
-    let targetColor = sourceColor
-    if (targetColor === 'transparent') {
-      // We take only layers below current one
-      const layers = getLayers(
-        getLayerSlot(key),
-        key,
-        getOpacitySlot(key) || key,
-        colors,
-        opacity
-      ).slice(0, -1)
-      targetColor = {
-        ...alphaBlendLayers(
-          convert('#FF00FF').rgb,
-          layers
-        ),
-        a: 0
-      }
-    } else if (typeof sourceColor === 'string' && sourceColor.startsWith('--')) {
-      targetColor = computeDynamicColor(
-        sourceColor,
-        variableSlot => colors[variableSlot] || sourceColors[variableSlot],
-        mod
-      )
-    } else if (typeof sourceColor === 'string' && sourceColor.startsWith('#')) {
-      targetColor = convert(targetColor).rgb
-    }
-    outputColor = { ...targetColor }
-  } else if (value.default) {
-    // same as above except in object form
-    outputColor = convert(value.default).rgb
-  } else {
-    // calculate color
-    const defaultColorFunc = (mod, dep) => ({ ...dep })
-    const colorFunc = value.color || defaultColorFunc
-
-    if (value.textColor) {
-      if (value.textColor === 'bw') {
-        outputColor = contrastRatio(backgroundColor).rgb
-      } else {
-        let color = { ...colors[deps[0]] }
-        if (value.color) {
-          color = colorFunc(mod, ...deps.map((dep) => ({ ...colors[dep] })))
-        }
-        outputColor = getTextColor(
-          backgroundColor,
-          { ...color },
-          value.textColor === 'preserve'
+      if (isTextColor) {
+        backgroundColor = alphaBlendLayers(
+          {
+            ...(colors[deps[0]] || convert(sourceColors[key] || '#FF00FF').rgb),
+          },
+          getLayers(
+            getLayerSlot(key) || 'bg',
+            variant || 'bg',
+            getOpacitySlot(variant),
+            colors,
+            opacity,
+          ),
         )
+      } else if (variant && variant !== key) {
+        backgroundColor = colors[variant] || convert(sourceColors[variant]).rgb
+      } else {
+        backgroundColor = colors.bg || convert(sourceColors.bg)
       }
-    } else {
-      // background color case
-      outputColor = colorFunc(
-        mod,
-        ...deps.map((dep) => ({ ...colors[dep] }))
-      )
-    }
-  }
-  if (!outputColor) {
-    throw new Error('Couldn\'t generate color for ' + key)
-  }
 
-  const opacitySlot = value.opacity || getOpacitySlot(key)
-  const ownOpacitySlot = value.opacity
+      const isLightOnDark = relativeLuminance(backgroundColor) < 0.5
+      const mod = isLightOnDark ? 1 : -1
 
-  if (ownOpacitySlot === null) {
-    outputColor.a = 1
-  } else if (sourceColor === 'transparent') {
-    outputColor.a = 0
-  } else {
-    const opacityOverriden = ownOpacitySlot && sourceOpacity[opacitySlot] !== undefined
+      let outputColor = null
+      if (sourceColor) {
+        // Color is defined in source color
+        let targetColor = sourceColor
+        if (targetColor === 'transparent') {
+          // We take only layers below current one
+          const layers = getLayers(
+            getLayerSlot(key),
+            key,
+            getOpacitySlot(key) || key,
+            colors,
+            opacity,
+          ).slice(0, -1)
+          targetColor = {
+            ...alphaBlendLayers(convert('#FF00FF').rgb, layers),
+            a: 0,
+          }
+        } else if (
+          typeof sourceColor === 'string' &&
+          sourceColor.startsWith('--')
+        ) {
+          targetColor = computeDynamicColor(
+            sourceColor,
+            (variableSlot) =>
+              colors[variableSlot] || sourceColors[variableSlot],
+            mod,
+          )
+        } else if (
+          typeof sourceColor === 'string' &&
+          sourceColor.startsWith('#')
+        ) {
+          targetColor = convert(targetColor).rgb
+        }
+        outputColor = { ...targetColor }
+      } else if (value.default) {
+        // same as above except in object form
+        outputColor = convert(value.default).rgb
+      } else {
+        // calculate color
+        const defaultColorFunc = (mod, dep) => ({ ...dep })
+        const colorFunc = value.color || defaultColorFunc
 
-    const dependencySlot = deps[0]
-    const dependencyColor = dependencySlot && colors[dependencySlot]
+        if (value.textColor) {
+          if (value.textColor === 'bw') {
+            outputColor = contrastRatio(backgroundColor).rgb
+          } else {
+            let color = { ...colors[deps[0]] }
+            if (value.color) {
+              color = colorFunc(mod, ...deps.map((dep) => ({ ...colors[dep] })))
+            }
+            outputColor = getTextColor(
+              backgroundColor,
+              { ...color },
+              value.textColor === 'preserve',
+            )
+          }
+        } else {
+          // background color case
+          outputColor = colorFunc(
+            mod,
+            ...deps.map((dep) => ({ ...colors[dep] })),
+          )
+        }
+      }
+      if (!outputColor) {
+        throw new Error("Couldn't generate color for " + key)
+      }
 
-    if (!ownOpacitySlot && dependencyColor && !value.textColor && ownOpacitySlot !== null) {
-      // Inheriting color from dependency (weird, i know)
-      // except if it's a text color or opacity slot is set to 'null'
-      outputColor.a = dependencyColor.a
-    } else if (!dependencyColor && !opacitySlot) {
-      // Remove any alpha channel if no dependency and no opacitySlot found
-      delete outputColor.a
-    } else {
-      // Otherwise try to assign opacity
-      if (dependencyColor && dependencyColor.a === 0) {
-        // transparent dependency shall make dependents transparent too
+      const opacitySlot = value.opacity || getOpacitySlot(key)
+      const ownOpacitySlot = value.opacity
+
+      if (ownOpacitySlot === null) {
+        outputColor.a = 1
+      } else if (sourceColor === 'transparent') {
         outputColor.a = 0
       } else {
-        // Otherwise check if opacity is overriden and use that or default value instead
-        outputColor.a = Number(
-          opacityOverriden
-            ? sourceOpacity[opacitySlot]
-            : (OPACITIES[opacitySlot] || {}).defaultValue
-        )
+        const opacityOverriden =
+          ownOpacitySlot && sourceOpacity[opacitySlot] !== undefined
+
+        const dependencySlot = deps[0]
+        const dependencyColor = dependencySlot && colors[dependencySlot]
+
+        if (
+          !ownOpacitySlot &&
+          dependencyColor &&
+          !value.textColor &&
+          ownOpacitySlot !== null
+        ) {
+          // Inheriting color from dependency (weird, i know)
+          // except if it's a text color or opacity slot is set to 'null'
+          outputColor.a = dependencyColor.a
+        } else if (!dependencyColor && !opacitySlot) {
+          // Remove any alpha channel if no dependency and no opacitySlot found
+          delete outputColor.a
+        } else {
+          // Otherwise try to assign opacity
+          if (dependencyColor && dependencyColor.a === 0) {
+            // transparent dependency shall make dependents transparent too
+            outputColor.a = 0
+          } else {
+            // Otherwise check if opacity is overriden and use that or default value instead
+            outputColor.a = Number(
+              opacityOverriden
+                ? sourceOpacity[opacitySlot]
+                : (OPACITIES[opacitySlot] || {}).defaultValue,
+            )
+          }
+        }
       }
-    }
-  }
 
-  if (Number.isNaN(outputColor.a) || outputColor.a === undefined) {
-    outputColor.a = 1
-  }
+      if (Number.isNaN(outputColor.a) || outputColor.a === undefined) {
+        outputColor.a = 1
+      }
 
-  if (opacitySlot) {
-    return {
-      colors: { ...colors, [key]: outputColor },
-      opacity: { ...opacity, [opacitySlot]: outputColor.a }
-    }
-  } else {
-    return {
-      colors: { ...colors, [key]: outputColor },
-      opacity
-    }
-  }
-}, { colors: {}, opacity: {} })
+      if (opacitySlot) {
+        return {
+          colors: { ...colors, [key]: outputColor },
+          opacity: { ...opacity, [opacitySlot]: outputColor.a },
+        }
+      } else {
+        return {
+          colors: { ...colors, [key]: outputColor },
+          opacity,
+        }
+      }
+    },
+    { colors: {}, opacity: {} },
+  )
 
 export const composePreset = (colors, radii, shadows, fonts) => {
   return {
@@ -413,14 +447,14 @@ export const composePreset = (colors, radii, shadows, fonts) => {
       ...shadows.rules,
       ...colors.rules,
       ...radii.rules,
-      ...fonts.rules
+      ...fonts.rules,
     },
     theme: {
       ...shadows.theme,
       ...colors.theme,
       ...radii.theme,
-      ...fonts.theme
-    }
+      ...fonts.theme,
+    },
   }
 }
 
@@ -430,7 +464,7 @@ export const generatePreset = (input) => {
     colors,
     generateRadii(input),
     generateShadows(input, colors.theme.colors, colors.mod),
-    generateFonts(input)
+    generateFonts(input),
   )
 }
 
@@ -440,16 +474,17 @@ export const getCssShadow = (input, usesDropShadow) => {
   }
 
   return input
-    .filter(_ => usesDropShadow ? _.inset : _)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      shad.blur,
-      shad.spread
-    ].map(_ => _ + 'px').concat([
-      getCssColor(shad.color, shad.alpha),
-      shad.inset ? 'inset' : ''
-    ]).join(' ')).join(', ')
+    .filter((_) => (usesDropShadow ? _.inset : _))
+    .map((shad) =>
+      [shad.x, shad.y, shad.blur, shad.spread]
+        .map((_) => _ + 'px')
+        .concat([
+          getCssColor(shad.color, shad.alpha),
+          shad.inset ? 'inset' : '',
+        ])
+        .join(' '),
+    )
+    .join(', ')
 }
 
 export const getCssShadowFilter = (input) => {
@@ -457,19 +492,24 @@ export const getCssShadowFilter = (input) => {
     return 'none'
   }
 
-  return input
-  // drop-shadow doesn't support inset or spread
-    .filter((shad) => !shad.inset && Number(shad.spread) === 0)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      // drop-shadow's blur is twice as strong compared to box-shadow
-      shad.blur / 2
-    ].map(_ => _ + 'px').concat([
-      getCssColor(shad.color, shad.alpha)
-    ]).join(' '))
-    .map(_ => `drop-shadow(${_})`)
-    .join(' ')
+  return (
+    input
+      // drop-shadow doesn't support inset or spread
+      .filter((shad) => !shad.inset && Number(shad.spread) === 0)
+      .map((shad) =>
+        [
+          shad.x,
+          shad.y,
+          // drop-shadow's blur is twice as strong compared to box-shadow
+          shad.blur / 2,
+        ]
+          .map((_) => _ + 'px')
+          .concat([getCssColor(shad.color, shad.alpha)])
+          .join(' '),
+      )
+      .map((_) => `drop-shadow(${_})`)
+      .join(' ')
+  )
 }
 
 export const generateColors = (themeData) => {
@@ -479,24 +519,26 @@ export const generateColors = (themeData) => {
 
   const { colors, opacity } = getColors(sourceColors, themeData.opacity || {})
 
-  const htmlColors = Object.entries(colors)
-    .reduce((acc, [k, v]) => {
+  const htmlColors = Object.entries(colors).reduce(
+    (acc, [k, v]) => {
       if (!v) return acc
       acc.solid[k] = rgb2hex(v)
       acc.complete[k] = typeof v.a === 'undefined' ? rgb2hex(v) : rgba2css(v)
       return acc
-    }, { complete: {}, solid: {} })
+    },
+    { complete: {}, solid: {} },
+  )
   return {
     rules: {
       colors: Object.entries(htmlColors.complete)
         .filter(([, v]) => v)
         .map(([k, v]) => `--${k}: ${v}`)
-        .join(';')
+        .join(';'),
     },
     theme: {
       colors: htmlColors.solid,
-      opacity
-    }
+      opacity,
+    },
   }
 }
 
@@ -504,68 +546,85 @@ export const generateRadii = (input) => {
   let inputRadii = input.radii || {}
   // v1 -> v2
   if (typeof input.btnRadius !== 'undefined') {
-    inputRadii = Object
-      .entries(input)
+    inputRadii = Object.entries(input)
       .filter(([k]) => k.endsWith('Radius'))
-      .reduce((acc, e) => { acc[e[0].split('Radius')[0]] = e[1]; return acc }, {})
+      .reduce((acc, e) => {
+        acc[e[0].split('Radius')[0]] = e[1]
+        return acc
+      }, {})
   }
-  const radii = Object.entries(inputRadii).filter(([, v]) => v).reduce((acc, [k, v]) => {
-    acc[k] = v
-    return acc
-  }, {
-    btn: 4,
-    input: 4,
-    checkbox: 2,
-    panel: 10,
-    avatar: 5,
-    avatarAlt: 50,
-    tooltip: 2,
-    attachment: 5,
-    chatMessage: inputRadii.panel
-  })
+  const radii = Object.entries(inputRadii)
+    .filter(([, v]) => v)
+    .reduce(
+      (acc, [k, v]) => {
+        acc[k] = v
+        return acc
+      },
+      {
+        btn: 4,
+        input: 4,
+        checkbox: 2,
+        panel: 10,
+        avatar: 5,
+        avatarAlt: 50,
+        tooltip: 2,
+        attachment: 5,
+        chatMessage: inputRadii.panel,
+      },
+    )
 
   return {
     rules: {
-      radii: Object.entries(radii).filter(([, v]) => v).map(([k, v]) => `--${k}Radius: ${v}px`).join(';')
+      radii: Object.entries(radii)
+        .filter(([, v]) => v)
+        .map(([k, v]) => `--${k}Radius: ${v}px`)
+        .join(';'),
     },
     theme: {
-      radii
-    }
+      radii,
+    },
   }
 }
 
 export const generateFonts = (input) => {
-  const fonts = Object.entries(input.fonts || {}).filter(([, v]) => v).reduce((acc, [k, v]) => {
-    acc[k] = Object.entries(v).filter(([, v]) => v).reduce((acc, [k, v]) => {
-      acc[k] = v
-      return acc
-    }, acc[k])
-    return acc
-  }, {
-    interface: {
-      family: 'sans-serif'
-    },
-    input: {
-      family: 'inherit'
-    },
-    post: {
-      family: 'inherit'
-    },
-    postCode: {
-      family: 'monospace'
-    }
-  })
+  const fonts = Object.entries(input.fonts || {})
+    .filter(([, v]) => v)
+    .reduce(
+      (acc, [k, v]) => {
+        acc[k] = Object.entries(v)
+          .filter(([, v]) => v)
+          .reduce((acc, [k, v]) => {
+            acc[k] = v
+            return acc
+          }, acc[k])
+        return acc
+      },
+      {
+        interface: {
+          family: 'sans-serif',
+        },
+        input: {
+          family: 'inherit',
+        },
+        post: {
+          family: 'inherit',
+        },
+        postCode: {
+          family: 'monospace',
+        },
+      },
+    )
 
   return {
     rules: {
-      fonts: Object
-        .entries(fonts)
+      fonts: Object.entries(fonts)
         .filter(([, v]) => v)
-        .map(([k, v]) => `--${k}Font: ${v.family}`).join(';')
+        .map(([k, v]) => `--${k}Font: ${v.family}`)
+        .join(';'),
     },
     theme: {
-      fonts
-    }
+      fonts,
+    },
   }
 }
 
@@ -576,7 +635,7 @@ const border = (top, shadow) => ({
   spread: 0,
   color: shadow ? '#000000' : '#FFFFFF',
   alpha: 0.2,
-  inset: true
+  inset: true,
 })
 const buttonInsetFakeBorders = [border(true, false), border(false, true)]
 const inputInsetFakeBorders = [border(true, true), border(false, false)]
@@ -586,63 +645,77 @@ const hoverGlow = {
   blur: 4,
   spread: 0,
   color: '--faint',
-  alpha: 1
+  alpha: 1,
 }
 
 export const DEFAULT_SHADOWS = {
-  panel: [{
-    x: 1,
-    y: 1,
-    blur: 4,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.6
-  }],
-  topBar: [{
-    x: 0,
-    y: 0,
-    blur: 4,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.6
-  }],
-  popup: [{
-    x: 2,
-    y: 2,
-    blur: 3,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.5
-  }],
-  avatar: [{
-    x: 0,
-    y: 1,
-    blur: 8,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.7
-  }],
+  panel: [
+    {
+      x: 1,
+      y: 1,
+      blur: 4,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.6,
+    },
+  ],
+  topBar: [
+    {
+      x: 0,
+      y: 0,
+      blur: 4,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.6,
+    },
+  ],
+  popup: [
+    {
+      x: 2,
+      y: 2,
+      blur: 3,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.5,
+    },
+  ],
+  avatar: [
+    {
+      x: 0,
+      y: 1,
+      blur: 8,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.7,
+    },
+  ],
   avatarStatus: [],
   panelHeader: [],
-  button: [{
-    x: 0,
-    y: 0,
-    blur: 2,
-    spread: 0,
-    color: '#000000',
-    alpha: 1
-  }, ...buttonInsetFakeBorders],
+  button: [
+    {
+      x: 0,
+      y: 0,
+      blur: 2,
+      spread: 0,
+      color: '#000000',
+      alpha: 1,
+    },
+    ...buttonInsetFakeBorders,
+  ],
   buttonHover: [hoverGlow, ...buttonInsetFakeBorders],
   buttonPressed: [hoverGlow, ...inputInsetFakeBorders],
-  input: [...inputInsetFakeBorders, {
-    x: 0,
-    y: 0,
-    blur: 2,
-    inset: true,
-    spread: 0,
-    color: '#000000',
-    alpha: 1
-  }]
+  input: [
+    ...inputInsetFakeBorders,
+    {
+      x: 0,
+      y: 0,
+      blur: 2,
+      inset: true,
+      spread: 0,
+      color: '#000000',
+      alpha: 1,
+    },
+  ],
 }
 export const generateShadows = (input, colors) => {
   // TODO this is a small hack for `mod` to work with shadows
@@ -654,58 +727,65 @@ export const generateShadows = (input, colors) => {
     popup: 'popover',
     avatar: 'bg',
     panelHeader: 'panel',
-    input: 'input'
+    input: 'input',
   }
 
   const cleanInputShadows = Object.fromEntries(
-    Object.entries(input.shadows || {})
-      .map(([name, shadowSlot]) => [
-        name,
-        // defaulting color to black to avoid potential problems
-        shadowSlot.map(shadowDef => ({ color: '#000000', ...shadowDef }))
-      ])
+    Object.entries(input.shadows || {}).map(([name, shadowSlot]) => [
+      name,
+      // defaulting color to black to avoid potential problems
+      shadowSlot.map((shadowDef) => ({ color: '#000000', ...shadowDef })),
+    ]),
   )
-  const inputShadows = cleanInputShadows && !input.themeEngineVersion
-    ? shadows2to3(cleanInputShadows, input.opacity)
-    : cleanInputShadows || {}
+  const inputShadows =
+    cleanInputShadows && !input.themeEngineVersion
+      ? shadows2to3(cleanInputShadows, input.opacity)
+      : cleanInputShadows || {}
   const shadows = Object.entries({
     ...DEFAULT_SHADOWS,
-    ...inputShadows
+    ...inputShadows,
   }).reduce((shadowsAcc, [slotName, shadowDefs]) => {
     const slotFirstWord = slotName.replace(/[A-Z].*$/, '')
     const colorSlotName = hackContextDict[slotFirstWord]
-    const isLightOnDark = relativeLuminance(convert(colors[colorSlotName]).rgb) < 0.5
+    const isLightOnDark =
+      relativeLuminance(convert(colors[colorSlotName]).rgb) < 0.5
     const mod = isLightOnDark ? 1 : -1
-    const newShadow = shadowDefs.reduce((shadowAcc, def) => [
-      ...shadowAcc,
-      {
-        ...def,
-        color: rgb2hex(computeDynamicColor(
-          def.color,
-          (variableSlot) => convert(colors[variableSlot]).rgb,
-          mod
-        ))
-      }
-    ], [])
+    const newShadow = shadowDefs.reduce(
+      (shadowAcc, def) => [
+        ...shadowAcc,
+        {
+          ...def,
+          color: rgb2hex(
+            computeDynamicColor(
+              def.color,
+              (variableSlot) => convert(colors[variableSlot]).rgb,
+              mod,
+            ),
+          ),
+        },
+      ],
+      [],
+    )
     return { ...shadowsAcc, [slotName]: newShadow }
   }, {})
 
   return {
     rules: {
-      shadows: Object
-        .entries(shadows)
-      // TODO for v2.2: if shadow doesn't have non-inset shadows with spread > 0 - optionally
-      // convert all non-inset shadows into filter: drop-shadow() to boost performance
-        .map(([k, v]) => [
-          `--${k}Shadow: ${getCssShadow(v)}`,
-          `--${k}ShadowFilter: ${getCssShadowFilter(v)}`,
-          `--${k}ShadowInset: ${getCssShadow(v, true)}`
-        ].join(';'))
-        .join(';')
+      shadows: Object.entries(shadows)
+        // TODO for v2.2: if shadow doesn't have non-inset shadows with spread > 0 - optionally
+        // convert all non-inset shadows into filter: drop-shadow() to boost performance
+        .map(([k, v]) =>
+          [
+            `--${k}Shadow: ${getCssShadow(v)}`,
+            `--${k}ShadowFilter: ${getCssShadowFilter(v)}`,
+            `--${k}ShadowInset: ${getCssShadow(v, true)}`,
+          ].join(';'),
+        )
+        .join(';'),
     },
     theme: {
-      shadows
-    }
+      shadows,
+    },
   }
 }
 
@@ -715,18 +795,25 @@ export const generateShadows = (input, colors) => {
  * Back in v2 shadows allowed you to use dynamic colors however those used pure CSS3 variables
  */
 export const shadows2to3 = (shadows, opacity) => {
-  return Object.entries(shadows).reduce((shadowsAcc, [slotName, shadowDefs]) => {
-    const isDynamic = ({ color = '#000000' }) => color.startsWith('--')
-    const getOpacity = ({ color }) => opacity[getOpacitySlot(color.substring(2).split(',')[0])]
-    const newShadow = shadowDefs.reduce((shadowAcc, def) => [
-      ...shadowAcc,
-      {
-        ...def,
-        alpha: isDynamic(def) ? getOpacity(def) || 1 : def.alpha
-      }
-    ], [])
-    return { ...shadowsAcc, [slotName]: newShadow }
-  }, {})
+  return Object.entries(shadows).reduce(
+    (shadowsAcc, [slotName, shadowDefs]) => {
+      const isDynamic = ({ color = '#000000' }) => color.startsWith('--')
+      const getOpacity = ({ color }) =>
+        opacity[getOpacitySlot(color.substring(2).split(',')[0])]
+      const newShadow = shadowDefs.reduce(
+        (shadowAcc, def) => [
+          ...shadowAcc,
+          {
+            ...def,
+            alpha: isDynamic(def) ? getOpacity(def) || 1 : def.alpha,
+          },
+        ],
+        [],
+      )
+      return { ...shadowsAcc, [slotName]: newShadow }
+    },
+    {},
+  )
 }
 
 export const colors2to3 = (colors) => {
@@ -738,12 +825,13 @@ export const colors2to3 = (colors) => {
       case 'btnText':
         return {
           ...acc,
-          ...btnPositions
-            .reduce(
-              (statePositionAcc, position) =>
-                ({ ...statePositionAcc, ['btn' + position + 'Text']: color })
-              , {}
-            )
+          ...btnPositions.reduce(
+            (statePositionAcc, position) => ({
+              ...statePositionAcc,
+              ['btn' + position + 'Text']: color,
+            }),
+            {},
+          ),
         }
       default:
         return { ...acc, [slotName]: color }
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index b85d917de..533972a13 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -1,29 +1,28 @@
-import { convert, brightness } from 'chromatism'
+import { brightness, convert } from 'chromatism'
 import sum from 'hash-sum'
 import { flattenDeep, sortBy } from 'lodash'
+
 import {
   alphaBlend,
   getTextColor,
-  rgba2css,
   mixrgb,
-  relativeLuminance
+  relativeLuminance,
+  rgba2css,
 } from '../color_convert/color_convert.js'
-
+import { deserializeShadow } from './iss_deserializer.js'
+import {
+  findRules,
+  genericRuleToSelector,
+  getAllPossibleCombinations,
+  normalizeCombination,
+  unroll,
+} from './iss_utils.js'
 import {
   colorFunctions,
+  process,
   shadowFunctions,
-  process
 } from './theme3_slot_functions.js'
 
-import {
-  unroll,
-  getAllPossibleCombinations,
-  genericRuleToSelector,
-  normalizeCombination,
-  findRules
-} from './iss_utils.js'
-import { deserializeShadow } from './iss_deserializer.js'
-
 // Ensuring the order of components
 const components = {
   Root: null,
@@ -33,19 +32,23 @@ const components = {
   Icon: null,
   Border: null,
   PanelHeader: null,
-  Attachment: null,
   Panel: null,
   Chat: null,
   ChatMessage: null,
-  Button: null
+  Button: null,
 }
 
 export const findShadow = (shadows, { dynamicVars, staticVars }) => {
-  return (shadows || []).map(shadow => {
+  return (shadows || []).map((shadow) => {
     let targetShadow
     if (typeof shadow === 'string') {
       if (shadow.startsWith('$')) {
-        targetShadow = process(shadow, shadowFunctions, { findColor, findShadow }, { dynamicVars, staticVars })
+        targetShadow = process(
+          shadow,
+          shadowFunctions,
+          { findColor, findShadow },
+          { dynamicVars, staticVars },
+        )
       } else if (shadow.startsWith('--')) {
         // modifiers are completely unsupported here
         const variableSlot = shadow.substring(2)
@@ -57,21 +60,27 @@ export const findShadow = (shadows, { dynamicVars, staticVars }) => {
       targetShadow = shadow
     }
 
-    const shadowArray = Array.isArray(targetShadow) ? targetShadow : [targetShadow]
-    return shadowArray.map(s => ({
+    const shadowArray = Array.isArray(targetShadow)
+      ? targetShadow
+      : [targetShadow]
+    return shadowArray.map((s) => ({
       ...s,
-      color: findColor(s.color, { dynamicVars, staticVars })
+      color: findColor(s.color, { dynamicVars, staticVars }),
     }))
   })
 }
 
 export const findColor = (color, { dynamicVars, staticVars }) => {
   try {
-    if (typeof color !== 'string' || (!color.startsWith('--') && !color.startsWith('$'))) return color
+    if (
+      typeof color !== 'string' ||
+      (!color.startsWith('--') && !color.startsWith('$'))
+    )
+      return color
     let targetColor = null
     if (color.startsWith('--')) {
       // Modifier support is pretty much for v2 themes only
-      const [variable, modifier] = color.split(/,/g).map(str => str.trim())
+      const [variable, modifier] = color.split(/,/g).map((str) => str.trim())
       const variableSlot = variable.substring(2)
       if (variableSlot === 'stack') {
         const { r, g, b } = dynamicVars.stacked
@@ -82,7 +91,9 @@ export const findColor = (color, { dynamicVars, staticVars }) => {
           targetColor = { r, g, b }
         } else {
           const virtualSlot = variableSlot.replace(/^parent/, '')
-          targetColor = convert(dynamicVars.lowerLevelVirtualDirectivesRaw[virtualSlot]).rgb
+          targetColor = convert(
+            dynamicVars.lowerLevelVirtualDirectivesRaw[virtualSlot],
+          ).rgb
         }
       } else {
         const staticVar = staticVars[variableSlot]
@@ -99,18 +110,32 @@ ${JSON.stringify(dynamicVars, null, 2)}`)
       }
 
       if (modifier) {
-        const effectiveBackground = dynamicVars.lowerLevelBackground ?? targetColor
-        const isLightOnDark = relativeLuminance(convert(effectiveBackground).rgb) < 0.5
+        const effectiveBackground =
+          dynamicVars.lowerLevelBackground ?? targetColor
+        const isLightOnDark =
+          relativeLuminance(convert(effectiveBackground).rgb) < 0.5
         const mod = isLightOnDark ? 1 : -1
-        targetColor = brightness(Number.parseFloat(modifier) * mod, targetColor).rgb
+        targetColor = brightness(
+          Number.parseFloat(modifier) * mod,
+          targetColor,
+        ).rgb
       }
     }
 
     if (color.startsWith('$')) {
       try {
-        targetColor = process(color, colorFunctions, { findColor }, { dynamicVars, staticVars })
+        targetColor = process(
+          color,
+          colorFunctions,
+          { findColor },
+          { dynamicVars, staticVars },
+        )
       } catch (e) {
-        console.error('Failure executing color function', e ,'\n Function: ' + color)
+        console.error(
+          'Failure executing color function',
+          e,
+          '\n Function: ' + color,
+        )
         targetColor = '#FF00FF'
       }
     }
@@ -125,10 +150,17 @@ ${JSON.stringify(dynamicVars, null, 2)}\nError: ${e}`)
   }
 }
 
-const getTextColorAlpha = (directives, intendedTextColor, dynamicVars, staticVars) => {
+const getTextColorAlpha = (
+  directives,
+  intendedTextColor,
+  dynamicVars,
+  staticVars,
+) => {
   const opacity = directives.textOpacity
   const backgroundColor = convert(dynamicVars.lowerLevelBackground).rgb
-  const textColor = convert(findColor(intendedTextColor, { dynamicVars, staticVars })).rgb
+  const textColor = convert(
+    findColor(intendedTextColor, { dynamicVars, staticVars }),
+  ).rgb
   if (opacity === null || opacity === undefined || opacity >= 1) {
     return convert(textColor).hex
   }
@@ -149,26 +181,29 @@ const getTextColorAlpha = (directives, intendedTextColor, dynamicVars, staticVar
 // Loading all style.js[on] files dynamically
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
-  { eager: true }
+  { eager: true },
 )
-Object.keys(componentsContext).forEach(key => {
+Object.keys(componentsContext).forEach((key) => {
   const component = componentsContext[key].default
   if (components[component.name] != null) {
-    console.warn(`Component in file ${key} is trying to override existing component ${component.name}! You have collisions/duplicates!`)
+    console.warn(
+      `Component in file ${key} is trying to override existing component ${component.name}! You have collisions/duplicates!`,
+    )
   }
   components[component.name] = component
 })
 
-Object.keys(components).forEach(key => {
+Object.keys(components).forEach((key) => {
   if (key === 'Root') return
-  components.Root.validInnerComponents = components.Root.validInnerComponents || []
+  components.Root.validInnerComponents =
+    components.Root.validInnerComponents || []
   components.Root.validInnerComponents.push(key)
 })
 
-Object.keys(components).forEach(key => {
+Object.keys(components).forEach((key) => {
   const component = components[key]
   const { validInnerComponents = [] } = component
-  validInnerComponents.forEach(inner => {
+  validInnerComponents.forEach((inner) => {
     const child = components[inner]
     component.possibleChildren = component.possibleChildren || []
     component.possibleChildren.push(child)
@@ -177,7 +212,6 @@ Object.keys(components).forEach(key => {
   })
 })
 
-
 const engineChecksum = sum(components)
 
 const ruleToSelector = genericRuleToSelector(components)
@@ -207,7 +241,7 @@ export const init = ({
   liteMode = false,
   editMode = false,
   onlyNormalState = false,
-  initialStaticVars = {}
+  initialStaticVars = {},
 }) => {
   const rootComponentName = 'Root'
   if (!inputRuleset) throw new Error('Ruleset is null or undefined!')
@@ -217,10 +251,16 @@ export const init = ({
 
   const rulesetUnsorted = [
     ...Object.values(components)
-      .map(c => (c.defaultRules || []).map(r => ({ source: 'Built-in', component: c.name, ...r })))
+      .map((c) =>
+        (c.defaultRules || []).map((r) => ({
+          source: 'Built-in',
+          component: c.name,
+          ...r,
+        })),
+      )
       .reduce((acc, arr) => [...acc, ...arr], []),
-    ...inputRuleset
-  ].map(rule => {
+    ...inputRuleset,
+  ].map((rule) => {
     normalizeCombination(rule)
     let currentParent = rule.parent
     while (currentParent) {
@@ -246,8 +286,8 @@ export const init = ({
       aScore += a.variant !== 'normal' ? 100 : 0
       bScore += b.variant !== 'normal' ? 100 : 0
 
-      aScore += a.state.filter(x => x !== 'normal').length * 1000
-      bScore += b.state.filter(x => x !== 'normal').length * 1000
+      aScore += a.state.filter((x) => x !== 'normal').length * 1000
+      bScore += b.state.filter((x) => x !== 'normal').length * 1000
 
       aScore += a.component === 'Text' ? 1 : 0
       bScore += b.component === 'Text' ? 1 : 0
@@ -264,24 +304,44 @@ export const init = ({
     .map(({ data }) => data)
 
   if (!ultimateBackgroundColor) {
-    console.warn('No ultimate background color provided, falling back to panel color')
-    const rootRule = ruleset.findLast((x) => (x.component === 'Root' && x.directives?.['--bg']))
+    console.warn(
+      'No ultimate background color provided, falling back to panel color',
+    )
+    const rootRule = ruleset.findLast(
+      (x) => x.component === 'Root' && x.directives?.['--bg'],
+    )
     ultimateBackgroundColor = rootRule.directives['--bg'].split('|')[1].trim()
   }
 
-  const virtualComponents = new Set(Object.values(components).filter(c => c.virtual).map(c => c.name))
-  const transparentComponents = new Set(Object.values(components).filter(c => c.transparent).map(c => c.name))
-  const nonEditableComponents = new Set(Object.values(components).filter(c => c.notEditable).map(c => c.name))
+  const virtualComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.virtual)
+      .map((c) => c.name),
+  )
+  const transparentComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.transparent)
+      .map((c) => c.name),
+  )
+  const nonEditableComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.notEditable)
+      .map((c) => c.name),
+  )
   const extraCompileComponents = new Set([])
 
-  Object.values(components).forEach(component => {
-    const relevantRules = ruleset.filter(r => r.component === component.name)
-    const backgrounds = relevantRules.map(r => r.directives.background).filter(x => x)
-    const opacities = relevantRules.map(r => r.directives.opacity).filter(x => x)
+  Object.values(components).forEach((component) => {
+    const relevantRules = ruleset.filter((r) => r.component === component.name)
+    const backgrounds = relevantRules
+      .map((r) => r.directives.background)
+      .filter((x) => x)
+    const opacities = relevantRules
+      .map((r) => r.directives.opacity)
+      .filter((x) => x)
     if (
-      backgrounds.some(x => x.match(/--parent/)) ||
-        opacities.some(x => x != null && x < 1))
-    {
+      backgrounds.some((x) => x.match(/--parent/)) ||
+      opacities.some((x) => x != null && x < 1)
+    ) {
       extraCompileComponents.add(component.name)
     }
   })
@@ -300,25 +360,26 @@ export const init = ({
         // FIXME hack for editor until it supports handling component backgrounds
         lowerLevelBackground = '#00FFFF'
       }
-      const lowerLevelVirtualDirectives = computed[lowerLevelSelector]?.virtualDirectives
-      const lowerLevelVirtualDirectivesRaw = computed[lowerLevelSelector]?.virtualDirectivesRaw
+      const lowerLevelVirtualDirectives =
+        computed[lowerLevelSelector]?.virtualDirectives
+      const lowerLevelVirtualDirectivesRaw =
+        computed[lowerLevelSelector]?.virtualDirectivesRaw
 
       const dynamicVars = computed[selector] || {
         lowerLevelSelector,
         lowerLevelBackground,
         lowerLevelVirtualDirectives,
-        lowerLevelVirtualDirectivesRaw
+        lowerLevelVirtualDirectivesRaw,
       }
 
       // Inheriting all of the applicable rules
       const existingRules = ruleset.filter(findRules(combination))
-      const computedDirectives =
-            existingRules
-              .map(r => r.directives)
-              .reduce((acc, directives) => ({ ...acc, ...directives }), {})
+      const computedDirectives = existingRules
+        .map((r) => r.directives)
+        .reduce((acc, directives) => ({ ...acc, ...directives }), {})
       const computedRule = {
         ...combination,
-        directives: computedDirectives
+        directives: computedDirectives,
       }
 
       computed[selector] = computed[selector] || {}
@@ -328,7 +389,8 @@ export const init = ({
       // avoid putting more stuff into actual CSS
       computed[selector].virtualDirectives = {}
       // but still be able to access it i.e. from --parent
-      computed[selector].virtualDirectivesRaw = computed[lowerLevelSelector]?.virtualDirectivesRaw || {}
+      computed[selector].virtualDirectivesRaw =
+        computed[lowerLevelSelector]?.virtualDirectivesRaw || {}
 
       if (virtualComponents.has(combination.component)) {
         const virtualName = [
@@ -336,22 +398,37 @@ export const init = ({
           combination.component.toLowerCase(),
           combination.variant === 'normal'
             ? ''
-            : combination.variant[0].toUpperCase() + combination.variant.slice(1).toLowerCase(),
-          ...sortBy(combination.state.filter(x => x !== 'normal')).map(state => state[0].toUpperCase() + state.slice(1).toLowerCase())
+            : combination.variant[0].toUpperCase() +
+              combination.variant.slice(1).toLowerCase(),
+          ...sortBy(combination.state.filter((x) => x !== 'normal')).map(
+            (state) => state[0].toUpperCase() + state.slice(1).toLowerCase(),
+          ),
         ].join('')
 
         let inheritedTextColor = computedDirectives.textColor
         let inheritedTextAuto = computedDirectives.textAuto
         let inheritedTextOpacity = computedDirectives.textOpacity
         let inheritedTextOpacityMode = computedDirectives.textOpacityMode
-        const lowerLevelTextSelector = [...selector.split(/ /g).slice(0, -1), soloSelector].join(' ')
+        const lowerLevelTextSelector = [
+          ...selector.split(/ /g).slice(0, -1),
+          soloSelector,
+        ].join(' ')
         const lowerLevelTextRule = computed[lowerLevelTextSelector]
 
-        if (inheritedTextColor == null || inheritedTextOpacity == null || inheritedTextOpacityMode == null) {
-          inheritedTextColor = computedDirectives.textColor ?? lowerLevelTextRule.textColor
-          inheritedTextAuto = computedDirectives.textAuto ?? lowerLevelTextRule.textAuto
-          inheritedTextOpacity = computedDirectives.textOpacity ?? lowerLevelTextRule.textOpacity
-          inheritedTextOpacityMode = computedDirectives.textOpacityMode ?? lowerLevelTextRule.textOpacityMode
+        if (
+          inheritedTextColor == null ||
+          inheritedTextOpacity == null ||
+          inheritedTextOpacityMode == null
+        ) {
+          inheritedTextColor =
+            computedDirectives.textColor ?? lowerLevelTextRule.textColor
+          inheritedTextAuto =
+            computedDirectives.textAuto ?? lowerLevelTextRule.textAuto
+          inheritedTextOpacity =
+            computedDirectives.textOpacity ?? lowerLevelTextRule.textOpacity
+          inheritedTextOpacityMode =
+            computedDirectives.textOpacityMode ??
+            lowerLevelTextRule.textOpacityMode
         }
 
         const newTextRule = {
@@ -361,26 +438,37 @@ export const init = ({
             textColor: inheritedTextColor,
             textAuto: inheritedTextAuto ?? 'preserve',
             textOpacity: inheritedTextOpacity,
-            textOpacityMode: inheritedTextOpacityMode
-          }
+            textOpacityMode: inheritedTextOpacityMode,
+          },
         }
 
         dynamicVars.inheritedBackground = lowerLevelBackground
         dynamicVars.stacked = convert(stacked[lowerLevelSelector]).rgb
 
-        const intendedTextColor = convert(findColor(inheritedTextColor, { dynamicVars, staticVars })).rgb
-        const textColor = newTextRule.directives.textAuto === 'no-auto'
-          ? intendedTextColor
-          : getTextColor(
-            convert(stacked[lowerLevelSelector]).rgb,
-            intendedTextColor,
-            newTextRule.directives.textAuto === 'preserve'
-          )
-        const virtualDirectives = { ...(computed[lowerLevelSelector].virtualDirectives || {}) }
-        const virtualDirectivesRaw = { ...(computed[lowerLevelSelector].virtualDirectivesRaw || {}) }
+        const intendedTextColor = convert(
+          findColor(inheritedTextColor, { dynamicVars, staticVars }),
+        ).rgb
+        const textColor =
+          newTextRule.directives.textAuto === 'no-auto'
+            ? intendedTextColor
+            : getTextColor(
+                convert(stacked[lowerLevelSelector]).rgb,
+                intendedTextColor,
+                newTextRule.directives.textAuto === 'preserve',
+              )
+        const virtualDirectives = {
+          ...(computed[lowerLevelSelector].virtualDirectives || {}),
+        }
+        const virtualDirectivesRaw = {
+          ...(computed[lowerLevelSelector].virtualDirectivesRaw || {}),
+        }
 
         // Storing color data in lower layer to use as custom css properties
-        virtualDirectives[virtualName] = getTextColorAlpha(newTextRule.directives, textColor, dynamicVars)
+        virtualDirectives[virtualName] = getTextColorAlpha(
+          newTextRule.directives,
+          textColor,
+          dynamicVars,
+        )
         virtualDirectivesRaw[virtualName] = textColor
 
         computed[lowerLevelSelector].virtualDirectives = virtualDirectives
@@ -392,13 +480,14 @@ export const init = ({
           ...combination,
           directives: {},
           virtualDirectives,
-          virtualDirectivesRaw
+          virtualDirectivesRaw,
         }
       } else {
         computed[selector] = computed[selector] || {}
 
         // TODO: DEFAULT TEXT COLOR
-        const lowerLevelStackedBackground = stacked[lowerLevelSelector] || convert(ultimateBackgroundColor).rgb
+        const lowerLevelStackedBackground =
+          stacked[lowerLevelSelector] || convert(ultimateBackgroundColor).rgb
 
         if (computedDirectives.background) {
           let inheritRule = null
@@ -406,27 +495,37 @@ export const init = ({
             findRules({
               component: combination.component,
               variant: combination.variant,
-              parent: combination.parent
-            })
+              parent: combination.parent,
+            }),
           )
           const lastVariantRule = variantRules[variantRules.length - 1]
           if (lastVariantRule) {
             inheritRule = lastVariantRule
           } else {
-            const normalRules = ruleset.filter(findRules({
-              component: combination.component,
-              parent: combination.parent
-            }))
+            const normalRules = ruleset.filter(
+              findRules({
+                component: combination.component,
+                parent: combination.parent,
+              }),
+            )
             const lastNormalRule = normalRules[normalRules.length - 1]
             inheritRule = lastNormalRule
           }
 
-          const inheritSelector = ruleToSelector({ ...inheritRule, parent: combination.parent }, true)
+          const inheritSelector = ruleToSelector(
+            { ...inheritRule, parent: combination.parent },
+            true,
+          )
           const inheritedBackground = computed[inheritSelector].background
 
           dynamicVars.inheritedBackground = inheritedBackground
 
-          const rgb = convert(findColor(computedDirectives.background, { dynamicVars, staticVars })).rgb
+          const rgb = convert(
+            findColor(computedDirectives.background, {
+              dynamicVars,
+              staticVars,
+            }),
+          ).rgb
 
           if (!stacked[selector]) {
             let blend
@@ -436,31 +535,48 @@ export const init = ({
             } else if (alpha <= 0) {
               blend = lowerLevelStackedBackground
             } else {
-              blend = alphaBlend(rgb, computedDirectives.opacity, lowerLevelStackedBackground)
+              blend = alphaBlend(
+                rgb,
+                computedDirectives.opacity,
+                lowerLevelStackedBackground,
+              )
             }
             stacked[selector] = blend
-            computed[selector].background = { ...rgb, a: computedDirectives.opacity ?? 1 }
+            computed[selector].background = {
+              ...rgb,
+              a: computedDirectives.opacity ?? 1,
+            }
           }
         }
 
         if (computedDirectives.shadow) {
-          dynamicVars.shadow = flattenDeep(findShadow(flattenDeep(computedDirectives.shadow), { dynamicVars, staticVars }))
+          dynamicVars.shadow = flattenDeep(
+            findShadow(flattenDeep(computedDirectives.shadow), {
+              dynamicVars,
+              staticVars,
+            }),
+          )
         }
 
         if (!stacked[selector]) {
           computedDirectives.background = 'transparent'
           computedDirectives.opacity = 0
           stacked[selector] = lowerLevelStackedBackground
-          computed[selector].background = { ...lowerLevelStackedBackground, a: 0 }
+          computed[selector].background = {
+            ...lowerLevelStackedBackground,
+            a: 0,
+          }
         }
 
         dynamicVars.stacked = stacked[selector]
         dynamicVars.background = computed[selector].background
 
-        const dynamicSlots = Object.entries(computedDirectives).filter(([k]) => k.startsWith('--'))
+        const dynamicSlots = Object.entries(computedDirectives).filter(([k]) =>
+          k.startsWith('--'),
+        )
 
         dynamicSlots.forEach(([k, v]) => {
-          const [type, value] = v.split('|').map(x => x.trim()) // woah, Extreme!
+          const [type, value] = v.split('|').map((x) => x.trim()) // woah, Extreme!
           switch (type) {
             case 'color': {
               const color = findColor(value, { dynamicVars, staticVars })
@@ -471,7 +587,10 @@ export const init = ({
               break
             }
             case 'shadow': {
-              const shadow = value.split(/,/g).map(s => s.trim()).filter(x => x)
+              const shadow = value
+                .split(/,/g)
+                .map((s) => s.trim())
+                .filter((x) => x)
               dynamicVars[k] = shadow
               if (combination.component === rootComponentName) {
                 staticVars[k.substring(2)] = shadow
@@ -492,81 +611,97 @@ export const init = ({
           dynamicVars,
           selector: cssSelector,
           ...combination,
-          directives: computedDirectives
+          directives: computedDirectives,
         }
 
         return rule
       }
     } catch (e) {
       const { component, variant, state } = combination
-      throw new Error(`Error processing combination ${component}.${variant}:${state.join(':')}: ${e}`)
+      throw new Error(
+        `Error processing combination ${component}.${variant}:${state.join(':')}: ${e}`,
+      )
     }
   }
 
   const processInnerComponent = (component, parent) => {
     const combinations = []
-    const {
-      states: originalStates = {},
-      variants: originalVariants = {}
-    } = component
+    const { states: originalStates = {}, variants: originalVariants = {} } =
+      component
 
     let validInnerComponents
     if (editMode) {
-      const temp = (component.validInnerComponentsLite || component.validInnerComponents || [])
-      validInnerComponents = temp
-        .filter(c => virtualComponents.has(c) && !nonEditableComponents.has(c))
+      const temp =
+        component.validInnerComponentsLite ||
+        component.validInnerComponents ||
+        []
+      validInnerComponents = temp.filter(
+        (c) => virtualComponents.has(c) && !nonEditableComponents.has(c),
+      )
     } else if (liteMode) {
-      validInnerComponents = (component.validInnerComponentsLite || component.validInnerComponents || [])
-    } else if (component.name === 'Root' || component.states != null || component.background?.includes('--parent')) {
+      validInnerComponents =
+        component.validInnerComponentsLite ||
+        component.validInnerComponents ||
+        []
+    } else if (
+      component.name === 'Root' ||
+      component.states != null ||
+      component.background?.includes('--parent')
+    ) {
       validInnerComponents = component.validInnerComponents || []
     } else {
-      validInnerComponents = component
-        .validInnerComponents
-          ?.filter(
-            c => virtualComponents.has(c)
-              || transparentComponents.has(c)
-              || extraCompileComponents.has(c)
-          )
-          || []
+      validInnerComponents =
+        component.validInnerComponents?.filter(
+          (c) =>
+            virtualComponents.has(c) ||
+            transparentComponents.has(c) ||
+            extraCompileComponents.has(c),
+        ) || []
     }
 
     // Normalizing states and variants to always include "normal"
     const states = { normal: '', ...originalStates }
     const variants = { normal: '', ...originalVariants }
-    const innerComponents = (validInnerComponents).map(name => {
+    const innerComponents = validInnerComponents.map((name) => {
       const result = components[name]
-      if (result === undefined) console.error(`Component ${component.name} references a component ${name} which does not exist!`)
+      if (result === undefined)
+        console.error(
+          `Component ${component.name} references a component ${name} which does not exist!`,
+        )
       return result
     })
 
     // Optimization: we only really need combinations without "normal" because all states implicitly have it
-    const permutationStateKeys = Object.keys(states).filter(s => s !== 'normal')
-    const stateCombinations = (onlyNormalState && !virtualComponents.has(component.name))
-      ? [
-          ['normal']
-        ]
-      : [
-          ['normal'],
-          ...getAllPossibleCombinations(permutationStateKeys)
-            .map(combination => ['normal', ...combination])
-            .filter(combo => {
-              // Optimization: filter out some hard-coded combinations that don't make sense
-              if (combo.indexOf('disabled') >= 0) {
-                return !(
-                  combo.indexOf('hover') >= 0 ||
+    const permutationStateKeys = Object.keys(states).filter(
+      (s) => s !== 'normal',
+    )
+    const stateCombinations =
+      onlyNormalState && !virtualComponents.has(component.name)
+        ? [['normal']]
+        : [
+            ['normal'],
+            ...getAllPossibleCombinations(permutationStateKeys)
+              .map((combination) => ['normal', ...combination])
+              .filter((combo) => {
+                // Optimization: filter out some hard-coded combinations that don't make sense
+                if (combo.indexOf('disabled') >= 0) {
+                  return !(
+                    combo.indexOf('hover') >= 0 ||
                     combo.indexOf('focused') >= 0 ||
                     combo.indexOf('pressed') >= 0
-                )
-              }
-              return true
-            })
-        ]
+                  )
+                }
+                return true
+              }),
+          ]
 
-    const stateVariantCombination = Object.keys(variants).map(variant => {
-      return stateCombinations.map(state => ({ variant, state }))
-    }).reduce((acc, x) => [...acc, ...x], [])
+    const stateVariantCombination = Object.keys(variants)
+      .map((variant) => {
+        return stateCombinations.map((state) => ({ variant, state }))
+      })
+      .reduce((acc, x) => [...acc, ...x], [])
 
-    stateVariantCombination.forEach(combination => {
+    stateVariantCombination.forEach((combination) => {
       combination.component = component.name
       combination.lazy = component.lazy || parent?.lazy
       combination.parent = parent
@@ -577,16 +712,16 @@ export const init = ({
       if (
         !liteMode &&
         parent?.component !== 'Root' &&
-          !virtualComponents.has(component.name) &&
-          !transparentComponents.has(component.name) &&
-          extraCompileComponents.has(component.name)
+        !virtualComponents.has(component.name) &&
+        !transparentComponents.has(component.name) &&
+        extraCompileComponents.has(component.name)
       ) {
         combination.lazy = true
       }
 
       combinations.push(combination)
 
-      innerComponents.forEach(innerComponent => {
+      innerComponents.forEach((innerComponent) => {
         combinations.push(...processInnerComponent(innerComponent, combination))
       })
     })
@@ -595,19 +730,23 @@ export const init = ({
   }
 
   const t0 = performance.now()
-  const combinations = processInnerComponent(components[rootComponentName] ?? components.Root)
+  const combinations = processInnerComponent(
+    components[rootComponentName] ?? components.Root,
+  )
   const t1 = performance.now()
   if (debug) {
     console.debug('Tree traveral took ' + (t1 - t0) + ' ms')
   }
 
-  const result = combinations.map((combination) => {
-    if (combination.lazy) {
-      return async () => processCombination(combination)
-    } else {
-      return processCombination(combination)
-    }
-  }).filter(x => x)
+  const result = combinations
+    .map((combination) => {
+      if (combination.lazy) {
+        return async () => processCombination(combination)
+      } else {
+        return processCombination(combination)
+      }
+    })
+    .filter((x) => x)
   const t2 = performance.now()
   if (debug) {
     console.debug('Eager processing took ' + (t2 - t1) + ' ms')
@@ -617,7 +756,7 @@ export const init = ({
   const eager = []
   const lazy = []
 
-  result.forEach(x => {
+  result.forEach((x) => {
     if (typeof x === 'function') {
       lazy.push(x)
     } else {
@@ -630,6 +769,6 @@ export const init = ({
     eager,
     staticVars,
     engineChecksum,
-    themeChecksum: sum([lazy, eager])
+    themeChecksum: sum([lazy, eager]),
   }
 }
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index f64646593..68991addf 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -2,9 +2,21 @@ import { camelCase } from 'lodash'
 
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 
-const update = ({ store, statuses, timeline, showImmediately, userId, listId, pagination }) => {
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+
+const update = ({
+  store,
+  statuses,
+  timeline,
+  showImmediately,
+  userId,
+  listId,
+  pagination,
+}) => {
   const ccTimeline = camelCase(timeline)
 
   store.dispatch('addNewStatuses', {
@@ -13,7 +25,7 @@ const update = ({ store, statuses, timeline, showImmediately, userId, listId, pa
     listId,
     statuses,
     showImmediately,
-    pagination
+    pagination,
   })
 }
 
@@ -29,13 +41,13 @@ const fetchAndUpdate = ({
   bookmarkFolderId = false,
   tag = false,
   until,
-  since
+  since,
 }) => {
   const args = { timeline, credentials }
   const rootState = store.rootState || store.state
-  const { getters } = store
   const timelineData = rootState.statuses.timelines[camelCase(timeline)]
-  const { hideMutedPosts, replyVisibility } = getters.mergedConfig
+  const { hideMutedPosts, replyVisibility } =
+    useMergedConfigStore().mergedConfig
   const loggedIn = !!rootState.users.currentUser
 
   if (older) {
@@ -54,27 +66,44 @@ const fetchAndUpdate = ({
   args.bookmarkFolderId = bookmarkFolderId
   args.tag = tag
   args.withMuted = !hideMutedPosts
-  if (loggedIn && ['friends', 'public', 'publicAndExternal', 'bubble'].includes(timeline)) {
+  if (
+    loggedIn &&
+    ['friends', 'public', 'publicAndExternal', 'bubble'].includes(timeline)
+  ) {
     args.replyVisibility = replyVisibility
   }
 
   const numStatusesBeforeFetch = timelineData.statuses.length
 
-  return apiService.fetchTimeline(args)
-    .then(response => {
+  return apiService
+    .fetchTimeline(args)
+    .then((response) => {
       if (response.errors) {
         if (timeline === 'favorites') {
-          rootState.instance.pleromaPublicFavouritesAvailable = false
+          useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable = false
           return
         }
         throw new Error(`${response.status} ${response.statusText}`)
       }
 
       const { data: statuses, pagination } = response
-      if (!older && statuses.length >= 20 && !timelineData.loading && numStatusesBeforeFetch > 0) {
+      if (
+        !older &&
+        statuses.length >= 20 &&
+        !timelineData.loading &&
+        numStatusesBeforeFetch > 0
+      ) {
         store.dispatch('queueFlush', { timeline, id: timelineData.maxId })
       }
-      update({ store, statuses, timeline, showImmediately, userId, listId, pagination })
+      update({
+        store,
+        statuses,
+        timeline,
+        showImmediately,
+        userId,
+        listId,
+        pagination,
+      })
       return { statuses, pagination }
     })
     .catch((error) => {
@@ -82,26 +111,54 @@ const fetchAndUpdate = ({
         level: 'error',
         messageKey: 'timeline.error',
         messageArgs: [error.message],
-        timeout: 5000
+        timeout: 5000,
       })
     })
 }
 
-const startFetching = ({ timeline = 'friends', credentials, store, userId = false, listId = false, statusId = false, bookmarkFolderId = false, tag = false }) => {
+const startFetching = ({
+  timeline = 'friends',
+  credentials,
+  store,
+  userId = false,
+  listId = false,
+  statusId = false,
+  bookmarkFolderId = false,
+  tag = false,
+}) => {
   const rootState = store.rootState || store.state
   const timelineData = rootState.statuses.timelines[camelCase(timeline)]
   const showImmediately = timelineData.visibleStatuses.length === 0
   timelineData.userId = userId
   timelineData.listId = listId
   timelineData.bookmarkFolderId = bookmarkFolderId
-  fetchAndUpdate({ timeline, credentials, store, showImmediately, userId, listId, statusId, bookmarkFolderId, tag })
+  fetchAndUpdate({
+    timeline,
+    credentials,
+    store,
+    showImmediately,
+    userId,
+    listId,
+    statusId,
+    bookmarkFolderId,
+    tag,
+  })
   const boundFetchAndUpdate = () =>
-    fetchAndUpdate({ timeline, credentials, store, userId, listId, statusId, bookmarkFolderId, tag })
+    fetchAndUpdate({
+      timeline,
+      credentials,
+      store,
+      userId,
+      listId,
+      statusId,
+      bookmarkFolderId,
+      tag,
+    })
   return promiseInterval(boundFetchAndUpdate, 10000)
 }
 const timelineFetcher = {
   fetchAndUpdate,
-  startFetching
+  startFetching,
 }
 
 export default timelineFetcher
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
index b5f580405..45fbffec2 100644
--- a/src/services/user_highlighter/user_highlighter.js
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -1,4 +1,5 @@
 import { hex2rgb } from '../color_convert/color_convert.js'
+
 const highlightStyle = (prefs) => {
   if (prefs === undefined) return
   const { color, type } = prefs
@@ -11,7 +12,7 @@ const highlightStyle = (prefs) => {
   const customProps = {
     '--____highlight-solidColor': solidColor,
     '--____highlight-tintColor': tintColor,
-    '--____highlight-tintColor2': tintColor2
+    '--____highlight-tintColor2': tintColor2,
   }
   if (type === 'striped') {
     return {
@@ -20,15 +21,15 @@ const highlightStyle = (prefs) => {
         `${tintColor} ,`,
         `${tintColor} 20px,`,
         `${tintColor2} 20px,`,
-        `${tintColor2} 40px`
+        `${tintColor2} 40px`,
       ].join(' '),
       backgroundPosition: '0 0',
-      ...customProps
+      ...customProps,
     }
   } else if (type === 'solid') {
     return {
       backgroundColor: tintColor2,
-      ...customProps
+      ...customProps,
     }
   } else if (type === 'side') {
     return {
@@ -36,21 +37,18 @@ const highlightStyle = (prefs) => {
         'linear-gradient(to right,',
         `${solidColor} ,`,
         `${solidColor} 2px,`,
-        'transparent 6px'
+        'transparent 6px',
       ].join(' '),
       backgroundPosition: '0 0',
-      ...customProps
+      ...customProps,
     }
   }
 }
 
 const highlightClass = (user) => {
-  return 'USER____' + user.screen_name
-    .replace(/\./g, '_')
-    .replace(/@/g, '_AT_')
+  return (
+    'USER____' + user.screen_name?.replace(/\./g, '_').replace(/@/g, '_AT_')
+  )
 }
 
-export {
-  highlightClass,
-  highlightStyle
-}
+export { highlightClass, highlightStyle }
diff --git a/src/services/user_profile_link_generator/user_profile_link_generator.js b/src/services/user_profile_link_generator/user_profile_link_generator.js
index 16f1531d0..8f4ab7e58 100644
--- a/src/services/user_profile_link_generator/user_profile_link_generator.js
+++ b/src/services/user_profile_link_generator/user_profile_link_generator.js
@@ -1,13 +1,16 @@
 import { includes } from 'lodash'
 
 const generateProfileLink = (id, screenName, restrictedNicknames) => {
-  const complicated = !screenName || (isExternal(screenName) || includes(restrictedNicknames, screenName))
+  const complicated =
+    !screenName ||
+    isExternal(screenName) ||
+    includes(restrictedNicknames, screenName)
   return {
-    name: (complicated ? 'external-user-profile' : 'user-profile'),
-    params: (complicated ? { id } : { name: screenName })
+    name: complicated ? 'external-user-profile' : 'user-profile',
+    params: complicated ? { id } : { name: screenName },
   }
 }
 
-const isExternal = screenName => screenName && screenName.includes('@')
+const isExternal = (screenName) => screenName && screenName.includes('@')
 
 export default generateProfileLink
diff --git a/src/stores/announcements.js b/src/stores/announcements.js
index 5ee279835..bf88666c6 100644
--- a/src/stores/announcements.js
+++ b/src/stores/announcements.js
@@ -6,41 +6,48 @@ export const useAnnouncementsStore = defineStore('announcements', {
   state: () => ({
     announcements: [],
     supportsAnnouncements: true,
-    fetchAnnouncementsTimer: undefined
+    fetchAnnouncementsTimer: undefined,
   }),
   getters: {
-    unreadAnnouncementCount () {
+    unreadAnnouncementCount() {
       if (!window.vuex.state.users.currentUser) {
         return 0
       }
 
-      const unread = this.announcements.filter(announcement => !(announcement.inactive || announcement.read))
+      const unread = this.announcements.filter(
+        (announcement) => !(announcement.inactive || announcement.read),
+      )
       return unread.length
-    }
+    },
   },
   actions: {
-    fetchAnnouncements () {
+    fetchAnnouncements() {
       if (!this.supportsAnnouncements) {
         return Promise.resolve()
       }
 
       const currentUser = window.vuex.state.users.currentUser
-      const isAdmin = currentUser && currentUser.privileges.includes('announcements_manage_announcements')
+      const isAdmin =
+        currentUser &&
+        currentUser.privileges.includes('announcements_manage_announcements')
 
       const getAnnouncements = async () => {
         if (!isAdmin) {
           return window.vuex.state.api.backendInteractor.fetchAnnouncements()
         }
 
-        const all = await window.vuex.state.api.backendInteractor.adminFetchAnnouncements()
-        const visible = await window.vuex.state.api.backendInteractor.fetchAnnouncements()
+        const all =
+          await window.vuex.state.api.backendInteractor.adminFetchAnnouncements()
+        const visible =
+          await window.vuex.state.api.backendInteractor.fetchAnnouncements()
         const visibleObject = visible.reduce((a, c) => {
           a[c.id] = c
           return a
         }, {})
-        const getWithinVisible = announcement => visibleObject[announcement.id]
+        const getWithinVisible = (announcement) =>
+          visibleObject[announcement.id]
 
-        all.forEach(announcement => {
+        all.forEach((announcement) => {
           const visibleAnnouncement = getWithinVisible(announcement)
           if (!visibleAnnouncement) {
             announcement.inactive = true
@@ -53,10 +60,10 @@ export const useAnnouncementsStore = defineStore('announcements', {
       }
 
       return getAnnouncements()
-        .then(announcements => {
+        .then((announcements) => {
           this.announcements = announcements
         })
-        .catch(error => {
+        .catch((error) => {
           // If and only if backend does not support announcements, it would return 404.
           // In this case, silently ignores it.
           if (error && error.statusCode === 404) {
@@ -66,10 +73,11 @@ export const useAnnouncementsStore = defineStore('announcements', {
           }
         })
     },
-    markAnnouncementAsRead (id) {
-      return window.vuex.state.api.backendInteractor.dismissAnnouncement({ id })
+    markAnnouncementAsRead(id) {
+      return window.vuex.state.api.backendInteractor
+        .dismissAnnouncement({ id })
         .then(() => {
-          const index = this.announcements.findIndex(a => a.id === id)
+          const index = this.announcements.findIndex((a) => a.id === id)
 
           if (index < 0) {
             return
@@ -78,38 +86,44 @@ export const useAnnouncementsStore = defineStore('announcements', {
           this.announcements[index].read = true
         })
     },
-    startFetchingAnnouncements () {
+    startFetchingAnnouncements() {
       if (this.fetchAnnouncementsTimer) {
         return
       }
 
-      const interval = setInterval(() => this.fetchAnnouncements(), FETCH_ANNOUNCEMENT_INTERVAL_MS)
+      const interval = setInterval(
+        () => this.fetchAnnouncements(),
+        FETCH_ANNOUNCEMENT_INTERVAL_MS,
+      )
       this.fetchAnnouncementsTimer = interval
 
       return this.fetchAnnouncements()
     },
-    stopFetchingAnnouncements () {
+    stopFetchingAnnouncements() {
       const interval = this.fetchAnnouncementsTimer
       this.fetchAnnouncementsTimer = undefined
       clearInterval(interval)
     },
-    postAnnouncement ({ content, startsAt, endsAt, allDay }) {
-      return window.vuex.state.api.backendInteractor.postAnnouncement({ content, startsAt, endsAt, allDay })
+    postAnnouncement({ content, startsAt, endsAt, allDay }) {
+      return window.vuex.state.api.backendInteractor
+        .postAnnouncement({ content, startsAt, endsAt, allDay })
         .then(() => {
           return this.fetchAnnouncements()
         })
     },
-    editAnnouncement ({ id, content, startsAt, endsAt, allDay }) {
-      return window.vuex.state.api.backendInteractor.editAnnouncement({ id, content, startsAt, endsAt, allDay })
+    editAnnouncement({ id, content, startsAt, endsAt, allDay }) {
+      return window.vuex.state.api.backendInteractor
+        .editAnnouncement({ id, content, startsAt, endsAt, allDay })
         .then(() => {
           return this.fetchAnnouncements()
         })
     },
-    deleteAnnouncement (id) {
-      return window.vuex.state.api.backendInteractor.deleteAnnouncement({ id })
+    deleteAnnouncement(id) {
+      return window.vuex.state.api.backendInteractor
+        .deleteAnnouncement({ id })
         .then(() => {
           return this.fetchAnnouncements()
         })
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index e41a9bc5e..64df30f2a 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,6 +1,7 @@
-import { useOAuthStore } from 'src/stores/oauth.js'
 import { defineStore } from 'pinia'
 
+import { useOAuthStore } from 'src/stores/oauth.js'
+
 const PASSWORD_STRATEGY = 'password'
 const TOKEN_STRATEGY = 'token'
 
@@ -13,7 +14,7 @@ export const useAuthFlowStore = defineStore('authFlow', {
   state: () => ({
     settings: {},
     strategy: PASSWORD_STRATEGY,
-    initStrategy: PASSWORD_STRATEGY // default strategy from config
+    initStrategy: PASSWORD_STRATEGY, // default strategy from config
   }),
   // getters
   getters: {
@@ -31,39 +32,39 @@ export const useAuthFlowStore = defineStore('authFlow', {
     },
   },
   actions: {
-    setInitialStrategy (strategy) {
+    setInitialStrategy(strategy) {
       if (strategy) {
         this.initStrategy = strategy
         this.strategy = strategy
       }
     },
-    requirePassword () {
+    requirePassword() {
       this.strategy = PASSWORD_STRATEGY
     },
-    requireToken () {
+    requireToken() {
       this.strategy = TOKEN_STRATEGY
     },
-    requireMFA ({ settings }) {
+    requireMFA({ settings }) {
       this.settings = settings
       this.strategy = TOTP_STRATEGY // default strategy of MFA
     },
-    requireRecovery () {
+    requireRecovery() {
       this.strategy = RECOVERY_STRATEGY
     },
-    requireTOTP () {
+    requireTOTP() {
       this.strategy = TOTP_STRATEGY
     },
-    abortMFA () {
+    abortMFA() {
       this.resetState()
     },
-    resetState () {
+    resetState() {
       this.strategy = this.initStrategy
       this.settings = {}
     },
-    async login ({ access_token: accessToken }) {
+    async login({ access_token: accessToken }) {
       useOAuthStore().setToken(accessToken)
       await window.vuex.dispatch('loginUser', accessToken, { root: true })
       this.resetState()
-    }
-  }
-})
\ No newline at end of file
+    },
+  },
+})
diff --git a/src/stores/bookmark_folders.js b/src/stores/bookmark_folders.js
index 79f373b0a..028322f9d 100644
--- a/src/stores/bookmark_folders.js
+++ b/src/stores/bookmark_folders.js
@@ -1,25 +1,25 @@
-import { remove, find } from 'lodash'
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
 export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
   state: () => ({
-    allFolders: []
+    allFolders: [],
   }),
   getters: {
-    findBookmarkFolderName () {
+    findBookmarkFolderName() {
       return (id) => {
-        const folder = this.allFolders.find(folder => folder.id === id)
-  
+        const folder = this.allFolders.find((folder) => folder.id === id)
+
         if (!folder) return
         return folder.name
       }
-    }
+    },
   },
   actions: {
-    setBookmarkFolders (value) {
+    setBookmarkFolders(value) {
       this.allFolders = value
     },
-    setBookmarkFolder ({ id, name, emoji, emoji_url: emojiUrl }) {
+    setBookmarkFolder({ id, name, emoji, emoji_url: emojiUrl }) {
       const entry = find(this.allFolders, { id })
       if (!entry) {
         this.allFolders.push({ id, name, emoji, emoji_url: emojiUrl })
@@ -29,23 +29,25 @@ export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
         entry.emoji_url = emojiUrl
       }
     },
-    createBookmarkFolder ({ name, emoji }) {
-      return window.vuex.state.api.backendInteractor.createBookmarkFolder({ name, emoji })
+    createBookmarkFolder({ name, emoji }) {
+      return window.vuex.state.api.backendInteractor
+        .createBookmarkFolder({ name, emoji })
         .then((folder) => {
           this.setBookmarkFolder(folder)
           return folder
         })
     },
-    updateBookmarkFolder ({ folderId, name, emoji }) {
-      return window.vuex.state.api.backendInteractor.updateBookmarkFolder({ folderId, name, emoji })
+    updateBookmarkFolder({ folderId, name, emoji }) {
+      return window.vuex.state.api.backendInteractor
+        .updateBookmarkFolder({ folderId, name, emoji })
         .then((folder) => {
           this.setBookmarkFolder(folder)
           return folder
         })
     },
-    deleteBookmarkFolder ({ folderId }) {
+    deleteBookmarkFolder({ folderId }) {
       window.vuex.state.api.backendInteractor.deleteBookmarkFolder({ folderId })
-      remove(this.allFolders, folder => folder.id === folderId)
-    }
-  }
+      remove(this.allFolders, (folder) => folder.id === folderId)
+    },
+  },
 })
diff --git a/src/stores/editStatus.js b/src/stores/editStatus.js
index 9ead99192..0dbe1a157 100644
--- a/src/stores/editStatus.js
+++ b/src/stores/editStatus.js
@@ -3,15 +3,15 @@ import { defineStore } from 'pinia'
 export const useEditStatusStore = defineStore('editStatus', {
   state: () => ({
     params: null,
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openEditStatusModal (params) {
+    openEditStatusModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closeEditStatusModal () {
+    closeEditStatusModal() {
       this.modalActivated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/emoji.js b/src/stores/emoji.js
new file mode 100644
index 000000000..0673862e9
--- /dev/null
+++ b/src/stores/emoji.js
@@ -0,0 +1,256 @@
+import { defineStore } from 'pinia'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import { ensureFinalFallback } from 'src/i18n/languages.js'
+
+import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+
+const defaultState = {
+  // Custom emoji from server
+  customEmoji: [],
+  customEmojiFetched: false,
+
+  // Unicode emoji from bundle
+  emoji: {},
+  emojiFetched: false,
+  unicodeEmojiAnnotations: {},
+
+  // Stickers
+  stickers: null,
+}
+
+const SORTED_EMOJI_GROUP_IDS = [
+  'smileys-and-emotion',
+  'people-and-body',
+  'animals-and-nature',
+  'food-and-drink',
+  'travel-and-places',
+  'activities',
+  'objects',
+  'symbols',
+  'flags',
+]
+
+const REGIONAL_INDICATORS = (() => {
+  const start = 0x1f1e6
+  const end = 0x1f1ff
+  const A = 'A'.codePointAt(0)
+  const res = new Array(end - start + 1)
+  for (let i = start; i <= end; ++i) {
+    const letter = String.fromCodePoint(A + i - start)
+    res[i - start] = {
+      replacement: String.fromCodePoint(i),
+      imageUrl: false,
+      displayText: 'regional_indicator_' + letter,
+      displayTextI18n: {
+        key: 'emoji.regional_indicator',
+        args: { letter },
+      },
+    }
+  }
+  return res
+})()
+
+const loadAnnotations = (lang) => {
+  return annotationsLoader[lang]().then((k) => k.default)
+}
+
+const injectAnnotations = (emoji, annotations) => {
+  const availableLangs = Object.keys(annotations)
+
+  return {
+    ...emoji,
+    annotations: availableLangs.reduce((acc, cur) => {
+      acc[cur] = annotations[cur][emoji.replacement]
+      return acc
+    }, {}),
+  }
+}
+
+const injectRegionalIndicators = (groups) => {
+  groups.symbols.push(...REGIONAL_INDICATORS)
+  return groups
+}
+
+export const useEmojiStore = defineStore('emoji', {
+  state: () => ({ ...defaultState }),
+  getters: {
+    groupedCustomEmojis(state) {
+      const packsOf = (emoji) => {
+        const packs = emoji.tags
+          .filter((k) => k.startsWith('pack:'))
+          .map((k) => {
+            const packName = k.slice(5) // remove 'pack:' prefix
+            return {
+              id: `custom-${packName}`,
+              text: packName,
+            }
+          })
+
+        if (!packs.length) {
+          return [
+            {
+              id: 'unpacked',
+            },
+          ]
+        } else {
+          return packs
+        }
+      }
+
+      return this.customEmoji.reduce((res, emoji) => {
+        packsOf(emoji).forEach(({ id: packId, text: packName }) => {
+          if (!res[packId]) {
+            res[packId] = {
+              id: packId,
+              text: packName,
+              image: emoji.imageUrl,
+              emojis: [],
+            }
+          }
+          res[packId].emojis.push(emoji)
+        })
+        return res
+      }, {})
+    },
+    standardEmojiList(state) {
+      return (
+        SORTED_EMOJI_GROUP_IDS.map((groupId) =>
+          (this.emoji[groupId] || []).map((k) =>
+            injectAnnotations(k, this.unicodeEmojiAnnotations),
+          ),
+        ).reduce((a, b) => a.concat(b), []) ?? []
+      )
+    },
+    standardEmojiGroupList(state) {
+      return (
+        SORTED_EMOJI_GROUP_IDS.map((groupId) => ({
+          id: groupId,
+          emojis: (this.emoji[groupId] || []).map((k) =>
+            injectAnnotations(k, this.unicodeEmojiAnnotations),
+          ),
+        })) ?? []
+      )
+    },
+  },
+  actions: {
+    setStickers(stickers) {
+      this.stickers = stickers
+    },
+    async getStaticEmoji() {
+      try {
+        // See build/emojis_plugin for more details
+        const values = (await import('/src/assets/emoji.json')).default
+
+        const emoji = Object.keys(values).reduce((res, groupId) => {
+          res[groupId] = values[groupId].map((e) => ({
+            displayText: e.slug,
+            imageUrl: false,
+            replacement: e.emoji,
+          }))
+          return res
+        }, {})
+        this.emoji = injectRegionalIndicators(emoji)
+      } catch (e) {
+        console.warn("Can't load static emoji\n", e)
+      }
+    },
+
+    loadUnicodeEmojiData(language) {
+      const langList = ensureFinalFallback(language)
+
+      return Promise.all(
+        langList.map(async (lang) => {
+          if (!this.unicodeEmojiAnnotations[lang]) {
+            try {
+              const annotations = await loadAnnotations(lang)
+              this.unicodeEmojiAnnotations[lang] = annotations
+            } catch (e) {
+              console.warn(
+                `Error loading unicode emoji annotations for ${lang}: `,
+                e,
+              )
+              // ignore
+            }
+          }
+        }),
+      )
+    },
+
+    async getCustomEmoji() {
+      try {
+        let res = await window.fetch('/api/v1/pleroma/emoji')
+        if (!res.ok) {
+          res = await window.fetch('/api/pleroma/emoji.json')
+        }
+        if (res.ok) {
+          const result = await res.json()
+          const values = Array.isArray(result)
+            ? Object.assign({}, ...result)
+            : result
+          const caseInsensitiveStrCmp = (a, b) => {
+            const la = a.toLowerCase()
+            const lb = b.toLowerCase()
+            return la > lb ? 1 : la < lb ? -1 : 0
+          }
+          const noPackLast = (a, b) => {
+            const aNull = a === ''
+            const bNull = b === ''
+            if (aNull === bNull) {
+              return 0
+            } else if (aNull && !bNull) {
+              return 1
+            } else {
+              return -1
+            }
+          }
+          const byPackThenByName = (a, b) => {
+            const packOf = (emoji) =>
+              (emoji.tags.filter((k) => k.startsWith('pack:'))[0] || '').slice(
+                5,
+              )
+            const packOfA = packOf(a)
+            const packOfB = packOf(b)
+            return (
+              noPackLast(packOfA, packOfB) ||
+              caseInsensitiveStrCmp(packOfA, packOfB) ||
+              caseInsensitiveStrCmp(a.displayText, b.displayText)
+            )
+          }
+
+          const emoji = Object.entries(values)
+            .map(([key, value]) => {
+              const imageUrl = value.image_url
+              return {
+                displayText: key,
+                imageUrl: imageUrl
+                  ? useInstanceStore().server + imageUrl
+                  : value,
+                tags: imageUrl
+                  ? value.tags.sort((a, b) => (a > b ? 1 : 0))
+                  : ['utf'],
+                replacement: `:${key}: `,
+              }
+              // Technically could use tags but those are kinda useless right now,
+              // should have been "pack" field, that would be more useful
+            })
+            .sort(byPackThenByName)
+          this.customEmoji = emoji
+        } else {
+          throw res
+        }
+      } catch (e) {
+        console.warn("Can't load custom emojis\n", e)
+      }
+    },
+    fetchEmoji() {
+      if (!this.customEmojiFetched) {
+        this.getCustomEmoji().then(() => (this.customEmojiFetched = true))
+      }
+      if (!this.emojiFetched) {
+        this.getStaticEmoji().then(() => (this.emojiFetched = true))
+      }
+    },
+  },
+})
diff --git a/src/stores/i18n.js b/src/stores/i18n.js
index d038b30a4..78706af17 100644
--- a/src/stores/i18n.js
+++ b/src/stores/i18n.js
@@ -1,14 +1,27 @@
+import Cookies from 'js-cookie'
 import { defineStore } from 'pinia'
 
+import messages from 'src/i18n/messages'
+import localeService from 'src/services/locale/locale.service.js'
+
+const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
+
 export const useI18nStore = defineStore('i18n', {
   state: () => ({
-    i18n: null
+    i18n: null,
   }),
   actions: {
-    setI18n (newI18n) {
+    setI18n(newI18n) {
       this.$patch({
-        i18n: newI18n.global
+        i18n: newI18n.global,
       })
-    }
-  }
+    },
+    setLanguage(value) {
+      messages.setLanguage(this.i18n, value)
+      Cookies.set(
+        BACKEND_LANGUAGE_COOKIE_NAME,
+        localeService.internalToBackendLocaleMulti(value),
+      )
+    },
+  },
 })
diff --git a/src/stores/instance.js b/src/stores/instance.js
new file mode 100644
index 000000000..71ee05e7a
--- /dev/null
+++ b/src/stores/instance.js
@@ -0,0 +1,233 @@
+import { get, set } from 'lodash'
+import { defineStore } from 'pinia'
+
+import {
+  convertDefinitions,
+  INSTANCE_DEFAULT_CONFIG,
+  INSTANCE_DEFAULT_CONFIG_DEFINITIONS,
+  INSTANCE_IDENTITY_DEFAULT,
+  INSTANCE_IDENTITY_DEFAULT_DEFINITIONS,
+  LOCAL_DEFAULT_CONFIG,
+  LOCAL_DEFAULT_CONFIG_DEFINITIONS,
+  validateSetting,
+} from '../modules/default_config_state.js'
+import apiService from '../services/api/api.service.js'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
+
+const REMOTE_INTERACTION_URL = '/main/ostatus'
+
+const ROOT_STATE_DEFINITIONS = {
+  name: {
+    type: 'string',
+    default: 'PleromaFE',
+  },
+  registrationOpen: {
+    required: true,
+    type: 'boolean',
+  },
+  server: {
+    description: 'Server URL',
+    required: true,
+    type: 'string',
+  },
+  privateMode: {
+    description: 'Private instance?',
+    required: true,
+    type: 'boolean',
+  },
+  federating: {
+    description: 'Is federation enabled?',
+    required: true,
+    type: 'boolean',
+  },
+  federationPolicy: {
+    description: '????',
+    required: true,
+    type: 'object',
+  },
+
+  // Indexes of themes/styles/palettes
+  themesIndex: {
+    required: true,
+    type: 'object',
+  },
+  stylesIndex: {
+    required: true,
+    type: 'object',
+  },
+  palettesIndex: {
+    required: true,
+    type: 'object',
+  },
+
+  themeData: {
+    description: 'Used for theme v2 editor',
+    required: true,
+    type: 'object',
+  },
+  vapidPublicKey: {
+    description: 'Used for WebPush',
+    required: true,
+    type: 'string',
+  },
+
+  // Stuff from static/config.json
+  loginMethod: {
+    description: 'Login method (token/password)',
+    default: 'password',
+  },
+  disableUpdateNotification: {
+    description: 'Disable update notification (pleroma-tan one)',
+    default: false,
+  },
+  knownDomains: {
+    description: 'List of known domains; used for domain list for domain mutes',
+    default: [],
+  },
+
+  // Moderation stuff
+  staffAccounts: {
+    description: 'List of staff accounts',
+    default: [],
+  },
+  accountActivationRequired: {
+    description:
+      'Account activation (by email or admin) required after registration',
+    required: true,
+    type: 'boolean',
+  },
+  accountApprovalRequired: {
+    description: 'Admin approval required after registration',
+    required: true,
+    type: 'boolean',
+  },
+  birthdayRequired: {
+    description: 'Require birthday entry when registering',
+    required: true,
+    type: 'boolean',
+  },
+  birthdayMinAge: {
+    description: 'Minimum age required for registration',
+    default: 0,
+  },
+  restrictedNicknames: {
+    description: 'List of nicknames that are not allowed',
+    default: [],
+  },
+  localBubbleInstances: {
+    description: "Akkoma's bubble feature, list of instances",
+    default: [],
+  }, // Akkoma
+
+  // Version Information
+  backendVersion: {
+    required: true,
+    type: 'string',
+  },
+  backendRepository: {
+    required: true,
+    type: 'string',
+  },
+  frontendVersion: {
+    required: true,
+    type: 'string',
+  },
+}
+const ROOT_STATE = convertDefinitions(ROOT_STATE_DEFINITIONS)
+
+const DEFAULT_STATE = {
+  ...ROOT_STATE,
+  // Instance-wide configurations that should not be changed by individual users
+  instanceIdentity: {
+    ...INSTANCE_IDENTITY_DEFAULT,
+  },
+
+  limits: {
+    bannerlimit: null,
+    avatarlimit: null,
+    backgroundlimit: null,
+    uploadlimit: null,
+    fieldsLimits: null,
+    textLimit: null,
+    pollLimits: {
+      max_options: 4,
+      max_option_chars: 255,
+      min_expiration: 60,
+      max_expiration: 60 * 60 * 24,
+    },
+  },
+
+  // Instance admins can override default settings for the whole instance
+  prefsStorage: {
+    ...INSTANCE_DEFAULT_CONFIG,
+    ...LOCAL_DEFAULT_CONFIG,
+  },
+}
+console.log('===', ROOT_STATE_DEFINITIONS)
+
+export const useInstanceStore = defineStore('instance', {
+  state: () => ({ ...DEFAULT_STATE }),
+  getters: {
+    instanceDomain(state) {
+      return new URL(this.server).hostname
+    },
+  },
+  actions: {
+    set({ path, value }) {
+      let definition
+      const pathArray = path.split('.')
+      const subpath = pathArray[1] ?? pathArray[0]
+
+      if (path.startsWith('instanceIdentity.')) {
+        definition = INSTANCE_IDENTITY_DEFAULT_DEFINITIONS[subpath]
+      } else if (path.startsWith('prefsStorage.')) {
+        definition = {
+          ...LOCAL_DEFAULT_CONFIG_DEFINITIONS,
+          ...INSTANCE_DEFAULT_CONFIG_DEFINITIONS,
+        }[subpath]
+      } else if (path.startsWith('limits.')) {
+        definition =
+          path === 'limits.pollLimits' || path === 'limits.fieldsLimits'
+            ? { required: true, type: 'object' }
+            : { required: true, type: 'number' }
+      } else {
+        const definitions = ROOT_STATE_DEFINITIONS
+        definition = definitions[subpath]
+      }
+
+      const finalValue = validateSetting({
+        path,
+        value,
+        definition,
+        throwError: true,
+        defaultState: DEFAULT_STATE,
+      })
+
+      set(this, path, finalValue)
+
+      if (path === 'name') useInterfaceStore().setPageTitle()
+    },
+    async getKnownDomains() {
+      try {
+        this.knownDomains = await apiService.fetchKnownDomains({
+          credentials: window.vuex.state.users.currentUser.credentials,
+        })
+      } catch (e) {
+        console.warn("Can't load known domains\n", e)
+      }
+    },
+    getRemoteInteractionLink({ statusId, nickname }) {
+      const server = this.server.endsWith('/')
+        ? this.server.slice(0, -1)
+        : this.server
+      const link = server + REMOTE_INTERACTION_URL
+
+      if (statusId) {
+        return `${link}?status_id=${statusId}`
+      } else {
+        return `${link}?nickname=${nickname}`
+      }
+    },
+  },
+})
diff --git a/src/stores/instance_capabilities.js b/src/stores/instance_capabilities.js
new file mode 100644
index 000000000..67c04a4ad
--- /dev/null
+++ b/src/stores/instance_capabilities.js
@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia'
+
+const defaultState = {
+  postFormats: [],
+  mailerEnabled: false,
+  safeDM: true,
+  shoutAvailable: false,
+  pleromaExtensionsAvailable: true,
+  pleromaChatMessagesAvailable: false,
+  pleromaCustomEmojiReactionsAvailable: false,
+  pleromaBookmarkFoldersAvailable: false,
+  pleromaPublicFavouritesAvailable: true,
+  statusNotificationTypeAvailable: true,
+  gopherAvailable: false,
+  editingAvailable: false,
+  mediaProxyAvailable: false,
+  suggestionsEnabled: false,
+  suggestionsWeb: '',
+  quotingAvailable: false,
+  groupActorAvailable: false,
+  blockExpiration: false,
+  tagPolicyAvailable: false,
+  pollsAvailable: false,
+  localBubble: false, // Akkoma
+  scrobblesSupport: false,
+}
+
+export const useInstanceCapabilitiesStore = defineStore(
+  'instance-capabilities',
+  {
+    state: () => ({ ...defaultState }),
+    actions: {
+      set(capability, value) {
+        if (!Object.hasOwn(defaultState, capability)) {
+          console.error(
+            `Unknown instance capability ${capability}, value: ${value}`,
+          )
+        }
+
+        this[capability] = value
+
+        if (capability === 'shoutAvailable') {
+          window.vuex.dispatch('initializeSocket')
+        }
+      },
+    },
+  },
+)
diff --git a/src/stores/interface.js b/src/stores/interface.js
index b2aa9d8e6..3b066b7c5 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -1,10 +1,22 @@
 import { defineStore } from 'pinia'
 
-import { CURRENT_VERSION, generatePreset } from 'src/services/theme_data/theme_data.service.js'
-import { getResourcesIndex, applyTheme, tryLoadCache } from '../services/style_setter/style_setter.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
+import {
+  applyTheme,
+  getResourcesIndex,
+  tryLoadCache,
+} from '../services/style_setter/style_setter.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import {
+  CURRENT_VERSION,
+  generatePreset,
+} from 'src/services/theme_data/theme_data.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
+
 export const useInterfaceStore = defineStore('interface', {
   state: () => ({
     localFonts: null,
@@ -18,9 +30,14 @@ export const useInterfaceStore = defineStore('interface', {
     paletteDataUsed: null,
     themeNameUsed: null,
     themeDataUsed: null,
-    temporaryChangesTimeoutId: null, // used for temporary options that revert after a timeout
-    temporaryChangesConfirm: () => {}, // used for applying temporary options
-    temporaryChangesRevert: () => {}, // used for reverting temporary options
+    temporaryChangesTimeoutId: null,
+    temporaryChangesCountdown: -1, // used for temporary options that revert after a timeout
+    temporaryChangesConfirm: () => {
+      /* no-op */
+    }, // used for applying temporary options
+    temporaryChangesRevert: () => {
+      /* no-op */
+    }, // used for reverting temporary options
     settingsModalState: 'hidden',
     settingsModalLoadedUser: false,
     settingsModalLoadedAdmin: false,
@@ -29,57 +46,77 @@ export const useInterfaceStore = defineStore('interface', {
     settings: {
       currentSaveStateNotice: null,
       noticeClearTimeout: null,
-      notificationPermission: null
+      notificationPermission: null,
     },
     browserSupport: {
-      cssFilter: window.CSS && window.CSS.supports && (
-        window.CSS.supports('filter', 'drop-shadow(0 0)') ||
-        window.CSS.supports('-webkit-filter', 'drop-shadow(0 0)')
-      ),
-      localFonts: typeof window.queryLocalFonts === 'function'
+      cssFilter:
+        window.CSS &&
+        window.CSS.supports &&
+        (window.CSS.supports('filter', 'drop-shadow(0 0)') ||
+          window.CSS.supports('-webkit-filter', 'drop-shadow(0 0)')),
+      localFonts: typeof window.queryLocalFonts === 'function',
     },
     layoutType: 'normal',
     globalNotices: [],
     layoutHeight: 0,
-    lastTimeline: null
+    lastTimeline: null,
   }),
   actions: {
-    setTemporaryChanges ({ timeoutId, confirm, revert }) {
-      this.temporaryChangesTimeoutId = timeoutId
+    setTemporaryChanges({ confirm, revert }) {
+      this.temporaryChangesCountdown = 10
       this.temporaryChangesConfirm = confirm
       this.temporaryChangesRevert = revert
+      const countdownFunc = () => {
+        if (this.temporaryChangesCountdown <= 1) {
+          this.temporaryChangesRevert()
+          this.clearTemporaryChanges()
+        } else {
+          this.temporaryChangesCountdown--
+          this.temporaryChangesTimeoutId = setTimeout(countdownFunc, 1000)
+        }
+      }
+      this.temporaryChangesTimeoutId = setTimeout(countdownFunc, 1000)
     },
-    clearTemporaryChanges () {
-      clearTimeout(this.temporaryChangesTimeoutId)
+    clearTemporaryChanges() {
+      this.temporaryChangesTimeoutId ??
+        clearTimeout(this.temporaryChangesTimeoutId)
       this.temporaryChangesTimeoutId = null
-      this.temporaryChangesConfirm = () => {}
-      this.temporaryChangesRevert = () => {}
+      this.temporaryChangesCountdown = -1
+      this.temporaryChangesConfirm = () => {
+        /* no-op */
+      }
+      this.temporaryChangesRevert = () => {
+        /* no-op */
+      }
     },
-    setPageTitle (option = '') {
+    setPageTitle(option = '') {
       try {
-        document.title = `${option} ${window.vuex.state.instance.name}`
+        document.title = `${option} ${useInstanceStore().name}`
       } catch (error) {
         console.error(`${error}`)
       }
     },
-    settingsSaved ({ success, error }) {
+    settingsSaved({ success, error }) {
       if (success) {
         if (this.noticeClearTimeout) {
           clearTimeout(this.noticeClearTimeout)
         }
         this.settings.currentSaveStateNotice = { error: false, data: success }
-        this.settings.noticeClearTimeout = setTimeout(() => delete this.settings.currentSaveStateNotice, 2000)
+        this.settings.noticeClearTimeout = setTimeout(
+          () => delete this.settings.currentSaveStateNotice,
+          2000,
+        )
       } else {
         this.settings.currentSaveStateNotice = { error: true, errorData: error }
       }
     },
-    setNotificationPermission (permission) {
+    setNotificationPermission(permission) {
       this.notificationPermission = permission
     },
-    closeSettingsModal () {
+    closeSettingsModal() {
       this.settingsModalState = 'hidden'
     },
-    openSettingsModal (value) {
+    openSettingsModal(value) {
       this.settingsModalMode = value
       this.settingsModalState = 'visible'
       if (value === 'user') {
@@ -92,7 +129,7 @@ export const useInterfaceStore = defineStore('interface', {
         }
       }
     },
-    togglePeekSettingsModal () {
+    togglePeekSettingsModal() {
       switch (this.settingsModalState) {
         case 'minimized':
           this.settingsModalState = 'visible'
@@ -104,27 +141,26 @@ export const useInterfaceStore = defineStore('interface', {
           throw new Error('Illegal minimization state of settings modal')
       }
     },
-    clearSettingsModalTargetTab () {
+    clearSettingsModalTargetTab() {
       this.settingsModalTargetTab = null
     },
-    openSettingsModalTab (value, mode = 'user') {
+    openSettingsModalTab(value, mode = 'user') {
       this.settingsModalTargetTab = value
       this.openSettingsModal(mode)
     },
-    removeGlobalNotice (notice) {
-      this.globalNotices = this.globalNotices.filter(n => n !== notice)
+    removeGlobalNotice(notice) {
+      this.globalNotices = this.globalNotices.filter((n) => n !== notice)
     },
-    pushGlobalNotice (
-      {
-        messageKey,
-        messageArgs = {},
-        level = 'error',
-        timeout = 0
-      }) {
+    pushGlobalNotice({
+      messageKey,
+      messageArgs = {},
+      level = 'error',
+      timeout = 0,
+    }) {
       const notice = {
         messageKey,
         messageArgs,
-        level
+        level,
       }
 
       this.globalNotices.push(notice)
@@ -138,10 +174,10 @@ export const useInterfaceStore = defineStore('interface', {
 
       return newNotice
     },
-    setLayoutHeight (value) {
+    setLayoutHeight(value) {
       this.layoutHeight = value
     },
-    setLayoutWidth (value) {
+    setLayoutWidth(value) {
       let width = value
       if (value !== undefined) {
         this.layoutWidth = value
@@ -151,7 +187,7 @@ export const useInterfaceStore = defineStore('interface', {
 
       const mobileLayout = width <= 800
       const normalOrMobile = mobileLayout ? 'mobile' : 'normal'
-      const { thirdColumnMode } = window.vuex.getters.mergedConfig
+      const { thirdColumnMode } = useMergedConfigStore().mergedConfig
       if (thirdColumnMode === 'none' || !window.vuex.state.users.currentUser) {
         this.layoutType = normalOrMobile
       } else {
@@ -159,10 +195,10 @@ export const useInterfaceStore = defineStore('interface', {
         this.layoutType = wideLayout ? 'wide' : normalOrMobile
       }
     },
-    setFontsList (value) {
-      this.localFonts = [...(new Set(value.map(font => font.family))).values()]
+    setFontsList(value) {
+      this.localFonts = [...new Set(value.map((font) => font.family)).values()]
     },
-    queryLocalFonts () {
+    queryLocalFonts() {
       if (this.localFonts !== null) return
       this.setFontsList([])
 
@@ -178,126 +214,169 @@ export const useInterfaceStore = defineStore('interface', {
           this.pushGlobalNotice({
             messageKey: 'settings.style.themes3.font.font_list_unavailable',
             messageArgs: {
-              error: e
+              error: e,
             },
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    setLastTimeline (value) {
+    setLastTimeline(value) {
       this.lastTimeline = value
     },
-    async fetchPalettesIndex () {
+    async fetchPalettesIndex() {
       try {
         const value = await getResourcesIndex('/static/palettes/index.json')
-        window.vuex.commit('setInstanceOption', { name: 'palettesIndex', value })
+        useInstanceStore().set({
+          path: 'palettesIndex',
+          value,
+        })
         return value
       } catch (e) {
         console.error('Could not fetch palettes index', e)
-        window.vuex.commit('setInstanceOption', { name: 'palettesIndex', value: { _error: e } })
+        useInstanceStore().set({
+          path: 'palettesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setPalette (value) {
+    setPalette(value) {
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
-      window.vuex.commit('setOption', { name: 'palette', value })
+      useSyncConfigStore().setPreference({ path: 'simple.palette', value })
+      useSyncConfigStore().pushSyncConfig()
 
       this.applyTheme({ recompile: true })
     },
-    setPaletteCustom (value) {
+    setPaletteCustom(value) {
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
-      window.vuex.commit('setOption', { name: 'paletteCustomData', value })
+      useSyncConfigStore().setPreference({
+        path: 'simple.paletteCustomData',
+        value,
+      })
+      useSyncConfigStore().pushSyncConfig()
 
       this.applyTheme({ recompile: true })
     },
-    async fetchStylesIndex () {
+    async fetchStylesIndex() {
       try {
         const value = await getResourcesIndex(
           '/static/styles/index.json',
-          deserialize
+          deserialize,
         )
-        window.vuex.commit('setInstanceOption', { name: 'stylesIndex', value })
+        useInstanceStore().set({ path: 'stylesIndex', value })
         return value
       } catch (e) {
         console.error('Could not fetch styles index', e)
-        window.vuex.commit('setInstanceOption', { name: 'stylesIndex', value: { _error: e } })
+        useInstanceStore().set({
+          path: 'simple.stylesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setStyle (value) {
+    setStyle(value) {
       this.resetThemeV3()
       this.resetThemeV2()
       this.resetThemeV3Palette()
 
-      window.vuex.commit('setOption', { name: 'style', value })
+      useSyncConfigStore().setPreference({ path: 'simple.style', value })
+      useSyncConfigStore().pushSyncConfig()
       this.useStylePalette = true
 
       this.applyTheme({ recompile: true }).then(() => {
         this.useStylePalette = false
       })
     },
-    setStyleCustom (value) {
+    setStyleCustom(value) {
       this.resetThemeV3()
       this.resetThemeV2()
       this.resetThemeV3Palette()
 
-      window.vuex.commit('setOption', { name: 'styleCustomData', value })
+      useSyncConfigStore().setPreference({
+        path: 'simple.styleCustomData',
+        value,
+      })
+      useSyncConfigStore().pushSyncConfig()
 
       this.useStylePalette = true
       this.applyTheme({ recompile: true }).then(() => {
         this.useStylePalette = false
       })
     },
-    async fetchThemesIndex () {
+    async fetchThemesIndex() {
       try {
         const value = await getResourcesIndex('/static/styles.json')
-        window.vuex.commit('setInstanceOption', { name: 'themesIndex', value })
+        useInstanceStore().set({ path: 'themesIndex', value })
         return value
       } catch (e) {
         console.error('Could not fetch themes index', e)
-        window.vuex.commit('setInstanceOption', { name: 'themesIndex', value: { _error: e } })
+        useInstanceStore().set({
+          path: 'themesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setTheme (value) {
+    setTheme(value) {
       this.resetThemeV3()
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
-      window.vuex.commit('setOption', { name: 'theme', value })
+      useSyncConfigStore().setPreference({ path: 'simple.theme', value })
+      useSyncConfigStore().pushSyncConfig()
 
       this.applyTheme({ recompile: true })
     },
-    setThemeCustom (value) {
+    setThemeCustom(value) {
       this.resetThemeV3()
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
-      window.vuex.commit('setOption', { name: 'customTheme', value })
-      window.vuex.commit('setOption', { name: 'customThemeSource', value })
+      useSyncConfigStore().setPreference({ path: 'simple.customTheme', value })
+      useSyncConfigStore().setPreference({
+        path: 'simple.customThemeSource',
+        value,
+      })
+      useSyncConfigStore().pushSyncConfig()
 
       this.applyTheme({ recompile: true })
     },
-    resetThemeV3 () {
-      window.vuex.commit('setOption', { name: 'style', value: null })
-      window.vuex.commit('setOption', { name: 'styleCustomData', value: null })
+    resetThemeV3() {
+      useSyncConfigStore().setPreference({ path: 'simple.style', value: null })
+      useSyncConfigStore().setPreference({
+        path: 'simple.styleCustomData',
+        value: null,
+      })
     },
-    resetThemeV3Palette () {
-      window.vuex.commit('setOption', { name: 'palette', value: null })
-      window.vuex.commit('setOption', { name: 'paletteCustomData', value: null })
+    resetThemeV3Palette() {
+      useSyncConfigStore().setPreference({
+        path: 'simple.palette',
+        value: null,
+      })
+      useSyncConfigStore().setPreference({
+        path: 'simple.paletteCustomData',
+        value: null,
+      })
     },
-    resetThemeV2 () {
-      window.vuex.commit('setOption', { name: 'theme', value: null })
-      window.vuex.commit('setOption', { name: 'customTheme', value: null })
-      window.vuex.commit('setOption', { name: 'customThemeSource', value: null })
+    resetThemeV2() {
+      useSyncConfigStore().setPreference({ path: 'simple.theme', value: null })
+      useSyncConfigStore().setPreference({
+        path: 'simple.customTheme',
+        value: null,
+      })
+      useSyncConfigStore().setPreference({
+        path: 'simple.customThemeSource',
+        value: null,
+      })
     },
-    async getThemeData () {
+    async getThemeData() {
       const getData = async (resource, index, customData, name) => {
-        const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
+        const capitalizedResource =
+          resource[0].toUpperCase() + resource.slice(1)
         const result = {}
 
         if (customData) {
@@ -319,9 +398,13 @@ export const useInterfaceStore = defineStore('interface', {
             }
             const newName = Object.keys(index)[0]
             fetchFunc = index[newName]
-            console.warn(`${capitalizedResource} with id '${this.styleNameUsed}' not found, trying back to '${newName}'`)
+            console.warn(
+              `${capitalizedResource} with id '${this.styleNameUsed}' not found, trying back to '${newName}'`,
+            )
             if (!fetchFunc) {
-              console.warn(`${capitalizedResource} doesn't have a fallback, defaulting to stock.`)
+              console.warn(
+                `${capitalizedResource} doesn't have a fallback, defaulting to stock.`,
+              )
               fetchFunc = () => Promise.resolve(null)
             }
           }
@@ -330,65 +413,63 @@ export const useInterfaceStore = defineStore('interface', {
         return result
       }
 
-      const {
-        style: instanceStyleName,
-        palette: instancePaletteName
-      } = window.vuex.state.instance
-
       let {
-        theme: instanceThemeV2Name,
-        themesIndex,
-        stylesIndex,
-        palettesIndex
-      } = window.vuex.state.instance
+        theme: instanceThemeName,
+        style: instanceStyleName,
+        palette: instancePaletteName,
+      } = useInstanceStore().instanceIdentity
+
+      let { themesIndex, stylesIndex, palettesIndex } = useInstanceStore()
 
       const {
         style: userStyleName,
         styleCustomData: userStyleCustomData,
         palette: userPaletteName,
-        paletteCustomData: userPaletteCustomData
-      } = window.vuex.state.config
+        paletteCustomData: userPaletteCustomData,
+      } = useMergedConfigStore().mergedConfig
 
       let {
         theme: userThemeV2Name,
         customTheme: userThemeV2Snapshot,
-        customThemeSource: userThemeV2Source
-      } = window.vuex.state.config
+        customThemeSource: userThemeV2Source,
+      } = useMergedConfigStore().mergedConfig
 
       let majorVersionUsed
 
       console.debug(
-        `User V3 palette: ${userPaletteName}, style: ${userStyleName} , custom: ${!!userStyleCustomData}`
+        `User V3 palette: ${userPaletteName}, style: ${userStyleName} , custom: ${!!userStyleCustomData}`,
       )
       console.debug(
-        `User V2 name: ${userThemeV2Name}, source: ${!!userThemeV2Source}, snapshot: ${!!userThemeV2Snapshot}`
+        `User V2 name: ${userThemeV2Name}, source: ${!!userThemeV2Source}, snapshot: ${!!userThemeV2Snapshot}`,
       )
 
-      console.debug(`Instance V3 palette: ${instancePaletteName}, style: ${instanceStyleName}`)
-      console.debug('Instance V2 theme: ' + instanceThemeV2Name)
+      console.debug(
+        `Instance V3 palette: ${instancePaletteName}, style: ${instanceStyleName}`,
+      )
+      console.debug('Instance V2 theme: ' + instanceThemeName)
 
-      if (userPaletteName || userPaletteCustomData ||
-          userStyleName || userStyleCustomData ||
-          (
-            // User V2 overrides instance V3
-            (instancePaletteName ||
-             instanceStyleName) &&
-              instanceThemeV2Name == null &&
-              userThemeV2Name == null
-          )
+      if (
+        userPaletteName ||
+        userPaletteCustomData ||
+        userStyleName ||
+        userStyleCustomData ||
+        // User V2 overrides instance V3
+        ((instancePaletteName || instanceStyleName) &&
+          instanceThemeName == null &&
+          userThemeV2Name == null)
       ) {
         // Palette and/or style overrides V2 themes
-        instanceThemeV2Name = null
+        instanceThemeName = null
         userThemeV2Name = null
         userThemeV2Source = null
         userThemeV2Snapshot = null
 
         majorVersionUsed = 'v3'
       } else if (
-        (userThemeV2Name ||
-          userThemeV2Snapshot ||
-          userThemeV2Source ||
-         instanceThemeV2Name)
+        userThemeV2Name ||
+        userThemeV2Snapshot ||
+        userThemeV2Source ||
+        instanceThemeName
       ) {
         majorVersionUsed = 'v2'
       } else {
@@ -399,16 +480,14 @@ export const useInterfaceStore = defineStore('interface', {
       if (majorVersionUsed === 'v3') {
         const result = await Promise.all([
           this.fetchPalettesIndex(),
-          this.fetchStylesIndex()
+          this.fetchStylesIndex(),
         ])
 
         palettesIndex = result[0]
         stylesIndex = result[1]
       } else {
         // Promise.all just to be uniform with v3
-        const result = await Promise.all([
-          this.fetchThemesIndex()
-        ])
+        const result = await Promise.all([this.fetchThemesIndex()])
 
         themesIndex = result[0]
       }
@@ -425,25 +504,22 @@ export const useInterfaceStore = defineStore('interface', {
           'style',
           stylesIndex,
           userStyleCustomData,
-          userStyleName || instanceStyleName
+          userStyleName || instanceStyleName,
         )
         this.styleNameUsed = style.nameUsed
         this.styleDataUsed = style.dataUsed
 
         let firstStylePaletteName = null
-        style
-          .dataUsed
-          ?.filter(x => x.component === '@palette')
-          .map(x => {
+        style.dataUsed
+          ?.filter((x) => x.component === '@palette')
+          .map((x) => {
             const cleanDirectives = Object.fromEntries(
-              Object
-                .entries(x.directives)
-                .filter(([k]) => k)
+              Object.entries(x.directives).filter(([k]) => k),
             )
 
             return { name: x.variant, ...cleanDirectives }
           })
-          .forEach(palette => {
+          .forEach((palette) => {
             const key = 'style.' + palette.name.toLowerCase().replace(/ /g, '_')
             if (!firstStylePaletteName) firstStylePaletteName = key
             palettesIndex[key] = () => Promise.resolve(palette)
@@ -453,19 +529,27 @@ export const useInterfaceStore = defineStore('interface', {
           'palette',
           palettesIndex,
           userPaletteCustomData,
-          this.useStylePalette ? firstStylePaletteName : (userPaletteName || instancePaletteName)
+          this.useStylePalette
+            ? firstStylePaletteName
+            : userPaletteName || instancePaletteName,
         )
 
         if (this.useStylePalette) {
-          window.vuex.commit('setOption', { name: 'palette', value: firstStylePaletteName })
+          useSyncConfigStore().setPreference({
+            path: 'simple.palette',
+            value: firstStylePaletteName,
+          })
+          useSyncConfigStore().pushSyncConfig()
         }
 
         this.paletteNameUsed = palette.nameUsed
         this.paletteDataUsed = palette.dataUsed
 
         if (this.paletteDataUsed) {
-          this.paletteDataUsed.link = this.paletteDataUsed.link || this.paletteDataUsed.accent
-          this.paletteDataUsed.accent = this.paletteDataUsed.accent || this.paletteDataUsed.link
+          this.paletteDataUsed.link =
+            this.paletteDataUsed.link || this.paletteDataUsed.accent
+          this.paletteDataUsed.accent =
+            this.paletteDataUsed.accent || this.paletteDataUsed.link
         }
         if (Array.isArray(this.paletteDataUsed)) {
           const [
@@ -477,7 +561,7 @@ export const useInterfaceStore = defineStore('interface', {
             cRed = '#FF0000',
             cGreen = '#00FF00',
             cBlue = '#0000FF',
-            cOrange = '#E3FF00'
+            cOrange = '#E3FF00',
           ] = palette.dataUsed
           this.paletteDataUsed = {
             name,
@@ -489,7 +573,7 @@ export const useInterfaceStore = defineStore('interface', {
             cRed,
             cBlue,
             cGreen,
-            cOrange
+            cOrange,
           }
         }
         console.debug('Palette data used', palette.dataUsed)
@@ -503,23 +587,19 @@ export const useInterfaceStore = defineStore('interface', {
           'theme',
           themesIndex,
           userThemeV2Source || userThemeV2Snapshot,
-          userThemeV2Name || instanceThemeV2Name
+          userThemeV2Name || instanceThemeName,
         )
         this.themeNameUsed = theme.nameUsed
         this.themeDataUsed = theme.dataUsed
       }
     },
-    async setThemeApplied () {
+    async setThemeApplied() {
       this.themeApplied = true
     },
-    async applyTheme (
-      { recompile = false } = {}
-    ) {
-      const {
-        forceThemeRecompilation,
-        themeDebug,
-        theme3hacks
-      } = window.vuex.state.config
+    async applyTheme({ recompile = false } = {}) {
+      const { mergedConfig } = useMergedConfigStore()
+      const { forceThemeRecompilation, themeDebug } = mergedConfig
+
       this.themeChangeInProgress = true
       // If we're not forced to recompile try using
       // cache (tryLoadCache return true if load successful)
@@ -528,7 +608,7 @@ export const useInterfaceStore = defineStore('interface', {
 
       await this.getThemeData()
 
-      if (!forceRecompile && !themeDebug && await tryLoadCache()) {
+      if (!forceRecompile && !themeDebug && (await tryLoadCache())) {
         this.themeChangeInProgress = false
         return this.setThemeApplied()
       }
@@ -539,11 +619,10 @@ export const useInterfaceStore = defineStore('interface', {
           if (!this.paletteDataUsed) return null
           const result = {
             component: 'Root',
-            directives: {}
+            directives: {},
           }
 
-          Object
-            .entries(this.paletteDataUsed)
+          Object.entries(this.paletteDataUsed)
             .filter(([k]) => k !== 'name')
             .forEach(([k, v]) => {
               let issRootDirectiveName
@@ -562,77 +641,52 @@ export const useInterfaceStore = defineStore('interface', {
           return result
         })()
 
-        const theme2ruleset = this.themeDataUsed && convertTheme2To3(normalizeThemeData(this.themeDataUsed))
+        const theme2ruleset =
+          this.themeDataUsed &&
+          convertTheme2To3(normalizeThemeData(this.themeDataUsed))
         const hacks = []
 
-        Object.entries(theme3hacks).forEach(([key, value]) => {
-          switch (key) {
-            case 'fonts': {
-              Object.entries(theme3hacks.fonts).forEach(([fontKey, font]) => {
-                if (!font?.family) return
-                switch (fontKey) {
-                  case 'interface':
-                    hacks.push({
-                      component: 'Root',
-                      directives: {
-                        '--font': 'generic | ' + font.family
-                      }
-                    })
-                    break
-                  case 'input':
-                    hacks.push({
-                      component: 'Input',
-                      directives: {
-                        '--font': 'generic | ' + font.family
-                      }
-                    })
-                    break
-                  case 'post':
-                    hacks.push({
-                      component: 'RichContent',
-                      directives: {
-                        '--font': 'generic | ' + font.family
-                      }
-                    })
-                    break
-                  case 'monospace':
-                    hacks.push({
-                      component: 'Root',
-                      directives: {
-                        '--monoFont': 'generic | ' + font.family
-                      }
-                    })
-                    break
-                }
-              })
-              break
-            }
-            case 'underlay': {
-              if (value !== 'none') {
-                const newRule = {
-                  component: 'Underlay',
-                  directives: {}
-                }
-                if (value === 'opaque') {
-                  newRule.directives.opacity = 1
-                  newRule.directives.background = '--wallpaper'
-                }
-                if (value === 'transparent') {
-                  newRule.directives.opacity = 0
-                }
-                hacks.push(newRule)
-              }
-              break
-            }
+        const fontMap = {
+          Interface: 'Root',
+          Input: 'Input',
+          Posts: 'Post',
+          Monospace: 'Root',
+        }
+
+        Object.entries(fontMap).forEach(([font, component]) => {
+          const family = mergedConfig[`font${font}`]?.family
+          const variable = font === 'Monospace' ? '--monoFont' : '--font'
+          if (family) {
+            hacks.push({
+              component,
+              directives: {
+                [variable]: `generic | "${family}"`,
+              },
+            })
           }
         })
 
+        if (mergedConfig.underlay !== 'none') {
+          const newRule = {
+            component: 'Underlay',
+            directives: {},
+          }
+          if (mergedConfig.underlay === 'opaque') {
+            newRule.directives.opacity = 1
+            newRule.directives.background = '--wallpaper'
+          }
+          if (mergedConfig.underlay === 'transparent') {
+            newRule.directives.opacity = 0
+          }
+          hacks.push(newRule)
+        }
+
         const rulesetArray = [
           theme2ruleset,
           this.styleDataUsed,
           paletteIss,
-          hacks
-        ].filter(x => x)
+          hacks,
+        ].filter((x) => x)
 
         return applyTheme(
           rulesetArray.flat(),
@@ -640,13 +694,14 @@ export const useInterfaceStore = defineStore('interface', {
           () => {
             this.themeChangeInProgress = false
           },
-          themeDebug
+          themeDebug,
         )
       } catch (e) {
+        console.error(e)
         window.splashError(e)
       }
-    }
-  }
+    },
+  },
 })
 
 export const normalizeThemeData = (input) => {
@@ -656,16 +711,16 @@ export const normalizeThemeData = (input) => {
     // this might not be even used at all, some leftover of unimplemented code in V2 editor
     return generatePreset(input).theme
   } else if (
-    Object.prototype.hasOwnProperty.call(input, '_pleroma_theme_version') ||
-      Object.prototype.hasOwnProperty.call(input, 'source') ||
-      Object.prototype.hasOwnProperty.call(input, 'theme')
+    Object.hasOwn(input, '_pleroma_theme_version') ||
+    Object.hasOwn(input, 'source') ||
+    Object.hasOwn(input, 'theme')
   ) {
     // We got passed a full theme file
     themeData = input.theme
     themeSource = input.source
   } else if (
-    Object.prototype.hasOwnProperty.call(input, 'themeEngineVersion') ||
-      Object.prototype.hasOwnProperty.call(input, 'colors')
+    Object.hasOwn(input, 'themeEngineVersion') ||
+    Object.hasOwn(input, 'colors')
   ) {
     // We got passed a source/snapshot
     themeData = input
diff --git a/src/stores/lists.js b/src/stores/lists.js
index fbe2746fb..b33a119cc 100644
--- a/src/stores/lists.js
+++ b/src/stores/lists.js
@@ -1,40 +1,42 @@
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
-import { remove, find } from 'lodash'
-
 export const useListsStore = defineStore('lists', {
   state: () => ({
     allLists: [],
-    allListsObject: {}
+    allListsObject: {},
   }),
   getters: {
-    findListTitle () {
+    findListTitle() {
       return (id) => {
         if (!this.allListsObject[id]) return
         return this.allListsObject[id].title
       }
     },
-    findListAccounts () {
+    findListAccounts() {
       return (id) => [...this.allListsObject[id].accountIds]
-    }
+    },
   },
   actions: {
-    setLists (value) {
+    setLists(value) {
       this.allLists = value
     },
-    createList ({ title }) {
-      return window.vuex.state.api.backendInteractor.createList({ title })
+    createList({ title }) {
+      return window.vuex.state.api.backendInteractor
+        .createList({ title })
         .then((list) => {
           this.setList({ listId: list.id, title })
           return list
         })
     },
-    fetchList ({ listId }) {
-      return window.vuex.state.api.backendInteractor.getList({ listId })
+    fetchList({ listId }) {
+      return window.vuex.state.api.backendInteractor
+        .getList({ listId })
         .then((list) => this.setList({ listId: list.id, title: list.title }))
     },
-    fetchListAccounts ({ listId }) {
-      return window.vuex.state.api.backendInteractor.getListAccounts({ listId })
+    fetchListAccounts({ listId }) {
+      return window.vuex.state.api.backendInteractor
+        .getListAccounts({ listId })
         .then((accountIds) => {
           if (!this.allListsObject[listId]) {
             this.allListsObject[listId] = { accountIds: [] }
@@ -42,7 +44,9 @@ export const useListsStore = defineStore('lists', {
           this.allListsObject[listId].accountIds = accountIds
         })
     },
-    setList ({ listId, title }) {
+    setList({ listId, title }) {
+      window.vuex.state.api.backendInteractor.updateList({ listId, title })
+
       if (!this.allListsObject[listId]) {
         this.allListsObject[listId] = { accountIds: [] }
       }
@@ -55,25 +59,29 @@ export const useListsStore = defineStore('lists', {
         entry.title = title
       }
     },
-    setListAccounts ({ listId, accountIds }) {
+    setListAccounts({ listId, accountIds }) {
       const saved = this.allListsObject[listId]?.accountIds || []
-      const added = accountIds.filter(id => !saved.includes(id))
-      const removed = saved.filter(id => !accountIds.includes(id))
+      const added = accountIds.filter((id) => !saved.includes(id))
+      const removed = saved.filter((id) => !accountIds.includes(id))
       if (!this.allListsObject[listId]) {
         this.allListsObject[listId] = { accountIds: [] }
       }
       this.allListsObject[listId].accountIds = accountIds
       if (added.length > 0) {
-        window.vuex.state.api.backendInteractor.addAccountsToList({ listId, accountIds: added })
+        window.vuex.state.api.backendInteractor.addAccountsToList({
+          listId,
+          accountIds: added,
+        })
       }
       if (removed.length > 0) {
-        window.vuex.state.api.backendInteractor.removeAccountsFromList({ listId, accountIds: removed })
+        window.vuex.state.api.backendInteractor.removeAccountsFromList({
+          listId,
+          accountIds: removed,
+        })
       }
     },
-    addListAccount ({ listId, accountId }) {
-      return window.vuex.state
-        .api
-        .backendInteractor
+    addListAccount({ listId, accountId }) {
+      return window.vuex.state.api.backendInteractor
         .addAccountsToList({ listId, accountIds: [accountId] })
         .then((result) => {
           if (!this.allListsObject[listId]) {
@@ -83,10 +91,8 @@ export const useListsStore = defineStore('lists', {
           return result
         })
     },
-    removeListAccount ({ listId, accountId }) {
-      return window.vuex.state
-        .api
-        .backendInteractor
+    removeListAccount({ listId, accountId }) {
+      return window.vuex.state.api.backendInteractor
         .removeAccountsFromList({ listId, accountIds: [accountId] })
         .then((result) => {
           if (!this.allListsObject[listId]) {
@@ -100,11 +106,11 @@ export const useListsStore = defineStore('lists', {
           return result
         })
     },
-    deleteList ({ listId }) {
+    deleteList({ listId }) {
       window.vuex.state.api.backendInteractor.deleteList({ listId })
 
       delete this.allListsObject[listId]
-      remove(this.allLists, list => list.id === listId)
-    }
-  }
+      remove(this.allLists, (list) => list.id === listId)
+    },
+  },
 })
diff --git a/src/stores/local_config.js b/src/stores/local_config.js
new file mode 100644
index 000000000..5b15c6ff1
--- /dev/null
+++ b/src/stores/local_config.js
@@ -0,0 +1,67 @@
+import { cloneDeep, set } from 'lodash'
+import { defineStore } from 'pinia'
+import { toRaw } from 'vue'
+
+import { useInstanceStore } from 'src/stores/instance'
+
+import {
+  LOCAL_DEFAULT_CONFIG,
+  LOCAL_DEFAULT_CONFIG_DEFINITIONS,
+  makeUndefined,
+  validateSetting,
+} from 'src/modules/default_config_state'
+
+export const defaultState = {
+  prefsStorage: {
+    ...makeUndefined(LOCAL_DEFAULT_CONFIG),
+  },
+  tempStorage: {
+    ...makeUndefined(LOCAL_DEFAULT_CONFIG),
+  },
+}
+
+export const useLocalConfigStore = defineStore('local_config', {
+  state() {
+    return cloneDeep(defaultState)
+  },
+  actions: {
+    set({ path, value }) {
+      const definition = LOCAL_DEFAULT_CONFIG_DEFINITIONS[path]
+
+      const finalValue = validateSetting({
+        path,
+        value,
+        definition,
+        throwError: false,
+        defaultState: LOCAL_DEFAULT_CONFIG,
+      })
+
+      set(this.prefsStorage, path, finalValue)
+    },
+    setTemporarily({ path, value }) {
+      set(this.tempStorage, path, value)
+    },
+    unsetTemporarily({ path, value }) {
+      set(this.tempStorage, path, undefined)
+    },
+    unset({ path, value }) {
+      set(this.prefsStorage, path, undefined)
+    },
+    clearLocalConfig() {
+      Object.keys(this).forEach((k) => {
+        this.prefsStorage[k] = undefined
+        this.tempStorage[k] = undefined
+      })
+    },
+  },
+  persist: {
+    afterLoad(state) {
+      return {
+        prefsStorage: state.prefsStorage ?? {
+          ...makeUndefined(LOCAL_DEFAULT_CONFIG),
+        },
+        tempStorage: { ...makeUndefined(LOCAL_DEFAULT_CONFIG) },
+      }
+    },
+  },
+})
diff --git a/src/stores/media_viewer.js b/src/stores/media_viewer.js
index 0e0e18289..c35c0679e 100644
--- a/src/stores/media_viewer.js
+++ b/src/stores/media_viewer.js
@@ -1,5 +1,4 @@
 import { defineStore } from 'pinia'
-import fileTypeService from '../services/file_type/file_type.service.js'
 
 const supportedTypes = new Set(['image', 'video', 'audio', 'flash'])
 
@@ -7,24 +6,23 @@ export const useMediaViewerStore = defineStore('mediaViewer', {
   state: () => ({
     media: [],
     currentIndex: 0,
-    activated: false
+    activated: false,
   }),
   actions: {
-    setMedia (attachments) {
-      const media = attachments.filter(attachment => {
-        const type = fileTypeService.fileType(attachment.mimetype)
-        return supportedTypes.has(type)
+    setMedia(attachments) {
+      const media = attachments.filter((attachment) => {
+        return supportedTypes.has(attachment.type)
       })
 
       this.media = media
     },
-    setCurrentMedia (current) {
+    setCurrentMedia(current) {
       const index = this.media.indexOf(current)
       this.activated = true
       this.currentIndex = index
     },
-    closeMediaViewer () {
+    closeMediaViewer() {
       this.activated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/merged_config.js b/src/stores/merged_config.js
new file mode 100644
index 000000000..c4f27082c
--- /dev/null
+++ b/src/stores/merged_config.js
@@ -0,0 +1,67 @@
+import { defineStore } from 'pinia'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
+import {
+  INSTANCE_DEFAULT_CONFIG,
+  LOCAL_DEFAULT_CONFIG,
+  LOCAL_ONLY_KEYS,
+  THEME_CONFIG,
+} from 'src/modules/default_config_state.js'
+
+const ROOT_CONFIG = {
+  ...INSTANCE_DEFAULT_CONFIG,
+  ...LOCAL_DEFAULT_CONFIG,
+  ...THEME_CONFIG,
+}
+
+export const useMergedConfigStore = defineStore('merged_config', {
+  getters: {
+    mergedConfig: () => {
+      const instancePrefs = useInstanceStore().prefsStorage
+      const tempPrefs = useLocalConfigStore().tempStorage
+      const localPrefs = useLocalConfigStore().prefsStorage
+      const syncPrefs = useSyncConfigStore().prefsStorage
+
+      const getValue = (k) => {
+        if (LOCAL_ONLY_KEYS.has(k)) {
+          return tempPrefs[k] ?? localPrefs[k] ?? syncPrefs.simple[k]
+        } else {
+          return tempPrefs[k] ?? syncPrefs.simple[k]
+        }
+      }
+      const getDefault = (k) => instancePrefs[k] ?? ROOT_CONFIG[k]
+
+      const result = Object.fromEntries(
+        Object.keys(ROOT_CONFIG).map((k) => [k, getValue(k) ?? getDefault(k)]),
+      )
+      return result
+    },
+    mergedConfigDefault: () => {
+      const instancePrefs = useInstanceStore().prefsStorage
+
+      const getDefault = (k) => instancePrefs[k] ?? ROOT_CONFIG[k]
+
+      const result = Object.fromEntries(
+        Object.keys(ROOT_CONFIG).map((k) => [k, getDefault(k)]),
+      )
+      return result
+    },
+    mergedConfigWithoutDefaults: () => {
+      const instancePrefs = useInstanceStore().prefsStorage
+      const tempPrefs = useLocalConfigStore().tempStorage
+      const localPrefs = useLocalConfigStore().prefsStorage
+      const syncPrefs = useSyncConfigStore().prefsStorage
+
+      const getValue = (k) =>
+        tempPrefs[k] ?? localPrefs[k] ?? syncPrefs.simple[k] ?? instancePrefs[k]
+
+      const result = Object.fromEntries(
+        Object.keys(ROOT_CONFIG).map(([k, value]) => [k, getValue(k)]),
+      )
+      return result
+    },
+  },
+})
diff --git a/src/stores/oauth.js b/src/stores/oauth.js
index b9978596d..2a79c2fa9 100644
--- a/src/stores/oauth.js
+++ b/src/stores/oauth.js
@@ -1,8 +1,15 @@
 import { defineStore } from 'pinia'
-import { createApp, getClientToken, verifyAppToken } from 'src/services/new_api/oauth.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+
+import {
+  createApp,
+  getClientToken,
+  verifyAppToken,
+} from 'src/services/new_api/oauth.js'
 
 // status codes about verifyAppToken (GET /api/v1/apps/verify_credentials)
-const isAppTokenRejected = error => (
+const isAppTokenRejected = (error) =>
   // Pleroma API docs say it returns 422 when unauthorized
   error.statusCode === 422 ||
   // but it actually returns 400 (as of 2.9.0)
@@ -10,16 +17,14 @@ const isAppTokenRejected = error => (
   error.statusCode === 400 ||
   // and Mastodon docs say it returns 401
   error.statusCode === 401
-)
 
 // status codes about getAppToken (GET /oauth/token)
-const isClientDataRejected = error => (
+const isClientDataRejected = (error) =>
   // Mastodon docs say it returns 401
   error.statusCode === 401 ||
   // but Pleroma actually returns 400 (as of 2.9.0)
   // NOTE: don't try to match against the error message, it is translatable
   error.statusCode === 400
-)
 
 export const useOAuthStore = defineStore('oauth', {
   state: () => ({
@@ -33,33 +38,32 @@ export const useOAuthStore = defineStore('oauth', {
     /* User token is authentication for app with user, this is for every calls
      * that need authorized user to be successful (i.e. posting, liking etc)
      */
-    userToken: false
+    userToken: false,
   }),
   getters: {
-    getToken () {
+    getToken() {
       return this.userToken || this.appToken
     },
-    getUserToken () {
+    getUserToken() {
       return this.userToken
-    }
+    },
   },
   actions: {
-    setClientData ({ clientId, clientSecret }) {
+    setClientData({ clientId, clientSecret }) {
       this.clientId = clientId
       this.clientSecret = clientSecret
     },
-    setAppToken (token) {
+    setAppToken(token) {
       this.appToken = token
     },
-    setToken (token) {
+    setToken(token) {
       this.userToken = token
     },
-    clearToken () {
+    clearToken() {
       this.userToken = false
     },
-    async createApp () {
-      const { state } = window.vuex
-      const instance = state.instance.server
+    async createApp() {
+      const instance = useInstanceStore().server
       const app = await createApp(instance)
       this.setClientData(app)
       return app
@@ -67,36 +71,34 @@ export const useOAuthStore = defineStore('oauth', {
     /// Use this if you want to get the client id and secret but are not interested
     /// in whether they are valid.
     /// @return {{ clientId: string, clientSecret: string }} An object representing the app
-    async ensureApp () {
+    async ensureApp() {
       if (this.clientId && this.clientSecret) {
         return {
           clientId: this.clientId,
-          clientSecret: this.clientSecret
+          clientSecret: this.clientSecret,
         }
       } else {
         return this.createApp()
       }
     },
-    async getAppToken () {
-      const { state } = window.vuex
-      const instance = state.instance.server
+    async getAppToken() {
+      const instance = useInstanceStore().server
       const res = await getClientToken({
         clientId: this.clientId,
         clientSecret: this.clientSecret,
-        instance
+        instance,
       })
       this.setAppToken(res.access_token)
       return res.access_token
     },
     /// Use this if you want to ensure the app is still valid to use.
     /// @return {string} The access token to the app (not attached to any user)
-    async ensureAppToken () {
-      const { state } = window.vuex
+    async ensureAppToken() {
       if (this.appToken) {
         try {
           await verifyAppToken({
-            instance: state.instance.server,
-            appToken: this.appToken
+            instance: useInstanceStore().server,
+            appToken: this.appToken,
           })
           return this.appToken
         } catch (e) {
@@ -133,17 +135,17 @@ export const useOAuthStore = defineStore('oauth', {
           // and re-create our app
           this.setClientData({
             clientId: false,
-            clientSecret: false
+            clientSecret: false,
           })
           await this.createApp()
           // try once again to get the token
           return await this.getAppToken()
         }
       }
-    }
+    },
   },
   persist: {
-    afterLoad (state) {
+    afterLoad(state) {
       // state.token is userToken with older name, coming from persistent state
       if (state.token && !state.userToken) {
         state.userToken = state.token
@@ -152,6 +154,6 @@ export const useOAuthStore = defineStore('oauth', {
         delete state.token
       }
       return state
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/oauth_tokens.js b/src/stores/oauth_tokens.js
index ee9886672..ae9b396ac 100644
--- a/src/stores/oauth_tokens.js
+++ b/src/stores/oauth_tokens.js
@@ -2,23 +2,27 @@ import { defineStore } from 'pinia'
 
 export const useOAuthTokensStore = defineStore('oauthTokens', {
   state: () => ({
-    tokens: []
+    tokens: [],
   }),
   actions: {
-    fetchTokens () {
-      window.vuex.state.api.backendInteractor.fetchOAuthTokens().then((tokens) => {
-        this.swapTokens(tokens)
-      })
+    fetchTokens() {
+      window.vuex.state.api.backendInteractor
+        .fetchOAuthTokens()
+        .then((tokens) => {
+          this.swapTokens(tokens)
+        })
     },
-    revokeToken (id) {
-      window.vuex.state.api.backendInteractor.revokeOAuthToken({ id }).then((response) => {
-        if (response.status === 201) {
-          this.swapTokens(this.tokens.filter(token => token.id !== id))
-        }
-      })
+    revokeToken(id) {
+      window.vuex.state.api.backendInteractor
+        .revokeOAuthToken({ id })
+        .then((response) => {
+          if (response.status === 201) {
+            this.swapTokens(this.tokens.filter((token) => token.id !== id))
+          }
+        })
     },
-    swapTokens (tokens) {
+    swapTokens(tokens) {
       this.tokens = tokens
-    }
-  }
-});
\ No newline at end of file
+    },
+  },
+})
diff --git a/src/stores/polls.js b/src/stores/polls.js
index 3bc01037b..aac8a2421 100644
--- a/src/stores/polls.js
+++ b/src/stores/polls.js
@@ -5,10 +5,10 @@ export const usePollsStore = defineStore('polls', {
   state: () => ({
     // Contains key = id, value = number of trackers for this poll
     trackedPolls: {},
-    pollsObject: {}
+    pollsObject: {},
   }),
   actions: {
-    mergeOrAddPoll (poll) {
+    mergeOrAddPoll(poll) {
       const existingPoll = this.pollsObject[poll.id]
       // Make expired-state change trigger re-renders properly
       poll.expired = Date.now() > Date.parse(poll.expires_at)
@@ -18,17 +18,19 @@ export const usePollsStore = defineStore('polls', {
         this.pollsObject[poll.id] = poll
       }
     },
-    updateTrackedPoll (pollId) {
-      window.vuex.state.api.backendInteractor.fetchPoll({ pollId }).then(poll => {
-        setTimeout(() => {
-          if (this.trackedPolls[pollId]) {
-            this.updateTrackedPoll(pollId)
-          }
-        }, 30 * 1000)
-        this.mergeOrAddPoll(poll)
-      })
+    updateTrackedPoll(pollId) {
+      window.vuex.state.api.backendInteractor
+        .fetchPoll({ pollId })
+        .then((poll) => {
+          setTimeout(() => {
+            if (this.trackedPolls[pollId]) {
+              this.updateTrackedPoll(pollId)
+            }
+          }, 30 * 1000)
+          this.mergeOrAddPoll(poll)
+        })
     },
-    trackPoll (pollId) {
+    trackPoll(pollId) {
       if (!this.trackedPolls[pollId]) {
         setTimeout(() => this.updateTrackedPoll(pollId), 30 * 1000)
       }
@@ -39,7 +41,7 @@ export const usePollsStore = defineStore('polls', {
         this.trackedPolls[pollId] = 1
       }
     },
-    untrackPoll (pollId) {
+    untrackPoll(pollId) {
       const currentValue = this.trackedPolls[pollId]
       if (currentValue) {
         this.trackedPolls[pollId] = currentValue - 1
@@ -47,11 +49,13 @@ export const usePollsStore = defineStore('polls', {
         this.trackedPolls[pollId] = 0
       }
     },
-    votePoll ({ pollId, choices }) {
-      return window.vuex.state.api.backendInteractor.vote({ pollId, choices }).then(poll => {
-        this.mergeOrAddPoll(poll)
-        return poll
-      })
-    }
-  }
+    votePoll({ pollId, choices }) {
+      return window.vuex.state.api.backendInteractor
+        .vote({ pollId, choices })
+        .then((poll) => {
+          this.mergeOrAddPoll(poll)
+          return poll
+        })
+    },
+  },
 })
diff --git a/src/stores/post_status.js b/src/stores/post_status.js
index a19b0dbdd..eafe91bca 100644
--- a/src/stores/post_status.js
+++ b/src/stores/post_status.js
@@ -3,18 +3,18 @@ import { defineStore } from 'pinia'
 export const usePostStatusStore = defineStore('postStatus', {
   state: () => ({
     params: null,
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openPostStatusModal (params) {
+    openPostStatusModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closePostStatusModal () {
+    closePostStatusModal() {
       this.modalActivated = false
     },
-    resetPostStatusModal () {
+    resetPostStatusModal() {
       this.params = null
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 18080d4e7..d2cd4fd7c 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,7 +1,7 @@
+import filter from 'lodash/filter'
 import { defineStore } from 'pinia'
 
-import filter from 'lodash/filter'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 export const useReportsStore = defineStore('reports', {
   state: () => ({
@@ -9,18 +9,22 @@ export const useReportsStore = defineStore('reports', {
       userId: null,
       statuses: [],
       preTickedIds: [],
-      activated: false
+      activated: false,
     },
-    reports: {}
+    reports: {},
   }),
   actions: {
-    openUserReportingModal ({ userId, statusIds = [] }) {
-      const preTickedStatuses = statusIds.map(id => window.vuex.state.statuses.allStatusesObject[id])
+    openUserReportingModal({ userId, statusIds = [] }) {
+      const preTickedStatuses = statusIds.map(
+        (id) => window.vuex.state.statuses.allStatusesObject[id],
+      )
       const preTickedIds = statusIds
       const statuses = preTickedStatuses.concat(
-        filter(window.vuex.state.statuses.allStatuses,
-          status => status.user.id === userId && !preTickedIds.includes(status.id)
-        )
+        filter(
+          window.vuex.state.statuses.allStatuses,
+          (status) =>
+            status.user.id === userId && !preTickedIds.includes(status.id),
+        ),
       )
 
       this.reportModal.userId = userId
@@ -28,25 +32,27 @@ export const useReportsStore = defineStore('reports', {
       this.reportModal.preTickedIds = preTickedIds
       this.reportModal.activated = true
     },
-    closeUserReportingModal () {
+    closeUserReportingModal() {
       this.reportModal.activated = false
     },
-    setReportState ({ id, state }) {
+    setReportState({ id, state }) {
       const oldState = this.reports[id].state
       this.reports[id].state = state
-      window.vuex.state.api.backendInteractor.setReportState({ id, state }).catch(e => {
-        console.error('Failed to set report state', e)
-        useInterfaceStore().pushGlobalNotice({
-          level: 'error',
-          messageKey: 'general.generic_error_message',
-          messageArgs: [e.message],
-          timeout: 5000
+      window.vuex.state.api.backendInteractor
+        .setReportState({ id, state })
+        .catch((e) => {
+          console.error('Failed to set report state', e)
+          useInterfaceStore().pushGlobalNotice({
+            level: 'error',
+            messageKey: 'general.generic_error_message',
+            messageArgs: [e.message],
+            timeout: 5000,
+          })
+          this.reports[id].state = oldState
         })
-        this.reports[id].state = oldState
-      })
     },
-    addReport (report) {
+    addReport(report) {
       this.reports[report.id] = report
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
deleted file mode 100644
index 9cfdac1a8..000000000
--- a/src/stores/serverSideStorage.js
+++ /dev/null
@@ -1,518 +0,0 @@
-import { defineStore } from 'pinia'
-import { toRaw } from 'vue'
-import {
-  isEqual,
-  cloneDeep,
-  set,
-  unset,
-  get,
-  clamp,
-  flatten,
-  groupBy,
-  findLastIndex,
-  takeRight,
-  uniqWith,
-  merge as _merge
-} from 'lodash'
-import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
-
-export const VERSION = 1
-export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
-
-export const COMMAND_TRIM_FLAGS = 1000
-export const COMMAND_TRIM_FLAGS_AND_RESET = 1001
-
-export const defaultState = {
-  // do we need to update data on server?
-  dirty: false,
-  // storage of flags - stuff that can only be set and incremented
-  flagStorage: {
-    updateCounter: 0, // Counter for most recent update notification seen
-    configMigration: 0, // Counter for config -> server-side migrations
-    reset: 0 // special flag that can be used to force-reset all flags, debug purposes only
-    // special reset codes:
-    // 1000: trim keys to those known by currently running FE
-    // 1001: same as above + reset everything to 0
-  },
-  prefsStorage: {
-    _journal: [],
-    simple: {
-      dontShowUpdateNotifs: false,
-      collapseNav: false,
-      muteFilters: {}
-    },
-    collections: {
-      pinnedStatusActions: ['reply', 'retweet', 'favorite', 'emoji'],
-      pinnedNavItems: ['home', 'dms', 'chats']
-    }
-  },
-  // raw data
-  raw: null,
-  // local cache
-  cache: null
-}
-
-export const newUserFlags = {
-  ...defaultState.flagStorage,
-  updateCounter: CURRENT_UPDATE_COUNTER // new users don't need to see update notification
-}
-
-export const _moveItemInArray = (array, value, movement) => {
-  const oldIndex = array.indexOf(value)
-  const newIndex = oldIndex + movement
-  const newArray = [...array]
-  // remove old
-  newArray.splice(oldIndex, 1)
-  // add new
-  newArray.splice(clamp(newIndex, 0, newArray.length + 1), 0, value)
-  return newArray
-}
-
-const _wrapData = (data, userName) => ({
-  ...data,
-  _user: userName,
-  _timestamp: Date.now(),
-  _version: VERSION
-})
-
-const _checkValidity = (data) => data._timestamp > 0 && data._version > 0
-
-const _verifyPrefs = (state) => {
-  state.prefsStorage = state.prefsStorage || {
-    simple: {},
-    collections: {}
-  }
-
-  // Simple
-  Object.entries(defaultState.prefsStorage.simple).forEach(([k, v]) => {
-    if (typeof v === 'number' || typeof v === 'boolean') return
-    if (typeof v === 'object' && v != null) return
-    console.warn(`Preference simple.${k} as invalid type, reinitializing`)
-    set(state.prefsStorage.simple, k, defaultState.prefsStorage.simple[k])
-  })
-
-  // Collections
-  Object.entries(defaultState.prefsStorage.collections).forEach(([k, v]) => {
-    if (Array.isArray(v)) return
-    console.warn(`Preference collections.${k} as invalid type, reinitializing`)
-    set(state.prefsStorage.collections, k, defaultState.prefsStorage.collections[k])
-  })
-}
-
-export const _getRecentData = (cache, live, isTest) => {
-  const result = { recent: null, stale: null, needUpload: false }
-  const cacheValid = _checkValidity(cache || {})
-  const liveValid = _checkValidity(live || {})
-  if (!liveValid && cacheValid) {
-    result.needUpload = true
-    console.debug('Nothing valid stored on server, assuming cache to be source of truth')
-    result.recent = cache
-    result.stale = live
-  } else if (!cacheValid && liveValid) {
-    console.debug('Valid storage on server found, no local cache found, using live as source of truth')
-    result.recent = live
-    result.stale = cache
-  } else if (cacheValid && liveValid) {
-    console.debug('Both sources have valid data, figuring things out...')
-    if (live._timestamp === cache._timestamp && live._version === cache._version) {
-      console.debug('Same version/timestamp on both source, source of truth irrelevant')
-      result.recent = cache
-      result.stale = live
-    } else {
-      console.debug('Different timestamp, figuring out which one is more recent')
-      if (live._timestamp < cache._timestamp) {
-        result.recent = cache
-        result.stale = live
-      } else {
-        result.recent = live
-        result.stale = cache
-      }
-    }
-  } else {
-    console.debug('Both sources are invalid, start from scratch')
-    result.needUpload = true
-  }
-
-  const merge = (a, b) => ({
-    _user: a._user ?? b._user,
-    _version: a._version ?? b._version,
-    _timestamp: a._timestamp ?? b._timestamp,
-    needUpload: b.needUpload ?? a.needUpload,
-    prefsStorage: _merge(a.prefsStorage, b.prefsStorage),
-    flagStorage: _merge(a.flagStorage, b.flagStorage)
-  })
-  result.recent = isTest ? result.recent : (result.recent && merge(defaultState, result.recent))
-  result.stale = isTest ? result.stale : (result.stale && merge(defaultState, result.stale))
-
-  return result
-}
-
-export const _getAllFlags = (recent, stale) => {
-  return Array.from(new Set([
-    ...Object.keys(toRaw((recent || {}).flagStorage || {})),
-    ...Object.keys(toRaw((stale || {}).flagStorage || {}))
-  ]))
-}
-
-export const _mergeFlags = (recent, stale, allFlagKeys) => {
-  if (!stale.flagStorage) return recent.flagStorage
-  if (!recent.flagStorage) return stale.flagStorage
-  return Object.fromEntries(allFlagKeys.map(flag => {
-    const recentFlag = recent.flagStorage[flag]
-    const staleFlag = stale.flagStorage[flag]
-    // use flag that is of higher value
-    return [flag, Number((recentFlag > staleFlag ? recentFlag : staleFlag) || 0)]
-  }))
-}
-
-const _mergeJournal = (...journals) => {
-  // Ignore invalid journal entries
-  const allJournals = flatten(
-    journals.map(j => Array.isArray(j) ? j : [])
-  ).filter(entry =>
-    Object.prototype.hasOwnProperty.call(entry, 'path') &&
-    Object.prototype.hasOwnProperty.call(entry, 'operation') &&
-    Object.prototype.hasOwnProperty.call(entry, 'args') &&
-    Object.prototype.hasOwnProperty.call(entry, 'timestamp')
-  )
-  const grouped = groupBy(allJournals, 'path')
-  const trimmedGrouped = Object.entries(grouped).map(([path, journal]) => {
-    // side effect
-    journal.sort((a, b) => a.timestamp > b.timestamp ? 1 : -1)
-
-    if (path.startsWith('collections')) {
-      const lastRemoveIndex = findLastIndex(journal, ({ operation }) => operation === 'removeFromCollection')
-      // everything before last remove is unimportant
-      let remainder
-      if (lastRemoveIndex > 0) {
-        remainder = journal.slice(lastRemoveIndex)
-      } else {
-        // everything else doesn't need trimming
-        remainder = journal
-      }
-      return uniqWith(remainder, (a, b) => {
-        if (a.path !== b.path) { return false }
-        if (a.operation !== b.operation) { return false }
-        if (a.operation === 'addToCollection') {
-          return a.args[0] === b.args[0]
-        }
-        return false
-      })
-    } else if (path.startsWith('simple')) {
-      // Only the last record is important
-      return takeRight(journal)
-    } else {
-      return journal
-    }
-  })
-  return flatten(trimmedGrouped)
-    .sort((a, b) => a.timestamp > b.timestamp ? 1 : -1)
-}
-
-export const _mergePrefs = (recent, stale) => {
-  if (!stale) return recent
-  if (!recent) return stale
-  const { _journal: recentJournal, ...recentData } = recent
-  const { _journal: staleJournal } = stale
-  /** Journal entry format:
-   * path: path to entry in prefsStorage
-   * timestamp: timestamp of the change
-   * operation: operation type
-   * arguments: array of arguments, depends on operation type
-   *
-   * currently only supported operation type is "set" which just sets the value
-   * to requested one. Intended only to be used with simple preferences (boolean, number)
-   * shouldn't be used with collections!
-   */
-  const resultOutput = { ...recentData }
-  const totalJournal = _mergeJournal(staleJournal, recentJournal)
-  totalJournal.forEach(({ path, operation, args }) => {
-    if (path.startsWith('_')) {
-      throw new Error(`journal contains entry to edit internal (starts with _) field '${path}', something is incorrect here, ignoring.`)
-    }
-    switch (operation) {
-      case 'set':
-        if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-          throw new Error('Illegal operation "set" on a collection')
-        }
-        if (path.split(/\./g).length <= 1) {
-          throw new Error(`Calling set on depth <= 1 (path: ${path}) is not allowed`)
-        }
-        set(resultOutput, path, args[0])
-        break
-      case 'unset':
-        if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-          throw new Error('Illegal operation "unset" on a collection')
-        }
-        if (path.split(/\./g).length <= 2) {
-          throw new Error(`Calling unset on depth <= 2 (path: ${path})  is not allowed`)
-        }
-        unset(resultOutput, path)
-        break
-      case 'addToCollection':
-        set(resultOutput, path, Array.from(new Set(get(resultOutput, path)).add(args[0])))
-        break
-      case 'removeFromCollection': {
-        const newSet = new Set(get(resultOutput, path))
-        newSet.delete(args[0])
-        set(resultOutput, path, Array.from(newSet))
-        break
-      }
-      case 'reorderCollection': {
-        const [value, movement] = args
-        set(resultOutput, path, _moveItemInArray(get(resultOutput, path), value, movement))
-        break
-      }
-      default:
-        throw new Error(`Unknown journal operation: '${operation}', did we forget to run reverse migrations beforehand?`)
-    }
-  })
-  return { ...resultOutput, _journal: totalJournal }
-}
-
-export const _resetFlags = (totalFlags, knownKeys = defaultState.flagStorage) => {
-  let result = { ...totalFlags }
-  const allFlagKeys = Object.keys(totalFlags)
-  // flag reset functionality
-  if (totalFlags.reset >= COMMAND_TRIM_FLAGS && totalFlags.reset <= COMMAND_TRIM_FLAGS_AND_RESET) {
-    console.debug('Received command to trim the flags')
-    const knownKeysSet = new Set(Object.keys(knownKeys))
-
-    // Trim
-    result = {}
-    allFlagKeys.forEach(flag => {
-      if (knownKeysSet.has(flag)) {
-        result[flag] = totalFlags[flag]
-      }
-    })
-
-    // Reset
-    if (totalFlags.reset === COMMAND_TRIM_FLAGS_AND_RESET) {
-      // 1001 - and reset everything to 0
-      console.debug('Received command to reset the flags')
-      Object.keys(knownKeys).forEach(flag => { result[flag] = 0 })
-    }
-  } else if (totalFlags.reset > 0 && totalFlags.reset < 9000) {
-    console.debug('Received command to reset the flags')
-    allFlagKeys.forEach(flag => { result[flag] = 0 })
-  }
-  result.reset = 0
-  return result
-}
-
-export const _doMigrations = (cache) => {
-  if (!cache) return cache
-
-  if (cache._version < VERSION) {
-    console.debug('Local cached data has older version, seeing if there any migrations that can be applied')
-
-    // no migrations right now since we only have one version
-    console.debug('No migrations found')
-  }
-
-  if (cache._version > VERSION) {
-    console.debug('Local cached data has newer version, seeing if there any reverse migrations that can be applied')
-
-    // no reverse migrations right now but we leave a possibility of loading a hotpatch if need be
-    if (window._PLEROMA_HOTPATCH) {
-      if (window._PLEROMA_HOTPATCH.reverseMigrations) {
-        console.debug('Found hotpatch migration, applying')
-        return window._PLEROMA_HOTPATCH.reverseMigrations.call({}, 'serverSideStorage', { from: cache._version, to: VERSION }, cache)
-      }
-    }
-  }
-
-  return cache
-}
-
-export const useServerSideStorageStore = defineStore('serverSideStorage', {
-  state() {
-    return cloneDeep(defaultState)
-  },
-  actions: {
-    setFlag ({ flag, value }) {
-      this.flagStorage[flag] = value
-      this.dirty = true
-    },
-    setPreference ({ path, value }) {
-      if (path.startsWith('_')) {
-        throw new Error(`Tried to edit internal (starts with _) field '${path}', ignoring.`)
-      }
-      if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-        throw new Error(`Invalid operation 'set' for collection field '${path}', ignoring.`)
-      }
-      if (path.split(/\./g).length <= 1) {
-        throw new Error(`Calling set on depth <= 1 (path: ${path}) is not allowed`)
-      }
-      if (path.split(/\./g).length > 3) {
-        throw new Error(`Calling set on depth > 3 (path: ${path})  is not allowed`)
-      }
-      set(this.prefsStorage, path, value)
-      this.prefsStorage._journal = [
-        ...this.prefsStorage._journal,
-        { operation: 'set', path, args: [value], timestamp: Date.now() }
-      ]
-      this.dirty = true
-    },
-    unsetPreference ({ path, value }) {
-      if (path.startsWith('_')) {
-        throw new Error(`Tried to edit internal (starts with _) field '${path}', ignoring.`)
-      }
-      if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-        throw new Error(`Invalid operation 'unset' for collection field '${path}', ignoring.`)
-      }
-      if (path.split(/\./g).length <= 2) {
-        throw new Error(`Calling unset on depth <= 2 (path: ${path})  is not allowed`)
-      }
-      if (path.split(/\./g).length > 3) {
-        throw new Error(`Calling unset on depth > 3 (path: ${path})  is not allowed`)
-      }
-      unset(this.prefsStorage, path, value)
-      this.prefsStorage._journal = [
-        ...this.prefsStorage._journal,
-        { operation: 'unset', path, args: [], timestamp: Date.now() }
-      ]
-      this.dirty = true
-    },
-    addCollectionPreference ({ path, value }) {
-      if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}'`)
-      }
-      if (path.startsWith('collections')) {
-        const collection = new Set(get(this.prefsStorage, path))
-        collection.add(value)
-        set(this.prefsStorage, path, [...collection])
-      } else if (path.startsWith('objectCollections')) {
-        const { _key } = value
-        if (!_key && typeof _key !== 'string') {
-          throw new Error('Object for storage is missing _key field!')
-        }
-        const collection = new Set(get(this.prefsStorage, path + '.index'))
-        collection.add(_key)
-        set(this.prefsStorage, path + '.index', [...collection])
-        set(this.prefsStorage, path + '.data.' + _key, value)
-      }
-      this.prefsStorage._journal = [
-        ...this.prefsStorage._journal,
-        { operation: 'addToCollection', path, args: [value], timestamp: Date.now() }
-      ]
-      this.dirty = true
-    },
-    removeCollectionPreference ({ path, value }) {
-      if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}', ignoring.`)
-      }
-      const collection = new Set(get(this.prefsStorage, path))
-      collection.delete(value)
-      set(this.prefsStorage, path, [...collection])
-      this.prefsStorage._journal = [
-        ...this.prefsStorage._journal,
-        { operation: 'removeFromCollection', path, args: [value], timestamp: Date.now() }
-      ]
-      this.dirty = true
-    },
-    reorderCollectionPreference ({ path, value, movement }) {
-      if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}', ignoring.`)
-      }
-      const collection = get(this.prefsStorage, path)
-      const newCollection = _moveItemInArray(collection, value, movement)
-      set(this.prefsStorage, path, newCollection)
-      this.prefsStorage._journal = [
-        ...this.prefsStorage._journal,
-        { operation: 'arrangeCollection', path, args: [value], timestamp: Date.now() }
-      ]
-      this.dirty = true
-    },
-    updateCache ({ username }) {
-      this.prefsStorage._journal = _mergeJournal(this.prefsStorage._journal)
-      this.cache = _wrapData({
-        flagStorage: toRaw(this.flagStorage),
-        prefsStorage: toRaw(this.prefsStorage)
-      }, username)
-    },
-    clearServerSideStorage () {
-      const blankState = { ...cloneDeep(defaultState) }
-      Object.keys(this).forEach(k => {
-        this[k] = blankState[k]
-      })
-    },
-    setServerSideStorage (userData) {
-      const live = userData.storage
-      this.raw = live
-      let cache = this.cache
-      if (cache && cache._user !== userData.fqn) {
-        console.warn('Cache belongs to another user! reinitializing local cache!')
-        cache = null
-      }
-
-      cache = _doMigrations(cache)
-
-      let { recent, stale, needUpload } = _getRecentData(cache, live)
-
-      const userNew = userData.created_at > NEW_USER_DATE
-      const flagsTemplate = userNew ? newUserFlags : defaultState.flagStorage
-      let dirty = false
-
-      if (recent === null) {
-        console.debug(`Data is empty, initializing for ${userNew ? 'new' : 'existing'} user`)
-        recent = _wrapData({
-          flagStorage: { ...flagsTemplate },
-          prefsStorage: { ...defaultState.prefsStorage }
-        })
-      }
-
-      if (!needUpload && recent && stale) {
-        console.debug('Checking if data needs merging...')
-        // discarding timestamps and versions
-        /* eslint-disable no-unused-vars */
-        const { _timestamp: _0, _version: _1, ...recentData } = recent
-        const { _timestamp: _2, _version: _3, ...staleData } = stale
-        /* eslint-enable no-unused-vars */
-        dirty = !isEqual(recentData, staleData)
-        console.debug(`Data ${dirty ? 'needs' : 'doesn\'t need'} merging`)
-      }
-
-      const allFlagKeys = _getAllFlags(recent, stale)
-      let totalFlags
-      let totalPrefs
-      if (dirty) {
-        // Merge the flags
-        console.debug('Merging the data...')
-        totalFlags = _mergeFlags(recent, stale, allFlagKeys)
-        _verifyPrefs(recent)
-        _verifyPrefs(stale)
-        totalPrefs = _mergePrefs(recent.prefsStorage, stale.prefsStorage)
-      } else {
-        totalFlags = recent.flagStorage
-        totalPrefs = recent.prefsStorage
-      }
-
-      totalFlags = _resetFlags(totalFlags)
-
-      recent.flagStorage = { ...flagsTemplate, ...totalFlags }
-      recent.prefsStorage = { ...defaultState.prefsStorage, ...totalPrefs }
-
-      this.dirty = dirty || needUpload
-      this.cache = recent
-      // set local timestamp to smaller one if we don't have any changes
-      if (stale && recent && !this.dirty) {
-        this.cache._timestamp = Math.min(stale._timestamp, recent._timestamp)
-      }
-      this.flagStorage = this.cache.flagStorage
-      this.prefsStorage = this.cache.prefsStorage
-    },
-    pushServerSideStorage ({ force = false } = {}) {
-      const needPush = this.dirty || force
-      if (!needPush) return
-      this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
-      const params = { pleroma_settings_store: { 'pleroma-fe': this.cache } }
-      window.vuex.state.api.backendInteractor
-        .updateProfile({ params })
-        .then((user) => {
-          this.setServerSideStorage(user)
-          this.dirty = false
-        })
-    }
-  }
-})
diff --git a/src/stores/shout.js b/src/stores/shout.js
index 105e80e6f..79268bd57 100644
--- a/src/stores/shout.js
+++ b/src/stores/shout.js
@@ -4,10 +4,10 @@ export const useShoutStore = defineStore('shout', {
   state: () => ({
     messages: [],
     channel: { state: '' },
-    joined: false
+    joined: false,
   }),
   actions: {
-    initializeShout (socket) {
+    initializeShout(socket) {
       const channel = socket.channel('chat:public')
       channel.joinPush.receive('ok', () => {
         this.joined = true
@@ -27,6 +27,6 @@ export const useShoutStore = defineStore('shout', {
       })
       channel.join()
       this.channel = channel
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/statusHistory.js b/src/stores/statusHistory.js
index 0d3c54c89..9868b22c5 100644
--- a/src/stores/statusHistory.js
+++ b/src/stores/statusHistory.js
@@ -3,15 +3,15 @@ import { defineStore } from 'pinia'
 export const useStatusHistoryStore = defineStore('statusHistory', {
   state: () => ({
     params: {},
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openStatusHistoryModal (params) {
+    openStatusHistoryModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closeStatusHistoryModal () {
+    closeStatusHistoryModal() {
       this.modalActivated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/sync_config.js b/src/stores/sync_config.js
new file mode 100644
index 000000000..045579e41
--- /dev/null
+++ b/src/stores/sync_config.js
@@ -0,0 +1,772 @@
+import sum from 'hash-sum'
+import {
+  merge as _merge,
+  clamp,
+  cloneDeep,
+  findLastIndex,
+  flatten,
+  get,
+  groupBy,
+  isEqual,
+  set,
+  take,
+  takeRight,
+  uniqWith,
+  unset,
+} from 'lodash'
+import { defineStore } from 'pinia'
+import { toRaw } from 'vue'
+
+import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useLocalConfigStore } from 'src/stores/local_config.js'
+
+import { storage } from 'src/lib/storage.js'
+import {
+  makeUndefined,
+  ROOT_CONFIG,
+  ROOT_CONFIG_DEFINITIONS,
+  validateSetting,
+} from 'src/modules/default_config_state.js'
+import { oldDefaultConfigSync } from 'src/modules/old_default_config_state.js'
+
+export const VERSION = 2
+export const NEW_USER_DATE = new Date('2026-03-16') // date of writing this, basically
+
+export const COMMAND_TRIM_FLAGS = 1000
+export const COMMAND_TRIM_FLAGS_AND_RESET = 1001
+export const COMMAND_WIPE_JOURNAL = 1010
+export const COMMAND_WIPE_JOURNAL_AND_STORAGE = 1011
+
+export const defaultState = {
+  // do we need to update data on server?
+  dirty: false,
+  // storage of flags - stuff that can only be set and incremented
+  flagStorage: {
+    updateCounter: 0, // Counter for most recent update notification seen
+    reset: 0, // special flag that can be used to force-reset all data, debug purposes only
+    // special reset codes:
+    // 1000: trim keys to those known by currently running FE
+    // 1001: same as above + reset everything to 0
+  },
+  prefsStorage: {
+    _journal: [],
+    simple: {
+      muteFilters: {},
+
+      ...makeUndefined({ ...ROOT_CONFIG }),
+    },
+    collections: {
+      pinnedStatusActions: ['reply', 'retweet', 'favorite', 'emoji'],
+      pinnedNavItems: ['home', 'dms', 'chats'],
+    },
+  },
+  // raw data
+  raw: null,
+  // local cache
+  cache: null,
+}
+
+export const newUserFlags = {
+  ...defaultState.flagStorage,
+  updateCounter: CURRENT_UPDATE_COUNTER, // new users don't need to see update notification
+}
+
+export const _moveItemInArray = (array, value, movement) => {
+  const oldIndex = array.indexOf(value)
+  const newIndex = oldIndex + movement
+  const newArray = [...array]
+  // remove old
+  newArray.splice(oldIndex, 1)
+  // add new
+  newArray.splice(clamp(newIndex, 0, newArray.length + 1), 0, value)
+  return newArray
+}
+
+const _wrapData = (data, userName) => {
+  return {
+    ...data,
+    _user: userName,
+    _timestamp: Date.now(),
+    _version: VERSION,
+  }
+}
+
+const _checkValidity = (data) => data._timestamp > 0 && data._version > 0
+
+const _verifyPrefs = (state) => {
+  state.prefsStorage = state.prefsStorage || {
+    simple: {},
+    collections: {},
+  }
+
+  // Simple
+  Object.entries(defaultState.prefsStorage.simple).forEach(([k, v]) => {
+    if (typeof v === 'undefined') return
+    if (typeof v === 'number' || typeof v === 'boolean') return
+    if (typeof v === 'object') return
+    console.warn(
+      `Preference simple.${k} as invalid type ${typeof v}, reinitializing`,
+    )
+    set(state.prefsStorage.simple, k, defaultState.prefsStorage.simple[k])
+  })
+
+  // Collections
+  Object.entries(defaultState.prefsStorage.collections).forEach(([k, v]) => {
+    if (Array.isArray(v)) return
+    console.warn(
+      `Preference collections.${k} as invalid type ${typeof v}, reinitializing`,
+    )
+    set(
+      state.prefsStorage.collections,
+      k,
+      defaultState.prefsStorage.collections[k],
+    )
+  })
+}
+
+export const _getRecentData = (cache, live, isTest) => {
+  const result = { recent: null, stale: null, needUpload: false }
+  const cacheValid = _checkValidity(cache || {})
+  const liveValid = _checkValidity(live || {})
+  if (!liveValid && cacheValid) {
+    result.needUpload = true
+    console.debug(
+      'Nothing valid stored on server, assuming cache to be source of truth',
+    )
+    result.recent = cache
+    result.stale = live
+  } else if (!cacheValid && liveValid) {
+    console.debug(
+      'Valid storage on server found, no local cache found, using live as source of truth',
+    )
+    result.recent = live
+    result.stale = cache
+  } else if (cacheValid && liveValid) {
+    console.debug('Both sources have valid data, figuring things out...')
+    if (
+      live._timestamp === cache._timestamp &&
+      live._version === cache._version
+    ) {
+      console.debug(
+        'Same version/timestamp on both sources, source of truth irrelevant',
+      )
+      result.recent = cache
+      result.stale = live
+    } else {
+      console.debug(
+        'Different timestamp or version, figuring out which one is more recent',
+      )
+      if (live._timestamp < cache._timestamp) {
+        result.recent = cache
+        result.stale = live
+      } else {
+        result.recent = live
+        result.stale = cache
+      }
+    }
+  } else {
+    console.debug('Both sources are invalid, start from scratch')
+    result.needUpload = true
+  }
+
+  const merge = (a, b) => {
+    return {
+      _user: a._user ?? b._user,
+      _version: a._version ?? b._version,
+      _timestamp: a._timestamp ?? b._timestamp,
+      needUpload: b.needUpload ?? a.needUpload,
+      prefsStorage: _merge(cloneDeep(a.prefsStorage), b.prefsStorage),
+      flagStorage: _merge(a.flagStorage, b.flagStorage),
+    }
+  }
+
+  result.recent = isTest
+    ? result.recent
+    : result.recent && merge(defaultState, result.recent)
+
+  result.stale = isTest
+    ? result.stale
+    : result.stale && merge(defaultState, result.stale)
+
+  return result
+}
+
+export const _getAllFlags = (recent, stale) => {
+  return Array.from(
+    new Set([
+      ...Object.keys(toRaw((recent || {}).flagStorage || {})),
+      ...Object.keys(toRaw((stale || {}).flagStorage || {})),
+    ]),
+  )
+}
+
+export const _mergeFlags = (recent, stale, allFlagKeys) => {
+  if (!stale.flagStorage) return recent.flagStorage
+  if (!recent.flagStorage) return stale.flagStorage
+  return Object.fromEntries(
+    allFlagKeys.map((flag) => {
+      const recentFlag = recent.flagStorage[flag]
+      const staleFlag = stale.flagStorage[flag]
+      // use flag that is of higher value
+      return [
+        flag,
+        Number((recentFlag > staleFlag ? recentFlag : staleFlag) || 0),
+      ]
+    }),
+  )
+}
+
+export const _mergeJournal = (...journals) => {
+  // Ignore invalid journal entries
+  const allJournals = flatten(
+    journals.map((j) => (Array.isArray(j) ? j : [])),
+  ).filter(
+    (entry) =>
+      Object.hasOwn(entry, 'path') &&
+      Object.hasOwn(entry, 'operation') &&
+      Object.hasOwn(entry, 'args') &&
+      Object.hasOwn(entry, 'timestamp'),
+  )
+  const grouped = groupBy(allJournals, 'path')
+  const trimmedGrouped = Object.entries(grouped).map(([path, journal]) => {
+    // side effect
+    journal.sort((a, b) => (a.timestamp > b.timestamp ? 1 : -1))
+
+    if (path.startsWith('collections')) {
+      const lastRemoveIndex = findLastIndex(
+        journal,
+        ({ operation }) => operation === 'removeFromCollection',
+      )
+      // everything before last remove is unimportant
+      let remainder
+      if (lastRemoveIndex > 0) {
+        remainder = journal.slice(lastRemoveIndex)
+      } else {
+        // everything else doesn't need trimming
+        remainder = journal
+      }
+      return uniqWith(remainder, (a, b) => {
+        if (a.path !== b.path) {
+          return false
+        }
+        if (a.operation !== b.operation) {
+          return false
+        }
+        if (a.operation === 'addToCollection') {
+          return a.args[0] === b.args[0]
+        }
+        return false
+      })
+    } else if (path.startsWith('simple')) {
+      // Only the last record is important
+      return takeRight(journal)
+    } else {
+      return journal
+    }
+  })
+
+  const flat = flatten(trimmedGrouped).sort((a, b) =>
+    a.timestamp > b.timestamp ? 1 : -1,
+  )
+  return take(flat, 500)
+}
+
+export const _mergePrefs = (recent, stale) => {
+  if (!stale) return recent
+  if (!recent) return stale
+  const { _journal: recentJournal, ...recentData } = recent
+  const { _journal: staleJournal } = stale
+  /** Journal entry format:
+   * path: path to entry in prefsStorage
+   * timestamp: timestamp of the change
+   * operation: operation type
+   * arguments: array of arguments, depends on operation type
+   *
+   * currently only supported operation type is "set" which just sets the value
+   * to requested one. Intended only to be used with simple preferences (boolean, number)
+   * shouldn't be used with collections!
+   */
+  const resultOutput = { ...recentData }
+  const totalJournal = _mergeJournal(staleJournal, recentJournal)
+  totalJournal.forEach(({ path, operation, args }) => {
+    if (path.startsWith('_')) {
+      throw new Error(
+        `journal contains entry to edit internal (starts with _) field '${path}', something is incorrect here, ignoring.`,
+      )
+    }
+    switch (operation) {
+      case 'set': {
+        if (path.startsWith('collections')) {
+          return console.error('Illegal operation "set" on a collection')
+        }
+        if (path.split(/\./g).length <= 1) {
+          return console.error(
+            `Calling set on depth <= 1 (path: ${path}) is not allowed`,
+          )
+        }
+
+        const definition = path.startsWith('simple.muteFilters')
+          ? { default: {} }
+          : ROOT_CONFIG_DEFINITIONS[path.split('.')[1]]
+
+        const finalValue = validateSetting({
+          path: path.split('.')[1],
+          value: args[0],
+          definition,
+          throwError: false,
+          defaultState: ROOT_CONFIG,
+        })
+
+        set(resultOutput, path, finalValue)
+        break
+      }
+      case 'unset':
+        if (path.startsWith('collections')) {
+          return console.error('Illegal operation "unset" on a collection')
+        }
+        if (path.split(/\./g).length <= 2) {
+          return console.error(
+            `Calling unset on depth <= 2 (path: ${path})  is not allowed`,
+          )
+        }
+        unset(resultOutput, path)
+        break
+      case 'addToCollection':
+        if (!path.startsWith('collections')) {
+          return console.error(
+            'Illegal operation "addToCollection" on a non-collection',
+          )
+        }
+        set(
+          resultOutput,
+          path,
+          Array.from(new Set(get(resultOutput, path)).add(args[0])),
+        )
+        break
+      case 'removeFromCollection': {
+        if (!path.startsWith('collections')) {
+          return console.error(
+            'Illegal operation "removeFromCollection" on a non-collection',
+          )
+        }
+        const newSet = new Set(get(resultOutput, path))
+        newSet.delete(args[0])
+        set(resultOutput, path, Array.from(newSet))
+        break
+      }
+      case 'reorderCollection': {
+        const [value, movement] = args
+        set(
+          resultOutput,
+          path,
+          _moveItemInArray(get(resultOutput, path), value, movement),
+        )
+        break
+      }
+      default:
+        return console.error(
+          `Unknown journal operation: '${operation}', did we forget to run reverse migrations beforehand?`,
+        )
+    }
+  })
+  return { ...resultOutput, _journal: totalJournal }
+}
+
+export const _resetFlags = (
+  totalFlags,
+  knownKeys = defaultState.flagStorage,
+) => {
+  let result = { ...totalFlags }
+  const allFlagKeys = Object.keys(totalFlags)
+  // flag reset functionality
+  if (
+    totalFlags.reset >= COMMAND_TRIM_FLAGS &&
+    totalFlags.reset <= COMMAND_TRIM_FLAGS_AND_RESET
+  ) {
+    console.debug('Received command to trim the flags')
+    const knownKeysSet = new Set(Object.keys(knownKeys))
+
+    // Trim
+    result = {}
+    allFlagKeys.forEach((flag) => {
+      if (knownKeysSet.has(flag)) {
+        result[flag] = totalFlags[flag]
+      }
+    })
+
+    // Reset
+    if (totalFlags.reset === COMMAND_TRIM_FLAGS_AND_RESET) {
+      // 1001 - and reset everything to 0
+      console.debug('Received command to reset the flags')
+      Object.keys(knownKeys).forEach((flag) => {
+        result[flag] = 0
+      })
+    }
+  }
+  result.reset = 0
+  return result
+}
+
+const _resetPrefs = (
+  totalPrefs,
+  totalFlags,
+  knownKeys = defaultState.flagStorage,
+) => {
+  // prefs reset functionality
+  if (
+    totalFlags.reset >= COMMAND_WIPE_JOURNAL &&
+    totalFlags.reset <= COMMAND_WIPE_JOURNAL_AND_STORAGE
+  ) {
+    console.debug('Received command to reset journals')
+    this.flagStorage.reset = COMMAND_WIPE_JOURNAL
+    this.prefsStorage._journal = []
+    this.cache.prefsStorage._journal = []
+    this.raw.prefsStorage._journal = []
+    this.pushSyncConfig()
+    if (totalFlags.reset === COMMAND_WIPE_JOURNAL_AND_STORAGE) {
+      console.debug('Received command to reset storage')
+      return cloneDeep(defaultState)
+    }
+  }
+  return totalPrefs
+}
+
+const _doMigrations = async (data, setPreference) => {
+  if (data._version < VERSION) {
+    console.debug(
+      'Data has older version, seeing if there any migrations that can be applied',
+    )
+  }
+
+  if (data._version > VERSION) {
+    console.debug(
+      'Data has newer version, seeing if there any reverse migrations that can be applied',
+    )
+
+    // no reverse migrations right now but we leave a possibility of loading a hotpatch if need be
+    if (window._PLEROMA_HOTPATCH) {
+      if (window._PLEROMA_HOTPATCH.reverseMigrations) {
+        console.debug('Found hotpatch migration, applying')
+        return window._PLEROMA_HOTPATCH.reverseMigrations.call(
+          {},
+          'syncConfigStore',
+          { from: data._version, to: VERSION },
+          data,
+        )
+      }
+    }
+  }
+
+  return data
+}
+
+export const useSyncConfigStore = defineStore('sync_config', {
+  state() {
+    return cloneDeep(defaultState)
+  },
+  actions: {
+    setFlag({ flag, value }) {
+      this.flagStorage[flag] = value
+      this.dirty = true
+    },
+    setSimplePrefAndSave({ path, value }) {
+      this.setPreference({ path: `simple.${path}`, value })
+      this.pushSyncConfig()
+    },
+    unsetSimplePrefAndSave({ path }) {
+      this.unsetPreference({ path: `simple.${path}` })
+      this.pushSyncConfig()
+    },
+    setPreference({ path, value }) {
+      if (path.startsWith('_')) {
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
+      }
+      if (path.startsWith('collections')) {
+        throw new Error(
+          `Invalid operation 'set' for collection field '${path}', ignoring.`,
+        )
+      }
+      if (path.split(/\./g).length <= 1) {
+        throw new Error(
+          `Calling set on depth <= 1 (path: ${path}) is not allowed`,
+        )
+      }
+      if (path.split(/\./g).length > 3) {
+        throw new Error(
+          `Calling set on depth > 3 (path: ${path})  is not allowed`,
+        )
+      }
+
+      const definition = path.startsWith('simple.muteFilters')
+        ? { default: {} }
+        : ROOT_CONFIG_DEFINITIONS[path.split('.')[1]]
+
+      const finalValue = validateSetting({
+        path: path.split('.')[1],
+        value,
+        definition,
+        throwError: false,
+        defaultState: ROOT_CONFIG,
+      })
+
+      set(this.prefsStorage, path, finalValue)
+
+      this.prefsStorage._journal = [
+        ...this.prefsStorage._journal,
+        { operation: 'set', path, args: [value], timestamp: Date.now() },
+      ]
+      this.dirty = true
+    },
+    unsetPreference({ path, value }) {
+      if (path.startsWith('_')) {
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
+      }
+      if (path.startsWith('collections')) {
+        throw new Error(
+          `Invalid operation 'unset' for collection field '${path}', ignoring.`,
+        )
+      }
+      if (path.split(/\./g).length <= 2) {
+        throw new Error(
+          `Calling unset on depth <= 2 (path: ${path})  is not allowed`,
+        )
+      }
+      if (path.split(/\./g).length > 3) {
+        throw new Error(
+          `Calling unset on depth > 3 (path: ${path})  is not allowed`,
+        )
+      }
+      unset(this.prefsStorage, path)
+      this.prefsStorage._journal = [
+        ...this.prefsStorage._journal,
+        { operation: 'unset', path, args: [], timestamp: Date.now() },
+      ]
+      this.dirty = true
+    },
+    addCollectionPreference({ path, value }) {
+      if (path.startsWith('_')) {
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}'`,
+        )
+      }
+      if (path.startsWith('collections')) {
+        const collection = new Set(get(this.prefsStorage, path))
+        collection.add(value)
+        set(this.prefsStorage, path, [...collection])
+      }
+      this.prefsStorage._journal = [
+        ...this.prefsStorage._journal,
+        {
+          operation: 'addToCollection',
+          path,
+          args: [value],
+          timestamp: Date.now(),
+        },
+      ]
+      this.dirty = true
+    },
+    removeCollectionPreference({ path, value }) {
+      if (path.startsWith('_')) {
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
+      }
+
+      const { _key } = value
+      if (path.startsWith('collection')) {
+        const collection = new Set(get(this.prefsStorage, path))
+        collection.delete(value)
+        set(this.prefsStorage, path, [...collection])
+
+        this.prefsStorage._journal = [
+          ...this.prefsStorage._journal,
+          {
+            operation: 'removeFromCollection',
+            path,
+            args: [value],
+            timestamp: Date.now(),
+          },
+        ]
+        this.dirty = true
+      }
+    },
+    reorderCollectionPreference({ path, value, movement }) {
+      if (path.startsWith('_')) {
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
+      }
+      const collection = get(this.prefsStorage, path)
+      const newCollection = _moveItemInArray(collection, value, movement)
+      set(this.prefsStorage, path, newCollection)
+      this.prefsStorage._journal = [
+        ...this.prefsStorage._journal,
+        {
+          operation: 'arrangeCollection',
+          path,
+          args: [value],
+          timestamp: Date.now(),
+        },
+      ]
+      this.dirty = true
+    },
+    updateCache({ username }) {
+      this.prefsStorage._journal = _mergeJournal(this.prefsStorage._journal)
+      this.cache = _wrapData(
+        {
+          flagStorage: toRaw(this.flagStorage),
+          prefsStorage: toRaw(this.prefsStorage),
+        },
+        username,
+      )
+    },
+    clearSyncConfig() {
+      const blankState = { ...cloneDeep(defaultState) }
+      Object.keys(this).forEach((k) => {
+        this[k] = blankState[k]
+      })
+      this.flagStorage.reset = COMMAND_WIPE_JOURNAL_AND_STORAGE
+    },
+    async initSyncConfig(userData) {
+      const live = userData.storage
+      this.raw = live
+      let cache = this.cache
+      if (cache?._user !== userData.fqn) {
+        console.warn(
+          'Cache belongs to another user! reinitializing local cache!',
+        )
+        cache = null
+      }
+
+      let { recent, stale, needUpload } = _getRecentData(cache, live)
+
+      const userNew = userData.created_at > NEW_USER_DATE
+      const flagsTemplate = userNew ? newUserFlags : defaultState.flagStorage
+      let dirty = false
+
+      if (recent === null) {
+        console.debug(
+          `Data is empty, initializing for ${userNew ? 'new' : 'existing'} user`,
+        )
+        recent = _wrapData({
+          flagStorage: { ...flagsTemplate },
+          prefsStorage: { ...defaultState.prefsStorage },
+        })
+      }
+
+      recent = recent && (await _doMigrations(recent, this.setPreference))
+      stale = stale && (await _doMigrations(stale, this.setPreference))
+
+      // Various migrations
+      console.debug('Migrating from old config')
+      const vuexState = (await storage.getItem('vuex-lz')) ?? {}
+      vuexState.config = vuexState.config ?? {}
+
+      const migratedEntries = new Set(vuexState.config._syncMigration ?? [])
+      console.debug(
+        `Already migrated Values: ${[...migratedEntries].join() || '[none]'}`,
+      )
+
+      Object.entries(oldDefaultConfigSync).forEach(([key, value]) => {
+        const oldValue = vuexState.config[key]
+        const defaultValue = value
+
+        const present = oldValue !== undefined
+        const migrated = migratedEntries.has(key)
+        const different = !isEqual(oldValue, defaultValue)
+
+        if (present && !migrated && different) {
+          console.debug(`Migrating config ${key}: ${oldValue}`)
+          if (key === 'theme3hacks') {
+            useLocalConfigStore().set({
+              path: 'fontInterface',
+              value: oldValue.fonts.interface,
+            })
+            useLocalConfigStore().set({
+              path: 'fontInput',
+              value: oldValue.fonts.input,
+            })
+            useLocalConfigStore().set({
+              path: 'fontPost',
+              value: oldValue.fonts.post,
+            })
+            useLocalConfigStore().set({
+              path: 'fontMonospace',
+              value: oldValue.fonts.monospace,
+            })
+            useLocalConfigStore().set({
+              path: 'underlay',
+              value: oldValue.underlay,
+            })
+          } else {
+            this.setPreference({ path: `simple.${key}`, value: oldValue })
+          }
+          migratedEntries.add(key)
+          needUpload = true
+        }
+      })
+
+      vuexState.config._syncMigration = [...migratedEntries]
+      storage.setItem('vuex-lz', vuexState)
+
+      if (!needUpload && recent && stale) {
+        console.debug('Checking if data needs merging...')
+        // discarding timestamps and versions
+        const { _timestamp: _0, _version: _1, ...recentData } = recent
+        const { _timestamp: _2, _version: _3, ...staleData } = stale
+        dirty = sum(recentData) !== sum(staleData)
+        console.debug(`Data ${dirty ? 'needs' : "doesn't need"} merging`)
+      }
+
+      const allFlagKeys = _getAllFlags(recent, stale)
+      let totalFlags
+      let totalPrefs
+      if (dirty) {
+        // Merge the flags
+        console.debug('Merging the data...')
+        totalFlags = _mergeFlags(recent, stale, allFlagKeys)
+        _verifyPrefs(recent)
+        _verifyPrefs(stale)
+        totalPrefs = _mergePrefs(recent.prefsStorage, stale.prefsStorage)
+      } else {
+        totalFlags = recent.flagStorage
+        totalPrefs = recent.prefsStorage
+      }
+
+      totalPrefs = _resetPrefs(totalPrefs, totalFlags)
+      totalFlags = _resetFlags(totalFlags)
+
+      recent.flagStorage = { ...flagsTemplate, ...totalFlags }
+      recent.prefsStorage = { ...defaultState.prefsStorage, ...totalPrefs }
+
+      this.dirty = dirty || needUpload
+      this.cache = recent
+      // set local timestamp to smaller one if we don't have any changes
+      if (stale && recent && !this.dirty) {
+        this.cache._timestamp = Math.min(stale._timestamp, recent._timestamp)
+      }
+      this.flagStorage = this.cache.flagStorage
+      this.prefsStorage = this.cache.prefsStorage
+      this.pushSyncConfig()
+      console.log('C', this.cache)
+    },
+    pushSyncConfig({ force = false } = {}) {
+      const needPush = this.dirty || force
+      if (!needPush) return
+      this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
+      const params = { pleroma_settings_store: { 'pleroma-fe': this.cache } }
+      window.vuex.state.api.backendInteractor.updateProfileJSON({ params })
+    },
+  },
+  persist: {
+    afterLoad(state) {
+      return state
+    },
+  },
+})
diff --git a/src/stores/user_highlight.js b/src/stores/user_highlight.js
new file mode 100644
index 000000000..924fd4899
--- /dev/null
+++ b/src/stores/user_highlight.js
@@ -0,0 +1,359 @@
+import {
+  merge as _merge,
+  clamp,
+  clone,
+  cloneDeep,
+  findLastIndex,
+  flatten,
+  get,
+  groupBy,
+  isEqual,
+  takeRight,
+  uniqWith,
+} from 'lodash'
+import { defineStore } from 'pinia'
+import { toRaw } from 'vue'
+
+import { storage } from 'src/lib/storage.js'
+
+export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
+
+export const defaultState = {
+  // do we need to update data on server?
+  dirty: false,
+  highlight: {
+    _journal: [],
+  },
+  // raw data
+  raw: null,
+  // local cache
+  cache: null,
+}
+
+export const _moveItemInArray = (array, value, movement) => {
+  const oldIndex = array.indexOf(value)
+  const newIndex = oldIndex + movement
+  const newArray = [...array]
+  // remove old
+  newArray.splice(oldIndex, 1)
+  // add new
+  newArray.splice(clamp(newIndex, 0, newArray.length + 1), 0, value)
+  return newArray
+}
+
+const _wrapData = (data, userName) => {
+  return {
+    ...data,
+    _user: userName,
+    _timestamp: Date.now(),
+  }
+}
+
+const _checkValidity = (data) => data._timestamp > 0
+
+const _verifyHighlights = (state) => {
+  state.highlight = state.highlight || {}
+
+  // Simple
+  Object.entries(defaultState.highlight).forEach(([k, v]) => {
+    if (typeof v === 'undefined') return
+    if (typeof v === 'object') return
+    console.warn(`User highlight ${k} is invalid type ${typeof v}, unsetting`)
+    delete state.highlight[k]
+  })
+}
+
+export const _getRecentData = (cache, live, isTest) => {
+  const result = { recent: null, stale: null, needUpload: false }
+  const cacheValid = _checkValidity(cache || {})
+  const liveValid = _checkValidity(live || {})
+  if (!liveValid && cacheValid) {
+    result.needUpload = true
+    console.debug(
+      '[HIGHLIGHT] Nothing valid stored on server, assuming cache to be source of truth',
+    )
+    result.recent = cache
+    result.stale = live
+  } else if (!cacheValid && liveValid) {
+    console.debug(
+      '[HIGHLIGHT] Valid storage on server found, no local cache found, using live as source of truth',
+    )
+    result.recent = live
+    result.stale = cache
+  } else if (cacheValid && liveValid) {
+    console.debug(
+      '[HIGHLIGHT] Both sources have valid data, figuring things out...',
+    )
+    if (live._timestamp === cache._timestamp) {
+      console.debug(
+        '[HIGHLIGHT] Same timestamp on both sources, source of truth irrelevant',
+      )
+      result.recent = cache
+      result.stale = live
+    } else {
+      console.debug(
+        '[HIGHLIGHT] Different timestamp, figuring out which one is more recent',
+      )
+      if (live._timestamp < cache._timestamp) {
+        result.recent = cache
+        result.stale = live
+      } else {
+        result.recent = live
+        result.stale = cache
+      }
+    }
+  } else {
+    console.debug('[HIGHLIGHT] Both sources are invalid, start from scratch')
+    result.needUpload = true
+  }
+
+  const merge = (a, b) => {
+    return {
+      _user: a._user ?? b._user,
+      _timestamp: a._timestamp ?? b._timestamp,
+      needUpload: b.needUpload ?? a.needUpload,
+      highlight: _merge(cloneDeep(a.highlight), b.highlight),
+    }
+  }
+
+  result.recent = isTest
+    ? result.recent
+    : result.recent && merge(defaultState, result.recent)
+
+  result.stale = isTest
+    ? result.stale
+    : result.stale && merge(defaultState, result.stale)
+
+  return result
+}
+
+const _mergeJournal = (...journals) => {
+  // Ignore invalid journal entries
+  const allJournals = flatten(
+    journals.map((j) => (Array.isArray(j) ? j : [])),
+  ).filter(
+    (entry) =>
+      Object.hasOwn(entry, 'user') &&
+      Object.hasOwn(entry, 'operation') &&
+      Object.hasOwn(entry, 'args') &&
+      Object.hasOwn(entry, 'timestamp'),
+  )
+  const grouped = groupBy(allJournals, 'user')
+  const trimmedGrouped = Object.entries(grouped).map(([user, journal]) => {
+    // side effect
+    journal.sort((a, b) => (a.timestamp > b.timestamp ? 1 : -1))
+
+    return takeRight(journal)
+  })
+  return flatten(trimmedGrouped).sort((a, b) =>
+    a.timestamp > b.timestamp ? 1 : -1,
+  )
+}
+
+export const _mergeHighlights = (recent, stale) => {
+  if (!stale) return recent
+  if (!recent) return stale
+  const { _journal: recentJournal, ...recentHighlight } = recent
+  const { _journal: staleJournal } = stale
+  console.log(recentHighlight)
+  /** Journal entry format:
+   * user: user to entry in highlight storage
+   * timestamp: timestamp of the change
+   * operation: operation type
+   * arguments: array of arguments, depends on operation type
+   *
+   * currently only supported operation type is "set" which just sets the value
+   * to requested one. Intended only to be used with simple preferences (boolean, number)
+   */
+  const resultHighlight = { ...recentHighlight }
+  const Journal = _mergeJournal(staleJournal, recentJournal)
+  Journal.forEach(({ user, operation, args }) => {
+    if (user.startsWith('_')) {
+      throw new Error(
+        `journal contains entry to edit internal (starts with _) field '${user}', something is incorrect here, ignoring.`,
+      )
+    }
+    switch (operation) {
+      case 'set':
+        resultHighlight[user] = args[0]
+        break
+      case 'unset':
+        delete resultHighlight[user]
+        break
+      default:
+        return console.error(`Unknown journal operation: '${operation}'`)
+    }
+  })
+  return { ...resultHighlight, _journal: Journal }
+}
+
+export const useUserHighlightStore = defineStore('user_highlight', {
+  state() {
+    return cloneDeep(defaultState)
+  },
+  actions: {
+    setAndSave({ user, value }) {
+      this.set({ user, value })
+      this.pushHighlight()
+    },
+    unsetAndSave({ user }) {
+      this.unset({ user })
+      this.pushHighlight()
+    },
+    get(user) {
+      const present = this.highlight[user] || {}
+      return {
+        user,
+        type: 'disabled',
+        color: '#FFFFFF',
+        ...present,
+      }
+    },
+    set({ user, value }) {
+      if (user.startsWith('_')) {
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${user}', ignoring.`,
+        )
+      }
+      const oldValue = this.highlight[user]
+      const newValue = {
+        user,
+        ...oldValue,
+        ...value,
+      }
+      this.highlight[user] = newValue
+      this.highlight._journal = [
+        ...this.highlight._journal,
+        { operation: 'set', user, args: [newValue], timestamp: Date.now() },
+      ]
+      this.dirty = true
+    },
+    unset({ user, value }) {
+      if (user.startsWith('_')) {
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${user}', ignoring.`,
+        )
+      }
+      delete this.highlight[user]
+      this.highlight._journal = [
+        ...this.highlight._journal,
+        { operation: 'unset', user, args: [], timestamp: Date.now() },
+      ]
+      this.dirty = true
+    },
+    updateCache({ username }) {
+      this.highlight._journal = _mergeJournal(this.highlight._journal)
+      this.cache = _wrapData(
+        {
+          highlight: toRaw(this.highlight),
+        },
+        username,
+      )
+    },
+    clearSyncConfig() {
+      const blankState = { ...cloneDeep(defaultState) }
+      Object.keys(this).forEach((k) => {
+        this[k] = blankState[k]
+      })
+    },
+    clearJournals() {
+      this.highlight._journal = []
+      this.cache.highlight._journal = []
+      this.raw.highlight._journal = []
+      this.pushSyncConfig()
+    },
+    async initUserHighlight(userData) {
+      const live = userData.user_highlight
+      this.raw = live
+      let cache = this.cache
+      if (cache?._user !== userData.fqn) {
+        console.warn(
+          'Cache belongs to another user! reinitializing local cache!',
+        )
+        cache = null
+      }
+
+      let { recent, stale, needUpload } = _getRecentData(cache, live)
+
+      const userNew = userData.created_at > NEW_USER_DATE
+      let dirty = false
+
+      const vuexState = (await storage.getItem('vuex-lz')) ?? {}
+      vuexState.config = vuexState.config ?? {}
+      const highlight = vuexState.config.highlight ?? {}
+
+      Object.entries(highlight).forEach(([user, value]) => {
+        if ((highlight[user]._migrated || 0) < 1) {
+          dirty = true
+          needUpload = true
+          this.set({ user, value: clone(value) })
+          vuexState.config.highlight[user]._migrated = 1
+          console.debug(
+            `[HIGHLIGHT] Migrating user ${user}: ${JSON.stringify(value)}`,
+          )
+        }
+      })
+      storage.setItem('vuex-lz', vuexState)
+
+      if (recent === null) {
+        console.debug(
+          `[HIGHLIGHT] Data is empty, initializing for ${userNew ? 'new' : 'existing'} user`,
+        )
+        recent = _wrapData({
+          highlight: { ...defaultState.highlight },
+        })
+      }
+
+      if (!needUpload && recent && stale) {
+        console.debug('[HIGHLIGHT] Checking if data needs merging...')
+        // discarding timestamps
+        const { _timestamp: _0, ...recentData } = recent
+        const { _timestamp: _2, ...staleData } = stale
+        dirty = !isEqual(recentData, staleData)
+        console.debug(
+          `[HIGHLIGHT] Data ${dirty ? 'needs' : "doesn't need"} merging`,
+        )
+      }
+
+      let highlights
+      if (dirty) {
+        console.debug('[HIGHLIGHT] Merging the data...')
+        _verifyHighlights(recent)
+        _verifyHighlights(stale)
+        highlights = _mergeHighlights(recent.highlight, stale.highlight)
+      } else {
+        highlights = recent.highlight
+      }
+
+      recent.highlight = { ...defaultState.highlight, ...highlights }
+
+      this.dirty = dirty || needUpload
+      this.cache = recent
+      // set local timestamp to smaller one if we don't have any changes
+      if (stale && recent && !this.dirty) {
+        this.cache._timestamp = Math.min(stale._timestamp, recent._timestamp)
+      }
+      console.log('CACHE', this.cache)
+      this.highlight = this.cache.highlight
+    },
+    pushHighlight({ force = false } = {}) {
+      const needPush = this.dirty || force
+      if (!needPush) return
+      this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
+      const params = {
+        pleroma_settings_store: { user_highlight: this.cache },
+      }
+      window.vuex.state.api.backendInteractor
+        .updateProfileJSON({ params })
+        .then((user) => {
+          this.initUserHighlight(user)
+          this.dirty = false
+        })
+    },
+  },
+  persist: {
+    afterLoad(state) {
+      return state
+    },
+  },
+})
diff --git a/src/sw.js b/src/sw.js
index 834c68e7f..1e7abd3de 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,11 +1,15 @@
 /* eslint-env serviceworker */
 
 import 'virtual:pleroma-fe/service_worker_env'
-import { storage } from 'src/lib/storage.js'
-import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
-import { shouldCache, cacheKey, emojiCacheKey } from './services/sw/sw.js'
+
 import { createI18n } from 'vue-i18n'
+
+import { storage } from 'src/lib/storage.js'
+import { INSTANCE_DEFAULT_CONFIG } from 'src/modules/default_config_state.js'
+import { parseNotification } from 'src/services/entity_normalizer/entity_normalizer.service.js'
+import { prepareNotificationObject } from 'src/services/notification_utils/notification_utils.js'
+import { cacheKey, emojiCacheKey, shouldCache } from 'src/services/sw/sw.js'
+
 // Collects all messages for service workers
 // Needed because service workers cannot use dynamic imports
 // See /build/sw_plugin.js for more information
@@ -15,26 +19,31 @@ const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
   locale: 'en',
   fallbackLocale: 'en',
-  messages
+  messages,
 })
 
 const state = {
   lastFocused: null,
   notificationIds: new Set(),
-  allowedNotificationTypes: null
+  allowedNotificationTypes: null,
 }
 
-function getWindowClients () {
-  return clients.matchAll({ includeUncontrolled: true })
+function getWindowClients() {
+  return clients
+    .matchAll({ includeUncontrolled: true })
     .then((clientList) => clientList.filter(({ type }) => type === 'window'))
 }
 
 const setSettings = async () => {
-  const vuexState = await storage.getItem('vuex-lz')
-  const locale = vuexState.config.interfaceLanguage || 'en'
+  const piniaState = await storage.getItem('pinia-local-sync_config')
+  const locale = piniaState.prefsStorage.simple.interfaceLanguage || 'en'
   i18n.locale = locale
-  const notificationsNativeArray = Object.entries(vuexState.config.notificationNative)
-  state.webPushAlwaysShowNotifications = vuexState.config.webPushAlwaysShowNotifications
+  const notificationsNativeArray = Object.entries(
+    piniaState.prefsStorage.simple.notificationNative ||
+      INSTANCE_DEFAULT_CONFIG.notificationNative,
+  )
+  state.webPushAlwaysShowNotifications =
+    piniaState.prefsStorage.simple.webPushAlwaysShowNotifications
 
   state.allowedNotificationTypes = new Set(
     notificationsNativeArray
@@ -62,7 +71,7 @@ const setSettings = async () => {
           default:
             return k
         }
-      })
+      }),
   )
 }
 
@@ -74,13 +83,18 @@ const showPushNotification = async (event) => {
     const data = event.data.json()
 
     const url = `${self.registration.scope}api/v1/notifications/${data.notification_id}`
-    const notification = await fetch(url, { headers: { Authorization: 'Bearer ' + data.access_token } })
+    const notification = await fetch(url, {
+      headers: { Authorization: 'Bearer ' + data.access_token },
+    })
     const notificationJson = await notification.json()
     const parsedNotification = parseNotification(notificationJson)
 
     const res = prepareNotificationObject(parsedNotification, i18n)
 
-    if (state.webPushAlwaysShowNotifications || state.allowedNotificationTypes.has(parsedNotification.type)) {
+    if (
+      state.webPushAlwaysShowNotifications ||
+      state.allowedNotificationTypes.has(parsedNotification.type)
+    ) {
       return self.registration.showNotification(res.title, res)
     }
   }
@@ -88,7 +102,7 @@ const showPushNotification = async (event) => {
 }
 
 const cacheFiles = self.serviceWorkerOption.assets
-const isEmoji = req => {
+const isEmoji = (req) => {
   if (req.method !== 'GET') {
     return false
   }
@@ -96,14 +110,14 @@ const isEmoji = req => {
 
   return url.pathname.startsWith('/emoji/')
 }
-const isNotMedia = req => {
+const isNotMedia = (req) => {
   if (req.method !== 'GET') {
     return false
   }
   const url = new URL(req.url)
   return !url.pathname.startsWith('/media/')
 }
-const isAsset = req => {
+const isAsset = (req) => {
   const url = new URL(req.url)
   return cacheFiles.includes(url.pathname)
 }
@@ -112,7 +126,7 @@ const isSuccessful = (resp) => {
   if (!resp.ok) {
     return false
   }
-  if ((new URL(resp.url)).pathname === '/index.html') {
+  if (new URL(resp.url).pathname === '/index.html') {
     // For index.html itself, there is no fallback possible.
     return true
   }
@@ -123,41 +137,52 @@ const isSuccessful = (resp) => {
 
 self.addEventListener('install', async (event) => {
   if (shouldCache) {
-    event.waitUntil((async () => {
-      // Do not preload i18n and emoji annotations to speed up loading
-      const shouldPreload = (route) => {
-        return !route.startsWith('/static/js/i18n/') && !route.startsWith('/static/js/emoji-annotations/')
-      }
-      const cache = await caches.open(cacheKey)
-      await Promise.allSettled(cacheFiles.filter(shouldPreload).map(async (route) => {
-        // https://developer.mozilla.org/en-US/docs/Web/API/Cache/add
-        // originally we used addAll() but it will raise a problem in one edge case:
-        // when the file for the route is not found, backend will return index.html with code 200
-        // but it's wrong, and it's cached, so we end up with a bad cache.
-        // this can happen when you refresh when you are in the process of upgrading
-        // the frontend.
-        const resp = await fetch(route)
-        if (isSuccessful(resp)) {
-          await cache.put(route, resp)
+    event.waitUntil(
+      (async () => {
+        // Do not preload i18n and emoji annotations to speed up loading
+        const shouldPreload = (route) => {
+          return (
+            !route.startsWith('/static/js/i18n/') &&
+            !route.startsWith('/static/js/emoji-annotations/')
+          )
         }
-      }))
-    })())
+        const cache = await caches.open(cacheKey)
+        await Promise.allSettled(
+          cacheFiles.filter(shouldPreload).map(async (route) => {
+            // https://developer.mozilla.org/en-US/docs/Web/API/Cache/add
+            // originally we used addAll() but it will raise a problem in one edge case:
+            // when the file for the route is not found, backend will return index.html with code 200
+            // but it's wrong, and it's cached, so we end up with a bad cache.
+            // this can happen when you refresh when you are in the process of upgrading
+            // the frontend.
+            const resp = await fetch(route)
+            if (isSuccessful(resp)) {
+              await cache.put(route, resp)
+            }
+          }),
+        )
+      })(),
+    )
   }
 })
 
 self.addEventListener('activate', async (event) => {
   if (shouldCache) {
-    event.waitUntil((async () => {
-      const cache = await caches.open(cacheKey)
-      const keys = await cache.keys()
-      await Promise.all(
-        keys.filter(request => {
-          const url = new URL(request.url)
-          const shouldKeep = cacheFiles.includes(url.pathname)
-          return !shouldKeep
-        }).map(k => cache.delete(k))
-      )
-    })())
+    event.waitUntil(
+      (async () => {
+        const cache = await caches.open(cacheKey)
+        const keys = await cache.keys()
+        await Promise.all(
+          keys
+            .filter((request) => {
+              const url = new URL(request.url)
+              const shouldKeep = cacheFiles.includes(url.pathname)
+              return !shouldKeep
+            })
+            .map((k) => cache.delete(k)),
+        )
+      })(),
+    )
   }
 })
 
@@ -188,66 +213,86 @@ self.addEventListener('message', async (event) => {
     const { id, all } = content
     const search = all ? null : { tag: id }
     const notifications = await self.registration.getNotifications(search)
-    notifications.forEach(n => n.close())
+    notifications.forEach((n) => n.close())
   }
 
   if (type === 'updateFocus') {
     state.lastFocused = event.source.id
 
     const notifications = await self.registration.getNotifications()
-    notifications.forEach(n => n.close())
+    notifications.forEach((n) => n.close())
   }
 })
 
 self.addEventListener('notificationclick', (event) => {
   event.notification.close()
 
-  event.waitUntil(getWindowClients().then((list) => {
-    for (let i = 0; i < list.length; i++) {
-      const client = list[i]
-      client.postMessage({ type: 'notificationClicked', id: event.notification.tag })
-    }
-
-    for (let i = 0; i < list.length; i++) {
-      const client = list[i]
-      if (state.lastFocused === null || client.id === state.lastFocused) {
-        if ('focus' in client) return client.focus()
+  event.waitUntil(
+    getWindowClients().then((list) => {
+      for (let i = 0; i < list.length; i++) {
+        const client = list[i]
+        client.postMessage({
+          type: 'notificationClicked',
+          id: event.notification.tag,
+        })
       }
-    }
 
-    if (clients.openWindow) return clients.openWindow('/')
-  }))
+      for (let i = 0; i < list.length; i++) {
+        const client = list[i]
+        if (state.lastFocused === null || client.id === state.lastFocused) {
+          if ('focus' in client) return client.focus()
+        }
+      }
+
+      if (clients.openWindow) return clients.openWindow('/')
+    }),
+  )
 })
 
 self.addEventListener('fetch', (event) => {
   // Do not mess up with remote things
-  const isSameOrigin = (new URL(event.request.url)).origin === self.location.origin
-  if (shouldCache && event.request.method === 'GET' && isSameOrigin && isNotMedia(event.request)) {
+  const isSameOrigin =
+    new URL(event.request.url).origin === self.location.origin
+  if (
+    shouldCache &&
+    event.request.method === 'GET' &&
+    isSameOrigin &&
+    isNotMedia(event.request)
+  ) {
     // this is a bit spammy
     // console.debug('[Service worker] fetch:', event.request.url)
-    event.respondWith((async () => {
-      const r = await caches.match(event.request)
-      const isEmojiReq = isEmoji(event.request)
+    event.respondWith(
+      (async () => {
+        const r = await caches.match(event.request)
+        const isEmojiReq = isEmoji(event.request)
 
-      if (r && isSuccessful(r)) {
-        console.debug('[Service worker] already cached:', event.request.url)
-        return r
-      }
-
-      try {
-        const response = await fetch(event.request)
-        if (response.ok &&
-            isSuccessful(response) &&
-            (isEmojiReq || isAsset(event.request))) {
-          console.debug(`[Service worker] caching ${isEmojiReq ? 'emoji' : 'asset'}:`, event.request.url)
-          const cache = await caches.open(isEmojiReq ? emojiCacheKey : cacheKey)
-          await cache.put(event.request.clone(), response.clone())
+        if (r && isSuccessful(r)) {
+          console.debug('[Service worker] already cached:', event.request.url)
+          return r
         }
-        return response
-      } catch (e) {
-        console.error('[Service worker] error when caching emoji:', e)
-        throw e
-      }
-    })())
+
+        try {
+          const response = await fetch(event.request)
+          if (
+            response.ok &&
+            isSuccessful(response) &&
+            (isEmojiReq || isAsset(event.request))
+          ) {
+            console.debug(
+              `[Service worker] caching ${isEmojiReq ? 'emoji' : 'asset'}:`,
+              event.request.url,
+            )
+            const cache = await caches.open(
+              isEmojiReq ? emojiCacheKey : cacheKey,
+            )
+            await cache.put(event.request.clone(), response.clone())
+          }
+          return response
+        } catch (e) {
+          console.error('[Service worker] error when caching emoji:', e)
+          throw e
+        }
+      })(),
+    )
   }
 })
diff --git a/test/e2e-playwright/playwright.config.mjs b/test/e2e-playwright/playwright.config.mjs
new file mode 100644
index 000000000..04747ee77
--- /dev/null
+++ b/test/e2e-playwright/playwright.config.mjs
@@ -0,0 +1,50 @@
+/* global process */
+import { defineConfig, devices } from 'playwright/test'
+
+const baseURL = process.env.E2E_BASE_URL || 'http://localhost:8080'
+
+export default defineConfig({
+  testDir: './specs',
+  // Paths are resolved relative to this config file directory.
+  outputDir: 'test-results',
+  timeout: 60_000,
+  expect: {
+    timeout: 10_000,
+  },
+  retries: process.env.CI ? 1 : 0,
+  reporter: process.env.CI
+    ? [['line'], ['html', { outputFolder: 'playwright-report', open: 'never' }]]
+    : [
+        ['list'],
+        ['html', { outputFolder: 'playwright-report', open: 'never' }],
+      ],
+  use: {
+    baseURL,
+    screenshot: 'only-on-failure',
+    trace: 'on-first-retry',
+    video: 'retain-on-failure',
+  },
+  webServer: {
+    command: 'yarn dev -- --host 0.0.0.0 --port 8080 --strictPort',
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+    env: {
+      ...process.env,
+      VITE_PROXY_TARGET:
+        process.env.VITE_PROXY_TARGET || 'http://localhost:4000',
+      VITE_PROXY_ORIGIN:
+        process.env.VITE_PROXY_ORIGIN ||
+        process.env.VITE_PROXY_TARGET ||
+        'http://localhost:4000',
+    },
+  },
+  projects: [
+    {
+      name: 'firefox',
+      use: {
+        ...devices['Desktop Firefox'],
+      },
+    },
+  ],
+})
diff --git a/test/e2e-playwright/specs/admin_smoke.spec.js b/test/e2e-playwright/specs/admin_smoke.spec.js
new file mode 100644
index 000000000..01fd38b29
--- /dev/null
+++ b/test/e2e-playwright/specs/admin_smoke.spec.js
@@ -0,0 +1,27 @@
+/* global process */
+import { expect, test } from 'playwright/test'
+
+const adminUsername = process.env.E2E_ADMIN_USERNAME || 'admin'
+const adminPassword = process.env.E2E_ADMIN_PASSWORD || 'adminadmin'
+
+test('admin can open the admin settings modal', async ({ page }) => {
+  await page.goto('/login')
+
+  const loginForm = page.locator('#main-scroller form.login-form')
+  await loginForm.locator('#username').fill(adminUsername)
+  await loginForm.locator('#password').fill(adminPassword)
+  await loginForm.getByRole('button', { name: 'Log in' }).click()
+
+  await page.waitForURL(/\/main\/friends/)
+
+  await expect(page.getByTitle('Administration')).toBeVisible()
+  await page.getByTitle('Administration').click()
+
+  const modal = page.locator('.settings-modal-panel')
+  await expect(
+    modal.getByRole('heading', { name: 'Administration' }),
+  ).toBeVisible()
+
+  await modal.getByRole('tab', { name: 'Emoji' }).click()
+  await expect(modal.getByText('Emoji packs')).toBeVisible()
+})
diff --git a/test/e2e-playwright/specs/user_smoke.spec.js b/test/e2e-playwright/specs/user_smoke.spec.js
new file mode 100644
index 000000000..a71378c06
--- /dev/null
+++ b/test/e2e-playwright/specs/user_smoke.spec.js
@@ -0,0 +1,90 @@
+import { randomUUID } from 'node:crypto'
+import { expect, test } from 'playwright/test'
+
+const createTestUser = () => {
+  const id = randomUUID().slice(0, 8)
+  return {
+    username: `e2e_${id}`,
+    fullname: `E2E ${id}`,
+    email: `e2e_${id}@example.com`,
+    password: 'e2e-password',
+  }
+}
+
+const register = async (page, user) => {
+  await page.goto('/registration')
+
+  const registrationForm = page.locator('#main-scroller form.registration-form')
+  await registrationForm.locator('#sign-up-username').fill(user.username)
+  await registrationForm.locator('#sign-up-fullname').fill(user.fullname)
+  await registrationForm.locator('#email').fill(user.email)
+  await registrationForm.locator('#sign-up-password').fill(user.password)
+  await registrationForm
+    .locator('#sign-up-password-confirmation')
+    .fill(user.password)
+  await Promise.all([
+    page.waitForURL(/\/main\/friends/),
+    registrationForm.getByRole('button', { name: 'Register' }).click(),
+  ])
+}
+
+const logout = async (page) => {
+  await page.getByTitle('Log out').click()
+  const confirmLogout = page.getByRole('button', {
+    name: 'Logout',
+    exact: true,
+  })
+  if (await confirmLogout.isVisible()) {
+    await Promise.all([
+      page.waitForURL(/\/main\/(public|all)/),
+      confirmLogout.click(),
+    ])
+  } else {
+    await page.waitForURL(/\/main\/(public|all)/)
+  }
+
+  await expect(page.locator('#sidebar form.login-form')).toBeVisible()
+}
+
+const login = async (page, user) => {
+  await page.goto('/login')
+
+  const loginForm = page.locator('#main-scroller form.login-form')
+  await loginForm.locator('#username').fill(user.username)
+  await loginForm.locator('#password').fill(user.password)
+  await loginForm.getByRole('button', { name: 'Log in' }).click()
+
+  await page.waitForURL(/\/main\/friends/)
+}
+
+test('user can register, log out, and log back in', async ({ page }) => {
+  const user = createTestUser()
+  await register(page, user)
+  await expect(page.getByTitle('Log out')).toBeVisible()
+
+  await logout(page)
+
+  await login(page, user)
+  await expect(page.getByTitle('Log out')).toBeVisible()
+})
+
+test('user can post a status', async ({ page }) => {
+  const user = createTestUser()
+  await register(page, user)
+
+  const statusText = `Hello from ${user.username} (${randomUUID().slice(0, 8)})`
+  const composer = page.locator('#sidebar .user-panel .post-status-form')
+  await composer.locator('textarea.form-post-body').fill(statusText)
+  await Promise.all([
+    page.waitForResponse(
+      (resp) =>
+        resp.request().method() === 'POST' &&
+        resp.url().includes('/api/v1/statuses') &&
+        resp.ok(),
+    ),
+    composer.getByRole('button', { name: 'Post', exact: true }).click(),
+  ])
+
+  await page.goto(`/users/${user.username}`)
+  await expect(page.getByText(statusText)).toBeVisible()
+})
diff --git a/test/e2e/custom-assertions/elementCount.js b/test/e2e/custom-assertions/elementCount.js
index 5d5a57b9b..a35c2fc07 100644
--- a/test/e2e/custom-assertions/elementCount.js
+++ b/test/e2e/custom-assertions/elementCount.js
@@ -17,10 +17,14 @@ exports.assertion = function (selector, count) {
   }
   this.command = function (cb) {
     const self = this
-    return this.api.execute(function (selector) {
-      return document.querySelectorAll(selector).length
-    }, [selector], function (res) {
-      cb.call(self, res)
-    })
+    return this.api.execute(
+      function (selector) {
+        return document.querySelectorAll(selector).length
+      },
+      [selector],
+      function (res) {
+        cb.call(self, res)
+      },
+    )
   }
 }
diff --git a/test/e2e/nightwatch.conf.js b/test/e2e/nightwatch.conf.js
index fdd2fda29..6dfc0c1df 100644
--- a/test/e2e/nightwatch.conf.js
+++ b/test/e2e/nightwatch.conf.js
@@ -13,8 +13,8 @@ module.exports = {
     host: '127.0.0.1',
     port: 4444,
     cli_args: {
-      'webdriver.chrome.driver': require('chromedriver').path
-    }
+      'webdriver.chrome.driver': require('chromedriver').path,
+    },
   },
 
   test_settings: {
@@ -23,24 +23,25 @@ module.exports = {
       selenium_host: 'localhost',
       silent: true,
       globals: {
-        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
-      }
+        devServerURL:
+          'http://localhost:' + (process.env.PORT || config.dev.port),
+      },
     },
 
     chrome: {
       desiredCapabilities: {
         browserName: 'chrome',
         javascriptEnabled: true,
-        acceptSslCerts: true
-      }
+        acceptSslCerts: true,
+      },
     },
 
     firefox: {
       desiredCapabilities: {
         browserName: 'firefox',
         javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    }
-  }
+        acceptSslCerts: true,
+      },
+    },
+  },
 }
diff --git a/test/e2e/runner.js b/test/e2e/runner.js
index 57abc2e1e..33fcc322c 100644
--- a/test/e2e/runner.js
+++ b/test/e2e/runner.js
@@ -18,7 +18,9 @@ if (opts.indexOf('--env') === -1) {
 }
 
 const spawn = require('cross-spawn')
-const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+const runner = spawn('./node_modules/.bin/nightwatch', opts, {
+  stdio: 'inherit',
+})
 
 runner.on('exit', function (code) {
   server.close()
diff --git a/test/e2e/specs/test.js b/test/e2e/specs/test.js
index a7b1bd920..f8993989b 100644
--- a/test/e2e/specs/test.js
+++ b/test/e2e/specs/test.js
@@ -15,5 +15,5 @@ module.exports = {
       .assert.containsText('h1', 'Welcome to Your Vue.js App')
       .assert.elementCount('img', 1)
       .end()
-  }
+  },
 }
diff --git a/test/fixtures/mastoapi.json b/test/fixtures/mastoapi.json
index 887fb83e4..b6e251071 100644
--- a/test/fixtures/mastoapi.json
+++ b/test/fixtures/mastoapi.json
@@ -1,36 +1,37 @@
-[{
+[
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"14660\" href=\"https://pleroma.soykaf.com/users/sampo\">@<span>sampo</span></a></span> god i wish i was there",
     "created_at": "2019-01-17T16:29:23.000Z",
@@ -42,12 +43,14 @@
     "in_reply_to_id": "10423197",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "sampo@pleroma.soykaf.com",
         "id": "14660",
         "url": "https://pleroma.soykaf.com/users/sampo",
         "username": "sampo"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -60,41 +63,42 @@
     "url": "https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"982\" href=\"https://bikeshed.party/users/feld\">@<span>feld</span></a></span><br /><a href=\"https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm\">Jotaro - YES YES YES YES YES-sq…</a>",
     "created_at": "2019-01-17T16:29:12.000Z",
@@ -105,7 +109,8 @@
     "in_reply_to_account_id": "982",
     "in_reply_to_id": "10423446",
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
         "id": "1104859167",
         "preview_url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
@@ -113,13 +118,16 @@
         "text_url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
         "type": "video",
         "url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "feld@bikeshed.party",
         "id": "982",
         "url": "https://bikeshed.party/users/feld",
         "username": "feld"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -132,41 +140,42 @@
     "url": "https://shigusegubu.club/objects/6634d32b-96a8-4852-a3db-ac8730715779",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
     "created_at": "2019-01-17T16:28:49.000Z",
@@ -177,7 +186,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "scrot_17-01-19_18-16-40.png",
         "id": "-804793492",
         "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
@@ -185,81 +195,86 @@
         "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
         "type": "image",
         "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "sampo@pleroma.soykaf.com",
         "id": "14660",
         "url": "https://pleroma.soykaf.com/users/sampo",
         "username": "sampo"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "sampo@pleroma.soykaf.com",
-            "avatar": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
-            "avatar_static": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
-            "bot": false,
-            "created_at": "2018-04-02T21:19:46.000Z",
-            "display_name": "sampo",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 23,
-            "following_count": 7,
-            "header": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
-            "header_static": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
-            "id": "14660",
-            "locked": false,
-            "note": "welcome to binlan 🇫🇮 prööh",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 17647,
-            "url": "https://pleroma.soykaf.com/users/sampo",
-            "username": "sampo"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
-        "created_at": "2019-01-17T16:20:06.000Z",
+      "account": {
+        "acct": "sampo@pleroma.soykaf.com",
+        "avatar": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
+        "avatar_static": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
+        "bot": false,
+        "created_at": "2018-04-02T21:19:46.000Z",
+        "display_name": "sampo",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 7,
-        "id": "10423197",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": "scrot_17-01-19_18-16-40.png",
-            "id": "-804793492",
-            "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "remote_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "type": "image",
-            "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 2,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
-        "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 23,
+        "following_count": 7,
+        "header": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
+        "header_static": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
+        "id": "14660",
+        "locked": false,
+        "note": "welcome to binlan 🇫🇮 prööh",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 17647,
+        "url": "https://pleroma.soykaf.com/users/sampo",
+        "username": "sampo"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
+      "created_at": "2019-01-17T16:20:06.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 7,
+      "id": "10423197",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": "scrot_17-01-19_18-16-40.png",
+          "id": "-804793492",
+          "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "remote_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "type": "image",
+          "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 2,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
+      "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -271,41 +286,42 @@
     "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"982\" href=\"https://bikeshed.party/users/feld\">@<span>feld</span></a></span><br /><a href=\"https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm\">Uhh No.avi-Xrne2-gOoqU.webm</a>",
     "created_at": "2019-01-17T16:27:29.000Z",
@@ -316,7 +332,8 @@
     "in_reply_to_account_id": "982",
     "in_reply_to_id": "10423380",
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "Uhh No.avi-Xrne2-gOoqU.webm",
         "id": "483179103",
         "preview_url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm",
@@ -324,13 +341,16 @@
         "text_url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm",
         "type": "video",
         "url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "feld@bikeshed.party",
         "id": "982",
         "url": "https://bikeshed.party/users/feld",
         "username": "feld"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -343,41 +363,42 @@
     "url": "https://shigusegubu.club/objects/0f963ca1-a263-41ca-a43c-b5d26d0a08e9",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"16633\" href=\"https://social.super-niche.club/user/31\">@<span>fedebot</span></a></span> lewd",
     "created_at": "2019-01-17T16:17:46.000Z",
@@ -389,12 +410,14 @@
     "in_reply_to_id": "10423114",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "fedebot@social.super-niche.club",
         "id": "16633",
         "url": "https://social.super-niche.club/user/31",
         "username": "fedebot"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -407,41 +430,42 @@
     "url": "https://shigusegubu.club/objects/3f809bd8-656f-4a29-81d4-80eed6916eb0",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
     "created_at": "2019-01-17T14:20:42.000Z",
@@ -452,7 +476,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": null,
         "id": "1373175917",
         "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
@@ -460,133 +485,143 @@
         "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
         "type": "image",
         "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "fedebot@social.super-niche.club",
         "id": "16633",
         "url": "https://social.super-niche.club/user/31",
         "username": "fedebot"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "fedebot@social.super-niche.club",
-            "avatar": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
-            "avatar_static": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
-            "bot": false,
-            "created_at": "2018-04-11T21:08:46.000Z",
-            "display_name": "Federation Bot",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 6,
-            "following_count": 135,
-            "header": "https://shigusegubu.club/images/banner.png",
-            "header_static": "https://shigusegubu.club/images/banner.png",
-            "id": "16633",
-            "locked": false,
-            "note": "",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 6335,
-            "url": "https://social.super-niche.club/user/31",
-            "username": "fedebot"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
-        "created_at": "2019-01-17T14:11:08.000Z",
+      "account": {
+        "acct": "fedebot@social.super-niche.club",
+        "avatar": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
+        "avatar_static": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
+        "bot": false,
+        "created_at": "2018-04-11T21:08:46.000Z",
+        "display_name": "Federation Bot",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 4,
-        "id": "10419912",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": null,
-            "id": "1373175917",
-            "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "remote_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "type": "image",
-            "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 3,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [{
-            "name": "animeirl",
-            "url": "/tag/animeirl"
-        }],
-        "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
-        "url": "https://social.super-niche.club/notice/2353002",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 6,
+        "following_count": 135,
+        "header": "https://shigusegubu.club/images/banner.png",
+        "header_static": "https://shigusegubu.club/images/banner.png",
+        "id": "16633",
+        "locked": false,
+        "note": "",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 6335,
+        "url": "https://social.super-niche.club/user/31",
+        "username": "fedebot"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
+      "created_at": "2019-01-17T14:11:08.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 4,
+      "id": "10419912",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": null,
+          "id": "1373175917",
+          "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "remote_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "type": "image",
+          "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 3,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [
+        {
+          "name": "animeirl",
+          "url": "/tag/animeirl"
+        }
+      ],
+      "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
+      "url": "https://social.super-niche.club/notice/2353002",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
     "replies_count": 0,
     "sensitive": false,
     "spoiler_text": "",
-    "tags": [{
+    "tags": [
+      {
         "name": "animeirl",
         "url": "/tag/animeirl"
-    }],
+      }
+    ],
     "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
     "url": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
     "created_at": "2019-01-17T14:13:36.000Z",
@@ -597,7 +632,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "image.png",
         "id": "-948580066",
         "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
@@ -605,86 +641,93 @@
         "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
         "type": "image",
         "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "ivesen@miniwa.moe",
         "id": "39686",
         "url": "https://miniwa.moe/users/ivesen",
         "username": "ivesen"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "ivesen@miniwa.moe",
-            "avatar": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
-            "avatar_static": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
-            "bot": false,
-            "created_at": "2018-09-08T17:55:27.000Z",
-            "display_name": "tsumiki :bun:",
-            "emojis": [{
-                "shortcode": "bun",
-                "static_url": "https://miniwa.moe/emoji/custom/bun.png",
-                "url": "https://miniwa.moe/emoji/custom/bun.png",
-                "visible_in_picker": false
-            }],
-            "fields": [],
-            "followers_count": 8,
-            "following_count": 3,
-            "header": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
-            "header_static": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
-            "id": "39686",
-            "locked": false,
-            "note": "native resident of the black lizard planet trying to understand hoomanslocated near niflheimr xmpp: ivesen@xmpp.xyz | matrix: no | email: anything you could imagine @ ivesen.moe",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 13174,
-            "url": "https://miniwa.moe/users/ivesen",
-            "username": "ivesen"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
-        "created_at": "2019-01-17T13:41:35.000Z",
-        "emojis": [],
-        "favourited": false,
-        "favourites_count": 3,
-        "id": "10418865",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": "image.png",
-            "id": "-948580066",
-            "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "remote_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "type": "image",
-            "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 6,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
-        "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
-        "visibility": "public",
+      "account": {
+        "acct": "ivesen@miniwa.moe",
+        "avatar": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
+        "avatar_static": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
+        "bot": false,
+        "created_at": "2018-09-08T17:55:27.000Z",
+        "display_name": "tsumiki :bun:",
+        "emojis": [
+          {
+            "shortcode": "bun",
+            "static_url": "https://miniwa.moe/emoji/custom/bun.png",
+            "url": "https://miniwa.moe/emoji/custom/bun.png",
+            "visible_in_picker": false
+          }
+        ],
+        "fields": [],
+        "followers_count": 8,
+        "following_count": 3,
+        "header": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
+        "header_static": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
+        "id": "39686",
+        "locked": false,
+        "note": "native resident of the black lizard planet trying to understand hoomanslocated near niflheimr xmpp: ivesen@xmpp.xyz | matrix: no | email: anything you could imagine @ ivesen.moe",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 13174,
+        "url": "https://miniwa.moe/users/ivesen",
+        "username": "ivesen"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
+      "created_at": "2019-01-17T13:41:35.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 3,
+      "id": "10418865",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": "image.png",
+          "id": "-948580066",
+          "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "remote_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "type": "image",
+          "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 6,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
+      "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -696,50 +739,53 @@
     "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"570\" href=\"https://social.sakamoto.gq/users/eal\">@<span>eal</span></a></span> thanks, alex jacobson :denton:",
     "created_at": "2019-01-17T14:12:42.000Z",
-    "emojis": [{
+    "emojis": [
+      {
         "shortcode": "denton",
         "static_url": "https://shigusegubu.club/emoji/sgsgb/denton.png",
         "url": "https://shigusegubu.club/emoji/sgsgb/denton.png",
         "visible_in_picker": false
-    }],
+      }
+    ],
     "favourited": false,
     "favourites_count": 0,
     "id": "10419752",
@@ -747,12 +793,14 @@
     "in_reply_to_id": "10419729",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "eal@social.sakamoto.gq",
         "id": "570",
         "url": "https://social.sakamoto.gq/users/eal",
         "username": "eal"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -765,41 +813,42 @@
     "url": "https://shigusegubu.club/objects/38b1bc44-15d8-40dd-b1aa-937e0ff4a86d",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"4395\" href=\"https://blovice.bahnhof.cz/users/pony\">@<span>pony</span></a></span> yeah",
     "created_at": "2019-01-17T14:11:01.000Z",
@@ -811,12 +860,14 @@
     "in_reply_to_id": "10419694",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "pony@blovice.bahnhof.cz",
         "id": "4395",
         "url": "https://blovice.bahnhof.cz/users/pony",
         "username": "pony"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -829,41 +880,42 @@
     "url": "https://shigusegubu.club/objects/fbff5da4-a517-42a9-bca9-17cae8cf2542",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "i probably shouldn't be watchng 4-hour stream vods of joel playing doom",
     "created_at": "2019-01-17T14:10:34.000Z",
@@ -888,41 +940,42 @@
     "url": "https://shigusegubu.club/objects/4007d659-27c6-4577-be10-fd134f5e4e7e",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "i got out of bed.",
     "created_at": "2019-01-17T14:10:18.000Z",
@@ -947,41 +1000,42 @@
     "url": "https://shigusegubu.club/objects/59912d51-1cc6-4dc7-828c-f167e6c8b391",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "New day!",
     "created_at": "2019-01-17T13:25:56.000Z",
@@ -1006,41 +1060,42 @@
     "url": "https://shigusegubu.club/objects/62690bce-3f49-4047-9c8e-8941f2f79e10",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"27194\" href=\"https://queer.hacktivis.me/users/lanodan\">@<span>lanodan</span></a></span> you either use nvidia-blob or don't use nvidia. Unless it's a very VERY old GPU.",
     "created_at": "2019-01-16T22:21:10.000Z",
@@ -1052,12 +1107,14 @@
     "in_reply_to_id": "10394997",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lanodan@queer.hacktivis.me",
         "id": "27194",
         "url": "https://queer.hacktivis.me/users/lanodan",
         "username": "lanodan"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1070,41 +1127,42 @@
     "url": "https://shigusegubu.club/objects/818f3dd0-2ff8-4def-a170-e4d4c405f387",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"58\" href=\"https://pleroma.soykaf.com/users/lain\">@<span>lain</span></a></span> <br />1. 🔪<br />2. trigger trypophobia<br />3. sprinkle with spices<br />4. pee on it<br />5. pat pat<br />6. blanket time<br />7. bring in the cocaine<br />8. ?????????????<br />9. ???? hitler ???????<br />10. ???????????<br />11. ???? Adobe After Effects ????<br />12. !!!!!!!!!!!!!!BREAK IT!!!!!!!!!!!<br />13. !!!kindar suprize!!<br />14. (time skip for two hours, realisation that using cocaine was a bad idea)<br />15. (still not over from cocaine)<br />16. куличики! Плов, огурцы, это еще что бля<br />17. fuck it, play it cool, just put meat on the mounds<br />18. note to self: never use cocaine in culinary ever again",
     "created_at": "2019-01-16T22:20:50.000Z",
@@ -1116,12 +1174,14 @@
     "in_reply_to_id": "10394990",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1134,41 +1194,42 @@
     "url": "https://shigusegubu.club/objects/0783a193-c097-488d-8944-47df9372cd6e",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"55339\" href=\"https://pleroma.site/users/cathode\">@<span>cathode</span></a></span> me too",
     "created_at": "2019-01-16T22:09:28.000Z",
@@ -1180,12 +1241,14 @@
     "in_reply_to_id": "10394677",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cathode@pleroma.site",
         "id": "55339",
         "url": "https://pleroma.site/users/cathode",
         "username": "cathode"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1198,41 +1261,42 @@
     "url": "https://shigusegubu.club/objects/145d5252-7b8e-467d-9f36-1db0818f452f",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "I love pleroma and lain",
     "created_at": "2019-01-16T22:09:24.000Z",
@@ -1244,72 +1308,74 @@
     "in_reply_to_id": null,
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cathode@pleroma.site",
         "id": "55339",
         "url": "https://pleroma.site/users/cathode",
         "username": "cathode"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "cathode@pleroma.site",
-            "avatar": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
-            "avatar_static": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
-            "bot": false,
-            "created_at": "2018-12-14T21:47:14.000Z",
-            "display_name": "gay hug bug loves you",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 0,
-            "following_count": 0,
-            "header": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
-            "header_static": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
-            "id": "55339",
-            "locked": false,
-            "note": "he/him but you can call me anything really<br /><br />welcome to my profile :333<br /><br /><a href=\"https://cathode.neocities.org/\">https://cathode.neocities.org/</a>",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 16,
-            "url": "https://pleroma.site/users/cathode",
-            "username": "cathode"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "I love pleroma and lain",
-        "created_at": "2019-01-16T22:08:50.000Z",
+      "account": {
+        "acct": "cathode@pleroma.site",
+        "avatar": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
+        "avatar_static": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
+        "bot": false,
+        "created_at": "2018-12-14T21:47:14.000Z",
+        "display_name": "gay hug bug loves you",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 4,
-        "id": "10394677",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 2,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
-        "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 0,
+        "following_count": 0,
+        "header": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
+        "header_static": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
+        "id": "55339",
+        "locked": false,
+        "note": "he/him but you can call me anything really<br /><br />welcome to my profile :333<br /><br /><a href=\"https://cathode.neocities.org/\">https://cathode.neocities.org/</a>",
         "pleroma": {
-            "local": true
-        }
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 16,
+        "url": "https://pleroma.site/users/cathode",
+        "username": "cathode"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "I love pleroma and lain",
+      "created_at": "2019-01-16T22:08:50.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 4,
+      "id": "10394677",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 2,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
+      "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -1321,41 +1387,42 @@
     "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"58\" href=\"https://pleroma.soykaf.com/users/lain\">@<span>lain</span></a></span> that trick he does in the very beginning with that smile oh my god",
     "created_at": "2019-01-16T22:08:15.000Z",
@@ -1367,12 +1434,14 @@
     "in_reply_to_id": "10394582",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1385,41 +1454,42 @@
     "url": "https://shigusegubu.club/objects/d4eb7c46-02f9-4b1f-83af-926cefa21f33",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": ".",
     "created_at": "2019-01-16T22:08:01.000Z",
@@ -1430,7 +1500,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": null,
         "id": "-1089888084",
         "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
@@ -1438,81 +1509,86 @@
         "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
         "type": "video",
         "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "lain@pleroma.soykaf.com",
-            "avatar": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
-            "avatar_static": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
-            "bot": false,
-            "created_at": "2017-12-17T22:26:31.000Z",
-            "display_name": "you're looking at an ace",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 29,
-            "following_count": 1389,
-            "header": "https://pleroma.soykaf.com/images/banner.png",
-            "header_static": "https://pleroma.soykaf.com/images/banner.png",
-            "id": "58",
-            "locked": false,
-            "note": "blushy-crushy fediverse idol + pleroma dev.<br />let's be friends <br />ぷれろまの生徒会長。謎の外人。日本語OK. <br />公主病.<br />I invented the internet.<br />xmpp: lain@trashserver.net<br />matrix: lambadalambda@matrix.heldscal.la<br />pgp: 58B48DE582EE103C964735A1F9C6698E14CCE33C",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 35042,
-            "url": "https://pleroma.soykaf.com/users/lain",
-            "username": "lain"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": ".",
-        "created_at": "2019-01-16T22:06:35.000Z",
+      "account": {
+        "acct": "lain@pleroma.soykaf.com",
+        "avatar": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
+        "avatar_static": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
+        "bot": false,
+        "created_at": "2017-12-17T22:26:31.000Z",
+        "display_name": "you're looking at an ace",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 2,
-        "id": "10394582",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": null,
-            "id": "-1089888084",
-            "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "remote_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "type": "video",
-            "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 1,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
-        "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 29,
+        "following_count": 1389,
+        "header": "https://pleroma.soykaf.com/images/banner.png",
+        "header_static": "https://pleroma.soykaf.com/images/banner.png",
+        "id": "58",
+        "locked": false,
+        "note": "blushy-crushy fediverse idol + pleroma dev.<br />let's be friends <br />ぷれろまの生徒会長。謎の外人。日本語OK. <br />公主病.<br />I invented the internet.<br />xmpp: lain@trashserver.net<br />matrix: lambadalambda@matrix.heldscal.la<br />pgp: 58B48DE582EE103C964735A1F9C6698E14CCE33C",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 35042,
+        "url": "https://pleroma.soykaf.com/users/lain",
+        "username": "lain"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": ".",
+      "created_at": "2019-01-16T22:06:35.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 2,
+      "id": "10394582",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": null,
+          "id": "-1089888084",
+          "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "remote_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "type": "video",
+          "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 1,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
+      "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -1524,41 +1600,42 @@
     "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"17544\" href=\"https://iscute.moe/users/proxeus\">@<span>proxeus</span></a></span> good song",
     "created_at": "2019-01-16T22:04:23.000Z",
@@ -1570,12 +1647,14 @@
     "in_reply_to_id": "10393849",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "proxeus@iscute.moe",
         "id": "17544",
         "url": "https://iscute.moe/users/proxeus",
         "username": "proxeus"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1588,41 +1667,42 @@
     "url": "https://shigusegubu.club/objects/f472f4ed-8b0b-492f-9d53-d69eda79629d",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"60913\" href=\"https://shigusegubu.club/users/cdmnky\">@<span>cdmnky</span></a></span> olivia been repeating \"hey i moved\" post like once every day or so",
     "created_at": "2019-01-16T21:56:05.000Z",
@@ -1634,12 +1714,14 @@
     "in_reply_to_id": "10393808",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cdmnky",
         "id": "60913",
         "url": "https://shigusegubu.club/users/cdmnky",
         "username": "cdmnky"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1652,6 +1734,7 @@
     "url": "https://shigusegubu.club/objects/d6fb4fd2-1f6a-4446-a1a6-5edd34050096",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}]
+  }
+]
diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index 3f9e72955..03fb01a64 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -1,6 +1,6 @@
-import { test as testBase } from 'vitest'
+import { HttpResponse, http } from 'msw'
 import { setupWorker } from 'msw/browser'
-import { http, HttpResponse } from 'msw'
+import { test as testBase } from 'vitest'
 
 // https://mswjs.io/docs/recipes/vitest-browser-mode
 export const injectMswToTest = (defaultHandlers) => {
@@ -8,6 +8,7 @@ export const injectMswToTest = (defaultHandlers) => {
 
   return testBase.extend({
     worker: [
+      // biome-ignore lint: required by vitest
       async ({}, use) => {
         await worker.start()
 
@@ -17,8 +18,8 @@ export const injectMswToTest = (defaultHandlers) => {
         worker.stop()
       },
       {
-        auto: true
-      }
+        auto: true,
+      },
     ],
   })
 }
@@ -29,34 +30,44 @@ export const authApis = [
   http.post(`${testServer}/api/v1/apps`, () => {
     return HttpResponse.json({
       client_id: 'test-id',
-      client_secret: 'test-secret'
+      client_secret: 'test-secret',
     })
   }),
   http.get(`${testServer}/api/v1/apps/verify_credentials`, ({ request }) => {
     const authHeader = request.headers.get('Authorization')
-    if (authHeader === 'Bearer test-app-token' ||
-        authHeader === 'Bearer also-good-app-token') {
+    if (
+      authHeader === 'Bearer test-app-token' ||
+      authHeader === 'Bearer also-good-app-token'
+    ) {
       return HttpResponse.json({})
     } else {
       // Pleroma 2.9.0 gives the following respoonse upon error
-      return HttpResponse.json({ error: { detail: 'Internal server error' } }, {
-        status: 400
-      })
+      return HttpResponse.json(
+        { error: { detail: 'Internal server error' } },
+        {
+          status: 400,
+        },
+      )
     }
   }),
   http.post(`${testServer}/oauth/token`, async ({ request }) => {
     const data = await request.formData()
 
-    if (data.get('client_id') === 'test-id' &&
-       data.get('client_secret') === 'test-secret' &&
-       data.get('grant_type') === 'client_credentials' &&
-       data.has('redirect_uri')) {
+    if (
+      data.get('client_id') === 'test-id' &&
+      data.get('client_secret') === 'test-secret' &&
+      data.get('grant_type') === 'client_credentials' &&
+      data.has('redirect_uri')
+    ) {
       return HttpResponse.json({ access_token: 'test-app-token' })
     } else {
       // Pleroma 2.9.0 gives the following respoonse upon error
-      return HttpResponse.json({ error: 'Invalid credentials' }, {
-        status: 400
-      })
+      return HttpResponse.json(
+        { error: 'Invalid credentials' },
+        {
+          status: 400,
+        },
+      )
     }
-  })
+  }),
 ]
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 3bfdf0fca..b3380834c 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -1,8 +1,9 @@
-import { createStore } from 'vuex'
 import { cloneDeep } from 'lodash'
+import { createStore } from 'vuex'
+
 import vuexModules from 'src/modules/index.js'
 
-const tweakModules = modules => {
+const tweakModules = (modules) => {
   const res = {}
   Object.entries(modules).forEach(([name, module]) => {
     const m = { ...module }
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6da2e4c9d..02c49eb60 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,35 +1,44 @@
 import { config } from '@vue/test-utils'
-import { createRouter, createMemoryHistory } from 'vue-router'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
-import routes from 'src/boot/routes'
+
 import makeMockStore from './mock_store'
 
-export const $t = msg => msg
-const $i18n = { t: msg => msg }
+import routes from 'src/boot/routes'
+
+export const $t = (msg) => msg
+const $i18n = { t: (msg) => msg }
 
 const applyAfterStore = (store, afterStore) => {
   afterStore(store)
   return store
 }
 
-const getDefaultOpts = ({ afterStore = () => {} } = {}) => ({
+const getDefaultOpts = ({
+  afterStore = () => {
+    /* no-op */
+  },
+} = {}) => ({
   global: {
     plugins: [
       applyAfterStore(makeMockStore(), afterStore),
       VueVirtualScroller,
       createRouter({
         history: createMemoryHistory(),
-        routes: routes({ state: {
-          users: {
-            currentUser: {}
+        routes: routes({
+          state: {
+            users: {
+              currentUser: {},
+            },
+            instance: {},
           },
-          instance: {}
-        }})
+        }),
       }),
-      (Vue) => { Vue.directive('body-scroll-lock', {}) }
+      (Vue) => {
+        Vue.directive('body-scroll-lock', {})
+      },
     ],
-    components: {
-    },
+    components: {},
     stubs: {
       I18nT: true,
       teleport: true,
@@ -38,23 +47,23 @@ const getDefaultOpts = ({ afterStore = () => {} } = {}) => ({
     },
     mocks: {
       $t,
-      $i18n
-    }
-  }
+      $i18n,
+    },
+  },
 })
 
 // https://github.com/vuejs/vue-test-utils/issues/960
 const customBehaviors = () => {
-  const filterByText = keyword => {
-    const match = keyword instanceof RegExp
-          ? (target) => target && keyword.test(target)
-          : (target) => keyword === target
+  const filterByText = (keyword) => {
+    const match =
+      keyword instanceof RegExp
+        ? (target) => target && keyword.test(target)
+        : (target) => keyword === target
 
-    return wrapper => (
+    return (wrapper) =>
       match(wrapper.text()) ||
-        match(wrapper.attributes('aria-label')) ||
-        match(wrapper.attributes('title'))
-    )
+      match(wrapper.attributes('aria-label')) ||
+      match(wrapper.attributes('title'))
   }
 
   return {
@@ -64,12 +73,10 @@ const customBehaviors = () => {
         .at(0)
     },
     findByText(searchedElement, text) {
-      return this.findAll(searchedElement)
-        .filter(filterByText(text))
-        .at(0)
+      return this.findAll(searchedElement).filter(filterByText(text)).at(0)
     },
-  };
-};
+  }
+}
 
 config.plugins.VueWrapper.install(customBehaviors)
 
@@ -79,12 +86,14 @@ export const mountOpts = (allOpts = {}) => {
   const mergedOpts = {
     ...opts,
     global: {
-      ...defaultOpts.global
-    }
+      ...defaultOpts.global,
+    },
   }
 
   if (opts.global) {
-    mergedOpts.global.plugins = mergedOpts.global.plugins.concat(opts.global.plugins || [])
+    mergedOpts.global.plugins = mergedOpts.global.plugins.concat(
+      opts.global.plugins || [],
+    )
     Object.entries(opts.global).forEach(([k, v]) => {
       if (k === 'plugins') {
         return
@@ -104,10 +113,11 @@ export const mountOpts = (allOpts = {}) => {
 }
 
 // https://stackoverflow.com/questions/78033718/how-can-i-wait-for-an-emitted-event-of-a-mounted-component-in-vue-test-utils
-export const waitForEvent = (wrapper, event, {
-  timeout = 1000,
-  timesEmitted = 1
-} = {}) => {
+export const waitForEvent = (
+  wrapper,
+  event,
+  { timeout = 1000, timesEmitted = 1 } = {},
+) => {
   const tick = 10
 
   return vi.waitFor(
@@ -120,7 +130,7 @@ export const waitForEvent = (wrapper, event, {
     },
     {
       timeout,
-      interval: tick
-    }
+      interval: tick,
+    },
   )
 }
diff --git a/test/fixtures/statuses.json b/test/fixtures/statuses.json
index 227f55300..76faf9746 100644
--- a/test/fixtures/statuses.json
+++ b/test/fixtures/statuses.json
@@ -144,9 +144,7 @@
     "external_url": "https:\/\/sealion.club\/notice\/957950",
     "in_reply_to_profileurl": "https:\/\/shitposter.club\/moonman",
     "in_reply_to_ostatus_uri": "https:\/\/shitposter.club\/user\/1",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -229,9 +227,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339506",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -629,9 +625,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339502",
     "in_reply_to_profileurl": "https:\/\/gs.smuglo.li\/jimrusell01",
     "in_reply_to_ostatus_uri": "https:\/\/gs.smuglo.li\/user\/1987",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -806,9 +800,7 @@
     "external_url": "https:\/\/status.akionux.net\/notice\/359563",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -975,9 +967,7 @@
     "external_url": "https:\/\/gs.smuglo.li\/notice\/589590",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1046,9 +1036,7 @@
     "external_url": "https:\/\/shitposter.club\/notice\/773502",
     "in_reply_to_profileurl": "https:\/\/gs.smuglo.li\/jimrusell01",
     "in_reply_to_ostatus_uri": "https:\/\/gs.smuglo.li\/user\/1987",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -1131,9 +1119,7 @@
     "external_url": "https:\/\/gs.smuglo.li\/notice\/589587",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 2,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1224,9 +1210,7 @@
     "external_url": "https:\/\/shitposter.club\/notice\/773500",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1561,9 +1545,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339493",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index ff246d2b3..f4be28a65 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -1,17 +1,22 @@
-import routes from 'src/boot/routes'
-import { createRouter, createMemoryHistory } from 'vue-router'
+import { createTestingPinia } from '@pinia/testing'
+
+createTestingPinia()
+
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { createStore } from 'vuex'
 
+import routes from 'src/boot/routes'
+
 const store = createStore({
   state: {
-    instance: {}
-  }
+    instance: {},
+  },
 })
 
 describe('routes', () => {
   const router = createRouter({
     history: createMemoryHistory(),
-    routes: routes(store)
+    routes: routes(store),
   })
 
   it('root path', async () => {
@@ -19,26 +24,38 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('Timeline')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'Timeline',
+      ),
+    ).to.eql(true)
   })
 
-  it('user\'s profile', async () => {
+  it("user's profile", async () => {
     await router.push('/fake-user-name')
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('UserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
-  it('user\'s profile at /users', async () => {
+  it("user's profile at /users", async () => {
     await router.push('/users/fake-user-name')
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('UserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list view', async () => {
@@ -46,7 +63,12 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'ListsCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'ListsCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list timeline', async () => {
@@ -54,7 +76,12 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'Timeline',
+      ),
+    ).to.eql(true)
   })
 
   it('list edit', async () => {
@@ -62,6 +89,11 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'BasicUserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'BasicUserCard',
+      ),
+    ).to.eql(true)
   })
 })
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index b00f447cd..6abf2d75b 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -1,7 +1,12 @@
-import { mount, flushPromises } from '@vue/test-utils'
+import { createTestingPinia } from '@pinia/testing'
+import { flushPromises, mount } from '@vue/test-utils'
+import { setActivePinia } from 'pinia'
 import { nextTick } from 'vue'
+
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import { mountOpts, waitForEvent, $t } from '../../../fixtures/setup_test'
+import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
   caseFn(`${caseTitle} with auto-save`, function () {
@@ -14,10 +19,16 @@ const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
 }
 
 const saveManually = async (wrapper) => {
-  const morePostActions = wrapper.findByText('button', $t('post_status.more_post_actions'))
+  const morePostActions = wrapper.findByText(
+    'button',
+    $t('post_status.more_post_actions'),
+  )
   await morePostActions.trigger('click')
 
-  const btn = wrapper.findByText('button', $t('post_status.save_to_drafts_button'))
+  const btn = wrapper.findByText(
+    'button',
+    $t('post_status.save_to_drafts_button'),
+  )
   await btn.trigger('click')
 }
 
@@ -28,29 +39,39 @@ afterEach(() => {
 })
 
 describe('Draft saving', () => {
-  autoSaveOrNot(it, 'should save when the button is clicked', async (autoSave) => {
-    const wrapper = mount(PostStatusForm, mountOpts())
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: autoSave
-    })
-    expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
-
-    const textarea = wrapper.get('textarea')
-    await textarea.setValue('mew mew')
-
-    await saveManually(wrapper)
-    expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
-    expect(wrapper.vm.$store.getters.draftsArray[0].status).to.equal('mew mew')
+  beforeEach(() => {
+    setActivePinia(createTestingPinia())
   })
 
+  autoSaveOrNot(
+    it,
+    'should save when the button is clicked',
+    async (autoSave) => {
+      const wrapper = mount(PostStatusForm, mountOpts())
+      const store = useMergedConfigStore()
+      store.mergedConfig = {
+        autoSaveDraft: autoSave,
+      }
+      expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
+
+      const textarea = wrapper.get('textarea')
+      await textarea.setValue('mew mew')
+
+      await saveManually(wrapper)
+      expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
+      expect(wrapper.vm.$store.getters.draftsArray[0].status).to.equal(
+        'mew mew',
+      )
+    },
+  )
+
   it('should auto-save if it is enabled', async function () {
     vi.useFakeTimers()
     const wrapper = mount(PostStatusForm, mountOpts())
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: true
-    })
+    const store = useMergedConfigStore()
+    store.mergedConfig = {
+      autoSaveDraft: true,
+    }
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
@@ -62,15 +83,18 @@ describe('Draft saving', () => {
   })
 
   it('should auto-save when close if auto-save is on', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: true
-    })
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
+    const store = useMergedConfigStore()
+    store.mergedConfig = {
+      autoSaveDraft: true,
+    }
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
@@ -80,19 +104,19 @@ describe('Draft saving', () => {
   })
 
   it('should save when close if auto-save is off, and unsavedPostAction is save', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: false
-    })
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'unsavedPostAction',
-      value: 'save'
-    })
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
+    const store = useMergedConfigStore()
+    store.mergedConfig = {
+      autoSaveDraft: false,
+      unsavedPostAction: 'save',
+    }
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
@@ -102,19 +126,19 @@ describe('Draft saving', () => {
   })
 
   it('should discard when close if auto-save is off, and unsavedPostAction is discard', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: false
-    })
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'unsavedPostAction',
-      value: 'discard'
-    })
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
+    const store = useMergedConfigStore()
+    store.mergedConfig = {
+      autoSaveDraft: false,
+      unsavedPostAction: 'discard',
+    }
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
@@ -124,28 +148,31 @@ describe('Draft saving', () => {
   })
 
   it('should confirm when close if auto-save is off, and unsavedPostAction is confirm', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: false
-    })
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'unsavedPostAction',
-      value: 'confirm'
-    })
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
+    const store = useMergedConfigStore(createTestingPinia())
+    store.mergedConfig = {
+      autoSaveDraft: false,
+      unsavedPostAction: 'confirm',
+    }
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
     wrapper.vm.requestClose()
     await nextTick()
-    const saveButton = wrapper.findByText('button', $t('post_status.close_confirm_save_button'))
+    const saveButton = wrapper.findByText(
+      'button',
+      $t('post_status.close_confirm_save_button'),
+    )
     expect(saveButton).to.be.ok
     await saveButton.trigger('click')
-    console.log('clicked')
+    console.info('clicked')
     expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
     await flushPromises()
     await waitForEvent(wrapper, 'can-close')
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index 8f4a6c6f9..6a7c67fdb 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -1,48 +1,55 @@
-import { h } from 'vue'
+import { createTestingPinia } from '@pinia/testing'
 import { shallowMount } from '@vue/test-utils'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import vClickOutside from 'click-outside-vue3'
+import { h } from 'vue'
+
+createTestingPinia()
+
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const generateInput = (value, padEmoji = true) => {
   const wrapper = shallowMount(EmojiInput, {
     global: {
       renderStubDefaultSlot: true,
       mocks: {
-        $store: {
-          getters: {
-            mergedConfig: {
-              padEmoji
-            }
-          }
-        },
-        $t: (msg) => msg
+        $t: (msg) => msg,
       },
       stubs: {
         FAIcon: true,
         Popover: {
           template: `<div><slot trigger /></div>`,
           methods: {
-            updateStyles () {}
-          }
-        }
+            updateStyles() {
+              /* no-op */
+            },
+          },
+        },
       },
       directives: {
-        'click-outside': vClickOutside
-      }
+        'click-outside': vClickOutside,
+      },
     },
     props: {
       suggest: () => [],
       enableEmojiPicker: true,
-      modelValue: value
+      modelValue: value,
     },
     slots: {
-      default: () => h('input', '')
-    }
+      default: () => h('input', ''),
+    },
   })
   return wrapper
 }
 
 describe('EmojiInput', () => {
+  beforeEach(() => {
+    const store = useMergedConfigStore(createTestingPinia())
+    store.mergedConfig = {
+      padEmoji: true,
+    }
+  })
   describe('insertion mechanism', () => {
     it('inserts string at the end with trailing space', () => {
       const initialString = 'Testing'
@@ -85,7 +92,9 @@ describe('EmojiInput', () => {
       wrapper.setData({ caret: 6 })
       wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Spurdo :ebin: Sparde',
+      )
     })
 
     it('inserts string between words without creating extra spaces (other caret)', () => {
@@ -96,18 +105,26 @@ describe('EmojiInput', () => {
       wrapper.setData({ caret: 7 })
       wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Spurdo :ebin: Sparde',
+      )
     })
 
     it('inserts string without any padding if padEmoji setting is set to false', () => {
       const initialString = 'Eat some spam!'
       const wrapper = generateInput(initialString, false)
+      const store = useMergedConfigStore(createTestingPinia())
+      store.mergedConfig = {
+        padEmoji: false,
+      }
       const input = wrapper.find('input')
       input.setValue(initialString)
       wrapper.setData({ caret: initialString.length, keepOpen: false })
       wrapper.vm.insert({ insertion: ':spam:' })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Eat some spam!:spam:')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Eat some spam!:spam:',
+      )
     })
 
     it('correctly sets caret after insertion at beginning', async () => {
@@ -135,6 +152,10 @@ describe('EmojiInput', () => {
     it('correctly sets caret after insertion if padEmoji setting is set to false', async () => {
       const initialString = '1234'
       const wrapper = generateInput(initialString, false)
+      const store = useMergedConfigStore(createTestingPinia())
+      store.mergedConfig = {
+        padEmoji: false,
+      }
       const input = wrapper.find('input')
       input.setValue(initialString)
       wrapper.setData({ caret: initialString.length })
diff --git a/test/unit/specs/components/gallery.spec.js b/test/unit/specs/components/gallery.spec.js
index 3c92ae267..367bab0b4 100644
--- a/test/unit/specs/components/gallery.spec.js
+++ b/test/unit/specs/components/gallery.spec.js
@@ -21,256 +21,263 @@ describe('Gallery', () => {
 
   it('one audio attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' }
-      ]
+      attachments: [{ type: 'audio' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ type: 'audio' }] },
     ])
   })
 
   it('one image attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'image/png' }
-      ]
+      attachments: [{ type: 'image' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/png' }] }
+      { items: [{ type: 'image' }] },
     ])
   })
 
   it('one audio attachment and one image attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/png' }
-      ]
+      attachments: [{ type: 'audio' }, { type: 'image' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] }
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }] },
     ])
   })
 
   it('has "size" key set to "hide"', () => {
     let local
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' }
-      ],
-      size: 'hide'
+      attachments: [{ type: 'audio' }],
+      size: 'hide',
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { minimal: true, items: [{ type: 'audio' }] },
     ])
 
     local = {
       attachments: [
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' }
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'audio' },
+        { type: 'image' },
+        { type: 'audio' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
       ],
-      size: 'hide'
+      size: 'hide',
     }
 
     // When defining `size: hide`, the `items` aren't
     // grouped and `audio` isn't set
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'image/jpg' }] },
-      { minimal: true, items: [{ mimetype: 'image/png' }] },
-      { minimal: true, items: [{ mimetype: 'image/jpg' }] },
-      { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { minimal: true, items: [{ mimetype: 'image/png' }] },
-      { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { minimal: true, items: [{ mimetype: 'image/jpg' }] },
-      { minimal: true, items: [{ mimetype: 'image/png' }] },
-      { minimal: true, items: [{ mimetype: 'image/jpg' }] }
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'audio' }] },
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'audio' }] },
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'image' }] },
     ])
   })
 
   // types other than image or audio should be `minimal`
-  it('non-image/audio', () => {
+  it('non-image', () => {
     let local
     local = {
-      attachments: [
-        { mimetype: 'plain/text' }
-      ]
+      attachments: [{ type: 'plain' }],
     }
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'plain/text' }] }
+      { minimal: true, items: [{ type: 'plain' }] },
     ])
 
-    // No grouping of non-image/audio items
+    // No grouping of non-image items
     local = {
-      attachments: [
-        { mimetype: 'plain/text' },
-        { mimetype: 'plain/text' },
-        { mimetype: 'plain/text' }
-      ]
+      attachments: [{ type: 'plain' }, { type: 'plain' }, { type: 'plain' }],
     }
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'plain/text' }] },
-      { minimal: true, items: [{ mimetype: 'plain/text' }] },
-      { minimal: true, items: [{ mimetype: 'plain/text' }] }
+      { minimal: true, items: [{ type: 'plain' }] },
+      { minimal: true, items: [{ type: 'plain' }] },
+      { minimal: true, items: [{ type: 'plain' }] },
     ])
 
     local = {
       attachments: [
-        { mimetype: 'image/png' },
-        { mimetype: 'plain/text' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'audio/mpeg' }
-      ]
+        { type: 'image' },
+        { type: 'plain' },
+        { type: 'image' },
+        { type: 'audio' },
+      ],
     }
     // NOTE / TODO: When defining `size: hide`, the `items` aren't
     // grouped and `audio` isn't set
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/png' }] },
-      { minimal: true, items: [{ mimetype: 'plain/text' }] },
-      { items: [{ mimetype: 'image/jpg' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { items: [{ type: 'image' }] },
+      { minimal: true, items: [{ type: 'plain' }] },
+      { items: [{ type: 'image' }] },
+      { audio: true, items: [{ type: 'audio' }] },
     ])
   })
 
   it('mixed attachments', () => {
     local = {
       attachments: [
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/jpg' }
-      ]
+        { type: 'audio' },
+        { type: 'image' },
+        { type: 'audio' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }, { mimetype: 'image/jpg' }] }
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }] },
+      { audio: true, items: [{ type: 'audio' }] },
+      {
+        items: [
+          { type: 'image' },
+          { type: 'image' },
+          { type: 'image' },
+          { type: 'image' },
+        ],
+      },
     ])
 
     local = {
       attachments: [
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'audio/mpeg' }
-      ]
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'audio' },
+        { type: 'image' },
+        { type: 'audio' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { items: [{ mimetype: 'image/jpg' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      {
+        items: [{ type: 'image' }, { type: 'image' }, { type: 'image' }],
+      },
+      { items: [{ type: 'image' }] },
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }] },
+      { audio: true, items: [{ type: 'audio' }] },
     ])
 
     local = {
       attachments: [
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' }
-      ]
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+      ],
     }
 
     // Group by three-per-row, unless there's one dangling, then stick it on the end of the last row
-    // https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1785#note_98514
+    // https:/.pleroma.social-fe/-_requests#note_98514
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
+      {
+        items: [{ type: 'image' }, { type: 'image' }, { type: 'image' }],
+      },
+      {
+        items: [
+          { type: 'image' },
+          { type: 'image' },
+          { type: 'image' },
+          { type: 'image' },
+        ],
+      },
     ])
 
     local = {
       attachments: [
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' }
-      ]
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+        { type: 'image' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }] }
+      {
+        items: [{ type: 'image' }, { type: 'image' }, { type: 'image' }],
+      },
+      {
+        items: [{ type: 'image' }, { type: 'image' }, { type: 'image' }],
+      },
+      { items: [{ type: 'image' }, { type: 'image' }] },
     ])
   })
 
   it('does not do grouping when grid is set', () => {
     const attachments = [
-      { mimetype: 'audio/mpeg' },
-      { mimetype: 'image/png' },
-      { mimetype: 'audio/mpeg' },
-      { mimetype: 'image/jpg' },
-      { mimetype: 'image/png' },
-      { mimetype: 'image/jpg' },
-      { mimetype: 'image/jpg' }
+      { type: 'audio' },
+      { type: 'image' },
+      { type: 'audio' },
+      { type: 'image' },
+      { type: 'image' },
+      { type: 'image' },
+      { type: 'image' },
     ]
 
     local = { grid: true, attachments }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { grid: true, items: attachments }
+      { grid: true, items: attachments },
     ])
   })
 
   it('limit is set', () => {
     const attachments = [
-      { mimetype: 'audio/mpeg' },
-      { mimetype: 'image/png' },
-      { mimetype: 'image/jpg' },
-      { mimetype: 'audio/mpeg' },
-      { mimetype: 'image/jpg' }
+      { type: 'audio' },
+      { type: 'image' },
+      { type: 'image' },
+      { type: 'audio' },
+      { type: 'image' },
     ]
 
     let local
     local = { attachments, limit: 2 }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] }
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }] },
     ])
 
     local = { attachments, limit: 3 }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }, { type: 'image' }] },
     ])
 
     local = { attachments, limit: 4 }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ type: 'audio' }] },
+      { items: [{ type: 'image' }, { type: 'image' }] },
+      { audio: true, items: [{ type: 'audio' }] },
     ])
   })
 })
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 37d8bcbfa..fdf6c7f8f 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,4 +1,5 @@
 import { mount, shallowMount } from '@vue/test-utils'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 const attentions = []
@@ -8,15 +9,15 @@ const global = {
       state: {},
       getters: {
         mergedConfig: () => ({
-          mentionLinkShowTooltip: true
+          mentionLinkShowTooltip: true,
         }),
-        findUserByUrl: () => null
-      }
-    }
+        findUserByUrl: () => null,
+      },
+    },
   },
   stubs: {
-    FAIcon: true
-  }
+    FAIcon: true,
+  },
 }
 
 const makeMention = (who, noClass) => {
@@ -26,12 +27,14 @@ const makeMention = (who, noClass) => {
     : `<span class="h-card"><a class="u-url mention" href="https://fake.tld/@${who}">@<span>${who}</span></a></span>`
 }
 const p = (...data) => `<p>${data.join('')}</p>`
-const compwrap = (...data) => `<span class="RichContent">${data.join('')}</span>`
-const mentionsLine = (times) => [
-  '<mentions-line-stub mentions="',
-  new Array(times).fill('[object Object]').join(','),
-  '"></mentions-line-stub>'
-].join('')
+const compwrap = (...data) =>
+  `<span class="RichContent">${data.join('')}</span>`
+const mentionsLine = (times) =>
+  [
+    '<mentions-line-stub mentions="',
+    new Array(times).fill('[object Object]').join(','),
+    '"></mentions-line-stub>',
+  ].join('')
 
 describe('RichContent', () => {
   it('renders simple post without exploding', () => {
@@ -43,22 +46,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(html))
   })
 
   it('unescapes everything as needed', () => {
-    const html = [
-      p('Testing &#39;em all'),
-      'Testing &#39;em all'
-    ].join('')
-    const expected = [
-      p('Testing \'em all'),
-      'Testing \'em all'
-    ].join('')
+    const html = [p('Testing &#39;em all'), 'Testing &#39;em all'].join('')
+    const expected = [p("Testing 'em all"), "Testing 'em all"].join('')
     const wrapper = shallowMount(RichContent, {
       global,
       props: {
@@ -66,18 +63,15 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
   })
 
   it('replaces mention with mentionsline', () => {
-    const html = p(
-      makeMention('John'),
-      ' how are you doing today?'
-    )
+    const html = p(makeMention('John'), ' how are you doing today?')
     const wrapper = shallowMount(RichContent, {
       global,
       props: {
@@ -85,37 +79,30 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(p(
-      mentionsLine(1),
-      ' how are you doing today?'
-    )))
+    expect(wrapper.html().replace(/\n/g, '')).to.eql(
+      compwrap(p(mentionsLine(1), ' how are you doing today?')),
+    )
   })
 
   it('replaces mentions at the end of the hellpost', () => {
     const html = [
       p('How are you doing today, fine gentlemen?'),
-      p(
-        makeMention('John'),
-        makeMention('Josh'),
-        makeMention('Jeremy')
-      )
+      p(makeMention('John'), makeMention('Josh'), makeMention('Jeremy')),
     ].join('')
     const expected = [
-      p(
-        'How are you doing today, fine gentlemen?'
-      ),
+      p('How are you doing today, fine gentlemen?'),
       // TODO fix this extra line somehow?
       p(
         '<mentions-line-stub mentions="',
         '[object Object],',
         '[object Object],',
         '[object Object]',
-        '"></mentions-line-stub>'
-      )
+        '"></mentions-line-stub>',
+      ),
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -125,8 +112,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -134,26 +121,24 @@ describe('RichContent', () => {
 
   it('Does not touch links if link handling is disabled', () => {
     const html = [
-      [
-        makeMention('Jack'),
-        'let\'s meet up with ',
-        makeMention('Janet')
-      ].join(''),
-      [
-        makeMention('John'),
-        makeMention('Josh'), makeMention('Jeremy')
-      ].join('')
+      [makeMention('Jack'), "let's meet up with ", makeMention('Janet')].join(
+        '',
+      ),
+      [makeMention('John'), makeMention('Josh'), makeMention('Jeremy')].join(
+        '',
+      ),
     ].join('\n')
     const strippedHtml = [
       [
         makeMention('Jack', true),
-        'let\'s meet up with ',
-        makeMention('Janet', true)
+        "let's meet up with ",
+        makeMention('Janet', true),
       ].join(''),
       [
         makeMention('John', true),
-        makeMention('Josh', true), makeMention('Jeremy', true)
-      ].join('')
+        makeMention('Josh', true),
+        makeMention('Jeremy', true),
+      ].join(''),
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -163,21 +148,18 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(strippedHtml))
   })
 
   it('Adds greentext and cyantext to the post', () => {
-    const html = [
-      '&gt;preordering videogames',
-      '&gt;any year'
-    ].join('\n')
+    const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
     const expected = [
       '<span class="greentext">&gt;preordering videogames</span>',
-      '<span class="greentext">&gt;any year</span>'
+      '<span class="greentext">&gt;any year</span>',
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -187,18 +169,15 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
 
   it('Does not add greentext and cyantext if setting is set to false', () => {
-    const html = [
-      '&gt;preordering videogames',
-      '&gt;any year'
-    ].join('\n')
+    const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
 
     const wrapper = shallowMount(RichContent, {
       global,
@@ -207,8 +186,8 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(html))
@@ -218,7 +197,7 @@ describe('RichContent', () => {
     const html = p('Ebin :DDDD :spurdo:')
     const expected = p(
       'Ebin :DDDD ',
-      '<anonymous-stub src="about:blank" alt=":spurdo:" class="emoji img" title=":spurdo:"></anonymous-stub>'
+      '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>',
     )
 
     const wrapper = shallowMount(RichContent, {
@@ -228,14 +207,14 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [{ url: 'about:blank', shortcode: 'spurdo' }],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
   })
 
-  it('Doesn\'t add nonexistent emoji to post', () => {
+  it("Doesn't add nonexistent emoji to post", () => {
     const html = p('Lol :lol:')
 
     const wrapper = shallowMount(RichContent, {
@@ -245,8 +224,8 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(html))
@@ -257,13 +236,13 @@ describe('RichContent', () => {
       '&gt;quote',
       makeMention('lol'),
       '&gt;quote',
-      '&gt;quote'
+      '&gt;quote',
     ].join('\n')
     const expected = [
       '<span class="greentext">&gt;quote</span>',
       mentionsLine(1),
       '<span class="greentext">&gt;quote</span>',
-      '<span class="greentext">&gt;quote</span>'
+      '<span class="greentext">&gt;quote</span>',
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -273,8 +252,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(expected))
@@ -284,19 +263,10 @@ describe('RichContent', () => {
     const html = [
       'Bruh',
       'Bruh',
-      [
-        makeMention('foo'),
-        makeMention('bar'),
-        makeMention('baz')
-      ].join(''),
-      'Bruh'
-    ].join('<br>')
-    const expected = [
+      [makeMention('foo'), makeMention('bar'), makeMention('baz')].join(''),
       'Bruh',
-      'Bruh',
-      mentionsLine(3),
-      'Bruh'
     ].join('<br>')
+    const expected = ['Bruh', 'Bruh', mentionsLine(3), 'Bruh'].join('<br>')
 
     const wrapper = shallowMount(RichContent, {
       global,
@@ -305,8 +275,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -321,7 +291,7 @@ describe('RichContent', () => {
       '#nou</a>',
       ' <a class="hashtag" data-tag="screencap" href="https://shitposter.club/tag/screencap">',
       '#screencap</a>',
-      ' </p>'
+      ' </p>',
     ].join('')
     const expected = [
       '<p>',
@@ -331,7 +301,7 @@ describe('RichContent', () => {
       '</hashtag-link-stub>',
       ' <hashtag-link-stub url="https://shitposter.club/tag/screencap" content="#screencap" tag="screencap">',
       '</hashtag-link-stub>',
-      ' </p>'
+      ' </p>',
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -341,8 +311,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -359,11 +329,9 @@ describe('RichContent', () => {
         'lol.tld/</span>',
         '<span>',
         '</span>',
-        '</a>'
+        '</a>',
       ),
-      p(
-        'Testing'
-      )
+      p('Testing'),
     ].join('')
     const expected = [
       p(
@@ -378,11 +346,9 @@ describe('RichContent', () => {
         '</span>',
         '</a>',
         '</span>',
-        '</span>'
+        '</span>',
       ),
-      p(
-        'Testing'
-      )
+      p('Testing'),
     ].join('')
 
     const wrapper = mount(RichContent, {
@@ -392,11 +358,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '').replace(/<!--.*?-->/g, '')).to.eql(compwrap(expected))
+    expect(
+      wrapper
+        .html()
+        .replace(/\n/g, '')
+        .replace(/<!--.*?-->/g, ''),
+    ).to.eql(compwrap(expected))
   })
 
   it('rich contents of nested mentions are handled properly', () => {
@@ -422,7 +393,7 @@ describe('RichContent', () => {
       '</a>',
       ' ',
       '</span>',
-      'Testing'
+      'Testing',
     ].join('')
     const expected = [
       '<span>',
@@ -450,7 +421,7 @@ describe('RichContent', () => {
       '</span>',
       ' ',
       '</span>',
-      'Testing'
+      'Testing',
     ].join('')
 
     const wrapper = mount(RichContent, {
@@ -460,11 +431,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '').replace(/<!--.*?-->/g, '')).to.eql(compwrap(expected))
+    expect(
+      wrapper
+        .html()
+        .replace(/\n/g, '')
+        .replace(/<!--.*?-->/g, ''),
+    ).to.eql(compwrap(expected))
   })
 
   it('rich contents of a link are handled properly', () => {
@@ -480,7 +456,7 @@ describe('RichContent', () => {
       '<span>',
       '</span>',
       '</a>',
-      '</p>'
+      '</p>',
     ].join('')
     const expected = [
       '<p>',
@@ -494,7 +470,7 @@ describe('RichContent', () => {
       '<span>',
       '</span>',
       '</a>',
-      '</p>'
+      '</p>',
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -504,8 +480,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -525,7 +501,7 @@ describe('RichContent', () => {
       makeMention('Lain'),
       makeMention('Lain'),
       makeMention('Lain'),
-      ' i just landed in l a where are you'
+      ' i just landed in l a where are you',
     )
 
     const TestComponent = {
@@ -537,7 +513,7 @@ describe('RichContent', () => {
         ${new Array(amount).fill(`<div v-html="${onePost}"/>`)}
       </div>
       `,
-      props: ['handleLinks', 'attentions', 'vhtml']
+      props: ['handleLinks', 'attentions', 'vhtml'],
     }
 
     const ptest = (handleLinks, vhtml) => {
@@ -548,8 +524,8 @@ describe('RichContent', () => {
         props: {
           attentions,
           handleLinks,
-          vhtml
-        }
+          vhtml,
+        },
       })
 
       const t1 = performance.now()
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 022bcf393..8b198420b 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -1,43 +1,51 @@
 import { mount } from '@vue/test-utils'
 import { createStore } from 'vuex'
+
 import UserProfile from 'src/components/user_profile/user_profile.vue'
-import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
+
 import { getters } from 'src/modules/users.js'
+import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
 
 const mutations = {
-  clearTimeline: () => {}
+  clearTimeline: () => {
+    /* no-op */
+  },
 }
 
 const actions = {
-  fetchUser: () => {},
-  fetchUserByScreenName: () => {}
+  fetchUser: () => {
+    /* no-op */
+  },
+  fetchUserByScreenName: () => {
+    /* no-op */
+  },
 }
 
 const testGetters = {
-  findUser: state => getters.findUser(state.users),
-  findUserByName: state => getters.findUserByName(state.users),
-  relationship: state => getters.relationship(state.users),
+  findUser: (state) => getters.findUser(state.users),
+  findUserByName: (state) => getters.findUserByName(state.users),
+  relationship: (state) => getters.relationship(state.users),
   mergedConfig: () => ({
     colors: '',
     highlight: {},
     customTheme: {
-      colors: []
-    }
-  })
+      colors: [],
+    },
+  }),
 }
 
 const localUser = {
   id: 100,
   is_local: true,
   screen_name: 'testUser',
-  screen_name_ui: 'testUser'
+  screen_name_ui: 'testUser',
 }
 
 const extUser = {
   id: 100,
   is_local: false,
   screen_name: 'testUser@test.instance',
-  screen_name_ui: 'testUser@test.instance'
+  screen_name_ui: 'testUser@test.instance',
 }
 
 const externalProfileStore = createStore({
@@ -47,13 +55,13 @@ const externalProfileStore = createStore({
   state: {
     api: {
       fetchers: {},
-      backendInteractor: backendInteractorService('')
+      backendInteractor: backendInteractorService(''),
     },
     interface: {
-      browserSupport: ''
+      browserSupport: '',
     },
     instance: {
-      hideUserStats: true
+      hideUserStats: true,
     },
     statuses: {
       timelines: {
@@ -71,7 +79,7 @@ const externalProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
+          flushMarker: 0,
         },
         media: {
           statuses: [],
@@ -87,20 +95,20 @@ const externalProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
-        }
-      }
+          flushMarker: 0,
+        },
+      },
     },
     users: {
       currentUser: {
-        credentials: ''
+        credentials: '',
       },
       usersObject: { 100: extUser },
       usersByNameObject: {},
       users: [extUser],
-      relationships: {}
-    }
-  }
+      relationships: {},
+    },
+  },
 })
 
 const localProfileStore = createStore({
@@ -110,20 +118,20 @@ const localProfileStore = createStore({
   state: {
     api: {
       fetchers: {},
-      backendInteractor: backendInteractorService('')
+      backendInteractor: backendInteractorService(''),
     },
     interface: {
-      browserSupport: ''
+      browserSupport: '',
     },
     config: {
       colors: '',
       highlight: {},
       customTheme: {
-        colors: []
-      }
+        colors: [],
+      },
     },
     instance: {
-      hideUserStats: true
+      hideUserStats: true,
     },
     statuses: {
       timelines: {
@@ -141,7 +149,7 @@ const localProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
+          flushMarker: 0,
         },
         media: {
           statuses: [],
@@ -157,20 +165,20 @@ const localProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
-        }
-      }
+          flushMarker: 0,
+        },
+      },
     },
     users: {
       currentUser: {
-        credentials: ''
+        credentials: '',
       },
       usersObject: { 100: localUser },
       usersByNameObject: { testuser: localUser },
       users: [localUser],
-      relationships: {}
-    }
-  }
+      relationships: {},
+    },
+  },
 })
 
 // https://github.com/vuejs/test-utils/issues/1382
@@ -182,14 +190,16 @@ describe.skip('UserProfile', () => {
         mocks: {
           $route: {
             params: { id: 100 },
-            name: 'external-user-profile'
+            name: 'external-user-profile',
           },
-          $t: (msg) => msg
-        }
-      }
+          $t: (msg) => msg,
+        },
+      },
     })
 
-    expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser@test.instance')
+    expect(wrapper.find('.user-screen-name').text()).to.eql(
+      '@testUser@test.instance',
+    )
   })
 
   it('renders local profile', () => {
@@ -199,11 +209,11 @@ describe.skip('UserProfile', () => {
         mocks: {
           $route: {
             params: { name: 'testUser' },
-            name: 'user-profile'
+            name: 'user-profile',
           },
-          $t: (msg) => msg
-        }
-      }
+          $t: (msg) => msg,
+        },
+      },
     })
 
     expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser')
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index 95bbbc4b7..de7d92bd8 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -1,6 +1,7 @@
-import { setActivePinia, createPinia, defineStore } from 'pinia'
-import { createApp } from 'vue'
 import { flushPromises } from '@vue/test-utils'
+import { createPinia, defineStore, setActivePinia } from 'pinia'
+import { createApp } from 'vue'
+
 import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
 
 const app = createApp({})
@@ -9,17 +10,17 @@ const getMockStorage = () => {
   let state = {}
 
   return {
-    getItem: vi.fn(async key => {
-      console.log('get:', key, state[key])
+    getItem: vi.fn(async (key) => {
+      console.info('get:', key, state[key])
       return state[key]
     }),
     setItem: vi.fn(async (key, value) => {
-      console.log('set:', key, value)
+      console.info('set:', key, value)
       state[key] = value
     }),
     _clear: () => {
       state = {}
-    }
+    },
   }
 }
 
@@ -34,11 +35,11 @@ beforeEach(() => {
 
 describe('piniaPersistPlugin', () => {
   describe('initial state', () => {
-    test('it does not load anything if it is not enabled', async () => {
+    it('does not load anything if it is not enabled', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 3 })
 
       const useTestStore = defineStore('test', {
-        state: () => ({ a: 1, b: 2 })
+        state: () => ({ a: 1, b: 2 }),
       })
 
       const test = useTestStore()
@@ -55,20 +56,20 @@ describe('piniaPersistPlugin', () => {
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
       await expect(test.$persistLoaded).rejects.toThrowError(error)
     })
 
-    test('it loads from pinia storage', async () => {
+    it('loads from pinia storage', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 3, c: { d: 0 } })
       await mockStorage.setItem('vuex-lz', { test: { a: 4 } })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -79,12 +80,12 @@ describe('piniaPersistPlugin', () => {
       expect(test.c.e).to.eql(5)
     })
 
-    test('it loads from vuex storage as fallback', async () => {
+    it('loads from vuex storage as fallback', async () => {
       await mockStorage.setItem('vuex-lz', { test: { a: 4, c: { d: 0 } } })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -95,36 +96,39 @@ describe('piniaPersistPlugin', () => {
       expect(test.c.e).to.eql(5)
     })
 
-    test('it loads from vuex storage and writes it into pinia storage', async () => {
+    it('loads from vuex storage and writes it into pinia storage', async () => {
       await mockStorage.setItem('vuex-lz', { test: { a: 4, c: { d: 0 } } })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
         persist: {
-          afterLoad (state) {
+          afterLoad(state) {
             return {
               ...state,
-              a: 5
+              a: 5,
             }
-          }
-        }
+          },
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 4, c: { d: 0 } })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 4,
+        c: { d: 0 },
+      })
       expect(test.a).to.eql(5)
       expect(test.b).to.eql(2)
       expect(test.c.d).to.eql(0)
       expect(test.c.e).to.eql(5)
     })
 
-    test('it does not modify state if there is nothing to load', async () => {
+    it('does not modify state if there is nothing to load', async () => {
       await mockStorage.setItem('vuex-lz', { test2: { a: 4 } })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -135,44 +139,50 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('paths', () => {
-    test('it saves everything if paths is unspecified', async () => {
+    it('saves everything if paths is unspecified', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       test.$patch({ a: 3 })
       await flushPromises()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        b: 2,
+      })
     })
 
-    test('it saves only specified paths', async () => {
+    it('saves only specified paths', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
         persist: {
-          paths: ['a', 'c.d']
-        }
+          paths: ['a', 'c.d'],
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       test.$patch({ a: 3 })
       await flushPromises()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, c: { d: 4 } })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        c: { d: 4 },
+      })
     })
   })
 
-  test('it only saves after load', async () => {
+  it('only saves after load', async () => {
     const onSaveError = vi.fn()
     const onSaveSuccess = vi.fn()
     const useTestStore = defineStore('test', {
       state: () => ({ a: 1, b: 2 }),
       persist: {
         onSaveSuccess,
-        onSaveError
-      }
+        onSaveError,
+      },
     })
 
     const test = useTestStore()
@@ -190,30 +200,39 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('saveImmediatelyActions', () => {
-    test('it should only persist state after specified actions', async () => {
+    it('should only persist state after specified actions', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         actions: {
-          increaseA () {
+          increaseA() {
             ++this.a
           },
-          increaseB () {
+          increaseB() {
             ++this.b
-          }
+          },
         },
         persist: {
-          saveImmediatelyActions: ['increaseA']
-        }
+          saveImmediatelyActions: ['increaseA'],
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       await test.increaseA()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 2, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 2,
+        b: 2,
+      })
       await test.increaseB()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 2, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 2,
+        b: 2,
+      })
       await test.increaseA()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, b: 3 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        b: 3,
+      })
     })
   })
 
@@ -225,8 +244,8 @@ describe('piniaPersistPlugin', () => {
         state: () => ({ a: 1, b: 2 }),
         persist: {
           onSaveSuccess,
-          onSaveError
-        }
+          onSaveError,
+        },
       })
 
       const test = useTestStore()
@@ -251,8 +270,8 @@ describe('piniaPersistPlugin', () => {
         state: () => ({ a: 1, b: 2 }),
         persist: {
           onSaveSuccess,
-          onSaveError
-        }
+          onSaveError,
+        },
       })
 
       const test = useTestStore()
@@ -267,17 +286,17 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('afterLoad', () => {
-    test('it is called with the saved state object', async () => {
+    it('is called with the saved state object', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 2 })
-      const afterLoad = vi.fn(async orig => {
+      const afterLoad = vi.fn(async (orig) => {
         return { a: orig.a + 1 }
       })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         persist: {
-          afterLoad
-        }
+          afterLoad,
+        },
       })
       const test = useTestStore()
       await test.$persistLoaded
@@ -286,7 +305,7 @@ describe('piniaPersistPlugin', () => {
       expect(test.a).to.eql(3)
     })
 
-    test('it is called with empty object if there is no saved state', async () => {
+    it('is called with empty object if there is no saved state', async () => {
       const afterLoad = vi.fn(async () => {
         return { a: 3 }
       })
@@ -294,8 +313,8 @@ describe('piniaPersistPlugin', () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         persist: {
-          afterLoad
-        }
+          afterLoad,
+        },
       })
       const test = useTestStore()
       await test.$persistLoaded
diff --git a/test/unit/specs/modules/statuses.spec.js b/test/unit/specs/modules/statuses.spec.js
index 66652fa50..1315724da 100644
--- a/test/unit/specs/modules/statuses.spec.js
+++ b/test/unit/specs/modules/statuses.spec.js
@@ -1,6 +1,13 @@
-import { defaultState, mutations, prepareStatus } from '../../../../src/modules/statuses.js'
+import { createTestingPinia } from '@pinia/testing'
+
+import {
+  defaultState,
+  mutations,
+  prepareStatus,
+} from '../../../../src/modules/statuses.js'
+
+createTestingPinia()
 
- 
 const makeMockStatus = ({ id, text, type = 'status' }) => {
   return {
     id,
@@ -10,7 +17,7 @@ const makeMockStatus = ({ id, text, type = 'status' }) => {
     fave_num: 0,
     uri: '',
     type,
-    attentions: []
+    attentions: [],
   }
 }
 
@@ -27,7 +34,10 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'public',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -39,8 +49,14 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'friends' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'friends',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -69,7 +85,11 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -82,12 +102,24 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       const secondStatus = makeMockStatus({ id: '2' })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.maxId).to.eql('1')
 
-      mutations.addNewStatuses(state, { statuses: [secondStatus], showImmediately: true, timeline: 'public', noIdUpdate: true })
+      mutations.addNewStatuses(state, {
+        statuses: [secondStatus],
+        showImmediately: true,
+        timeline: 'public',
+        noIdUpdate: true,
+      })
       expect(state.timelines.public.statuses).to.eql([secondStatus, status])
-      expect(state.timelines.public.visibleStatuses).to.eql([secondStatus, status])
+      expect(state.timelines.public.visibleStatuses).to.eql([
+        secondStatus,
+        status,
+      ])
       expect(state.timelines.public.maxId).to.eql('1')
     })
 
@@ -98,17 +130,42 @@ describe('Statuses module', () => {
       const statusTwo = makeMockStatus({ id: '2' })
       const statusThree = makeMockStatus({ id: '4' })
 
-      mutations.addNewStatuses(state, { statuses: [nonVisibleStatus], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [nonVisibleStatus],
+        showImmediately: false,
+        timeline: 'public',
+      })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [statusTwo], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [statusTwo],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.minVisibleId).to.equal('2')
 
-      mutations.addNewStatuses(state, { statuses: [statusThree], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [statusThree],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
-      expect(state.timelines.public.statuses).to.eql([statusThree, status, statusTwo, nonVisibleStatus])
-      expect(state.timelines.public.visibleStatuses).to.eql([statusThree, status, statusTwo])
+      expect(state.timelines.public.statuses).to.eql([
+        statusThree,
+        status,
+        statusTwo,
+        nonVisibleStatus,
+      ])
+      expect(state.timelines.public.visibleStatuses).to.eql([
+        statusThree,
+        status,
+        statusTwo,
+      ])
     })
 
     it('splits retweets from their status and links them', () => {
@@ -120,7 +177,11 @@ describe('Statuses module', () => {
       retweet.retweeted_status = status
 
       // It adds both statuses, but only the retweet to visible.
-      mutations.addNewStatuses(state, { statuses: [retweet], timeline: 'public', showImmediately: true })
+      mutations.addNewStatuses(state, {
+        statuses: [retweet],
+        timeline: 'public',
+        showImmediately: true,
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.timelines.public.statuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(2)
@@ -128,7 +189,10 @@ describe('Statuses module', () => {
       expect(state.allStatuses[1].id).to.equal('2')
 
       // It refers to the modified status.
-      mutations.addNewStatuses(state, { statuses: [modStatus], timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [modStatus],
+        timeline: 'public',
+      })
       expect(state.allStatuses).to.have.length(2)
       expect(state.allStatuses[0].id).to.equal('1')
       expect(state.allStatuses[0].text).to.equal(modStatus.text)
@@ -142,12 +206,20 @@ describe('Statuses module', () => {
       const modStatus = makeMockStatus({ id: '1', text: 'something else' })
 
       // Add original status
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
 
       // Add new version of status
-      mutations.addNewStatuses(state, { statuses: [modStatus], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [modStatus],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
       expect(state.allStatuses[0].text).to.eql(modStatus.text)
@@ -161,12 +233,20 @@ describe('Statuses module', () => {
       retweet.retweeted_status = modStatus
 
       // Add original status
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
 
       // Add new version of status
-      mutations.addNewStatuses(state, { statuses: [retweet], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [retweet],
+        showImmediately: false,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       // Don't add the retweet itself if the tweet is visible
       expect(state.timelines.public.statuses).to.have.length(1)
@@ -184,18 +264,30 @@ describe('Statuses module', () => {
         in_reply_to_status_id: '1', // The API uses strings here...
         uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
         text: 'a favorited something by b',
-        user: { id: '99' }
+        user: { id: '99' },
       }
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [favorite], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [favorite],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
       expect(state.timelines.public.maxId).to.eq(favorite.id)
 
       // Adding it again does nothing
-      mutations.addNewStatuses(state, { statuses: [favorite], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [favorite],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
@@ -203,7 +295,7 @@ describe('Statuses module', () => {
 
       // If something is favorited by the current user, it also sets the 'favorited' property but does not increment counter to avoid over-counting. Counter is incremented (updated, really) via response to the favorite request.
       const user = {
-        id: '1'
+        id: '1',
       }
 
       const ownFavorite = {
@@ -212,10 +304,15 @@ describe('Statuses module', () => {
         in_reply_to_status_id: '1', // The API uses strings here...
         uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
         text: 'a favorited something by b',
-        user
+        user,
       }
 
-      mutations.addNewStatuses(state, { statuses: [ownFavorite], showImmediately: true, timeline: 'public', user })
+      mutations.addNewStatuses(state, {
+        statuses: [ownFavorite],
+        showImmediately: true,
+        timeline: 'public',
+        user,
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
@@ -229,11 +326,21 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       status.emoji_reactions = [{ name: '😂', count: 1, accounts: [] }]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(2)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id).to.eql('me')
+      expect(
+        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
+      ).to.eql('me')
     })
 
     it('adds a new reaction', () => {
@@ -241,32 +348,64 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       status.emoji_reactions = []
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id).to.eql('me')
+      expect(
+        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
+      ).to.eql('me')
     })
 
     it('decreases count in existing reaction', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [{ name: '😂', count: 2, accounts: [{ id: 'me' }] }]
+      status.emoji_reactions = [
+        { name: '😂', count: 2, accounts: [{ id: 'me' }] },
+      ]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.removeOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.removeOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(false)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts).to.eql([])
+      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts).to.eql(
+        [],
+      )
     })
 
     it('removes a reaction', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [{ name: '😂', count: 1, accounts: [{ id: 'me' }] }]
+      status.emoji_reactions = [
+        { name: '😂', count: 1, accounts: [{ id: 'me' }] },
+      ]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.removeOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.removeOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions.length).to.eql(0)
     })
   })
@@ -275,9 +414,17 @@ describe('Statuses module', () => {
     it('resets the minId to the min of the visible statuses when adding new to visible statuses', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '10' })
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       const newStatus = makeMockStatus({ id: '20' })
-      mutations.addNewStatuses(state, { statuses: [newStatus], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [newStatus],
+        showImmediately: false,
+        timeline: 'public',
+      })
       state.timelines.public.minId = '5'
       mutations.showNewStatuses(state, { timeline: 'public' })
 
diff --git a/test/unit/specs/modules/users.spec.js b/test/unit/specs/modules/users.spec.js
index 3073f507a..c07f817d8 100644
--- a/test/unit/specs/modules/users.spec.js
+++ b/test/unit/specs/modules/users.spec.js
@@ -1,6 +1,10 @@
 import { cloneDeep } from 'lodash'
 
-import { defaultState, mutations, getters } from '../../../../src/modules/users.js'
+import {
+  defaultState,
+  getters,
+  mutations,
+} from '../../../../src/modules/users.js'
 
 describe('The users module', () => {
   describe('mutations', () => {
@@ -23,22 +27,18 @@ describe('The users module', () => {
       const state = cloneDeep(defaultState)
       const user = {
         id: '1',
-        fields: [
-          { name: 'Label 1', value: 'Content 1' }
-        ]
+        fields: [{ name: 'Label 1', value: 'Content 1' }],
       }
       const firstModUser = {
         id: '1',
         fields: [
           { name: 'Label 2', value: 'Content 2' },
-          { name: 'Label 3', value: 'Content 3' }
-        ]
+          { name: 'Label 3', value: 'Content 3' },
+        ],
       }
       const secondModUser = {
         id: '1',
-        fields: [
-          { name: 'Label 4', value: 'Content 4' }
-        ]
+        fields: [{ name: 'Label 4', value: 'Content 4' }],
       }
 
       mutations.addNewUsers(state, [user])
@@ -61,11 +61,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const name = 'Guy'
       expect(getters.findUser(state)(name)).to.eql(undefined)
@@ -75,11 +75,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const id = '1'
       const expected = { screen_name: 'Guy', id: '1' }
@@ -92,11 +92,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const name = 'Guy'
       const expected = { screen_name: 'Guy', id: '1' }
@@ -107,11 +107,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const id = '1'
       expect(getters.findUserByName(state)(id)).to.eql(undefined)
diff --git a/test/unit/specs/services/chat_service/chat_service.spec.js b/test/unit/specs/services/chat_service/chat_service.spec.js
index a42269b47..1cf5aa780 100644
--- a/test/unit/specs/services/chat_service/chat_service.spec.js
+++ b/test/unit/specs/services/chat_service/chat_service.spec.js
@@ -3,21 +3,21 @@ import chatService from '../../../../../src/services/chat_service/chat_service.j
 const message1 = {
   id: '9wLkdcmQXD21Oy8lEX',
   idempotency_key: '1',
-  created_at: (new Date('2020-06-22T18:45:53.000Z'))
+  created_at: new Date('2020-06-22T18:45:53.000Z'),
 }
 
 const message2 = {
   id: '9wLkdp6ihaOVdNj8Wu',
   idempotency_key: '2',
   account_id: '9vmRb29zLQReckr5ay',
-  created_at: (new Date('2020-06-22T18:45:56.000Z'))
+  created_at: new Date('2020-06-22T18:45:56.000Z'),
 }
 
 const message3 = {
   id: '9wLke9zL4Dy4OZR2RM',
   idempotency_key: '3',
   account_id: '9vmRb29zLQReckr5ay',
-  created_at: (new Date('2020-07-22T18:45:59.000Z'))
+  created_at: new Date('2020-07-22T18:45:59.000Z'),
 }
 
 describe('chatService', () => {
@@ -85,7 +85,13 @@ describe('chatService', () => {
       chatService.add(chat, { messages: [message3] })
 
       const view = chatService.getView(chat)
-      expect(view.map(i => i.type)).to.eql(['date', 'message', 'message', 'date', 'message'])
+      expect(view.map((i) => i.type)).to.eql([
+        'date',
+        'message',
+        'message',
+        'date',
+        'message',
+      ])
     })
   })
 
@@ -95,7 +101,15 @@ describe('chatService', () => {
 
       for (let i = 100; i > 0; i--) {
         // Use decimal values with toFixed to hack together constant length predictable strings
-        chatService.add(chat, { messages: [{ ...message1, id: 'a' + (i / 1000).toFixed(3), idempotency_key: i }] })
+        chatService.add(chat, {
+          messages: [
+            {
+              ...message1,
+              id: 'a' + (i / 1000).toFixed(3),
+              idempotency_key: i,
+            },
+          ],
+        })
       }
       chatService.cullOlderMessages(chat)
       expect(chat.messages.length).to.eql(50)
diff --git a/test/unit/specs/services/completion/completion.spec.js b/test/unit/specs/services/completion/completion.spec.js
index 81d3a26a2..582ff79e8 100644
--- a/test/unit/specs/services/completion/completion.spec.js
+++ b/test/unit/specs/services/completion/completion.spec.js
@@ -1,4 +1,9 @@
-import { replaceWord, addPositionToWords, wordAtPosition, splitByWhitespaceBoundary } from '../../../../../src/services/completion/completion.js'
+import {
+  addPositionToWords,
+  replaceWord,
+  splitByWhitespaceBoundary,
+  wordAtPosition,
+} from '../../../../../src/services/completion/completion.js'
 
 describe('addPositiontoWords', () => {
   it('adds the position to a word list', () => {
@@ -8,38 +13,38 @@ describe('addPositiontoWords', () => {
       {
         word: 'hey',
         start: 0,
-        end: 3
+        end: 3,
       },
       {
         word: ' ',
         start: 3,
-        end: 4
+        end: 4,
       },
       {
         word: 'this',
         start: 4,
-        end: 8
+        end: 8,
       },
       {
         word: ' ',
         start: 8,
-        end: 9
+        end: 9,
       },
       {
         word: 'is',
         start: 9,
-        end: 11
+        end: 11,
       },
       {
         word: ' ',
         start: 11,
-        end: 12
+        end: 12,
       },
       {
         word: 'fun',
         start: 12,
-        end: 15
-      }
+        end: 15,
+      },
     ]
 
     const res = addPositionToWords(words)
@@ -51,7 +56,23 @@ describe('addPositiontoWords', () => {
 describe('splitByWhitespaceBoundary', () => {
   it('splits at whitespace boundaries', () => {
     const str = 'This is a #nice @test for you,    @idiot@idiot.com'
-    const expected = ['This', ' ', 'is', ' ', 'a', ' ', '#nice', ' ', '@test', ' ', 'for', ' ', 'you,', '    ', '@idiot@idiot.com']
+    const expected = [
+      'This',
+      ' ',
+      'is',
+      ' ',
+      'a',
+      ' ',
+      '#nice',
+      ' ',
+      '@test',
+      ' ',
+      'for',
+      ' ',
+      'you,',
+      '    ',
+      '@idiot@idiot.com',
+    ]
     const res = splitByWhitespaceBoundary(str)
 
     expect(res).to.eql(expected)
diff --git a/test/unit/specs/services/date_utils/date_utils.spec.js b/test/unit/specs/services/date_utils/date_utils.spec.js
index 951c51cd8..047b313e7 100644
--- a/test/unit/specs/services/date_utils/date_utils.spec.js
+++ b/test/unit/specs/services/date_utils/date_utils.spec.js
@@ -1,43 +1,68 @@
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
-beforeEach(() => { vi.useFakeTimers() })
-afterEach(() => { vi.useRealTimers() })
+beforeEach(() => {
+  vi.useFakeTimers()
+})
+afterEach(() => {
+  vi.useRealTimers()
+})
 
 describe('DateUtils', () => {
   describe('relativeTime', () => {
     it('returns now with low enough amount of seconds', () => {
       const futureTime = Date.now() + 20 * DateUtils.SECOND
       const pastTime = Date.now() - 20 * DateUtils.SECOND
-      expect(DateUtils.relativeTime(futureTime, 30)).to.eql({ num: 0, key: 'time.now' })
-      expect(DateUtils.relativeTime(pastTime, 30)).to.eql({ num: 0, key: 'time.now' })
+      expect(DateUtils.relativeTime(futureTime, 30)).to.eql({
+        num: 0,
+        key: 'time.now',
+      })
+      expect(DateUtils.relativeTime(pastTime, 30)).to.eql({
+        num: 0,
+        key: 'time.now',
+      })
     })
 
     it('rounds down for past', () => {
       const time = Date.now() - 1.8 * DateUtils.HOUR
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 1, key: 'time.unit.hours' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 1,
+        key: 'time.unit.hours',
+      })
     })
 
     it('rounds up for future', () => {
       const time = Date.now() + 1.8 * DateUtils.HOUR
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 2, key: 'time.unit.hours' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 2,
+        key: 'time.unit.hours',
+      })
     })
 
     it('uses plural when necessary', () => {
       const time = Date.now() - 3.8 * DateUtils.WEEK
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 3, key: 'time.unit.weeks' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 3,
+        key: 'time.unit.weeks',
+      })
     })
 
     it('works with date string', () => {
       const time = Date.now() - 4 * DateUtils.MONTH
       const dateString = new Date(time).toISOString()
-      expect(DateUtils.relativeTime(dateString)).to.eql({ num: 4, key: 'time.unit.months' })
+      expect(DateUtils.relativeTime(dateString)).to.eql({
+        num: 4,
+        key: 'time.unit.months',
+      })
     })
   })
 
   describe('relativeTimeShort', () => {
     it('returns the short version of the same relative time', () => {
       const time = Date.now() + 2 * DateUtils.YEAR
-      expect(DateUtils.relativeTimeShort(time)).to.eql({ num: 2, key: 'time.unit.years_short' })
+      expect(DateUtils.relativeTimeShort(time)).to.eql({
+        num: 2,
+        key: 'time.unit.years_short',
+      })
     })
   })
 })
diff --git a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
index 3923596b9..cd877b05e 100644
--- a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
+++ b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
@@ -1,171 +1,196 @@
-import { parseStatus, parseUser, parseNotification, parseLinkHeaderPagination } from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
+import {
+  parseLinkHeaderPagination,
+  parseNotification,
+  parseStatus,
+  parseUser,
+} from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
 import mastoapidata from '../../../../fixtures/mastoapi.json'
 import qvitterapidata from '../../../../fixtures/statuses.json'
 
 const makeMockStatusQvitter = (overrides = {}) => {
-  return Object.assign({
-    activity_type: 'post',
-    attachments: [],
-    attentions: [],
-    created_at: 'Tue Jan 15 13:57:56 +0000 2019',
-    external_url: 'https://ap.example/whatever',
-    fave_num: 1,
-    favorited: false,
-    id: '10335970',
-    in_reply_to_ostatus_uri: null,
-    in_reply_to_profileurl: null,
-    in_reply_to_screen_name: null,
-    in_reply_to_status_id: null,
-    in_reply_to_user_id: null,
-    is_local: false,
-    is_post_verb: true,
-    possibly_sensitive: false,
-    repeat_num: 0,
-    repeated: false,
-    statusnet_conversation_id: '16300488',
-    summary: null,
-    tags: [],
-    text: 'haha benis',
-    uri: 'https://ap.example/whatever',
-    user: makeMockUserQvitter(),
-    visibility: 'public'
-  }, overrides)
+  return Object.assign(
+    {
+      activity_type: 'post',
+      attachments: [],
+      attentions: [],
+      created_at: 'Tue Jan 15 13:57:56 +0000 2019',
+      external_url: 'https://ap.example/whatever',
+      fave_num: 1,
+      favorited: false,
+      id: '10335970',
+      in_reply_to_ostatus_uri: null,
+      in_reply_to_profileurl: null,
+      in_reply_to_screen_name: null,
+      in_reply_to_status_id: null,
+      in_reply_to_user_id: null,
+      is_local: false,
+      is_post_verb: true,
+      possibly_sensitive: false,
+      repeat_num: 0,
+      repeated: false,
+      statusnet_conversation_id: '16300488',
+      summary: null,
+      tags: [],
+      text: 'haha benis',
+      uri: 'https://ap.example/whatever',
+      user: makeMockUserQvitter(),
+      visibility: 'public',
+    },
+    overrides,
+  )
 }
 
 const makeMockUserQvitter = (overrides = {}) => {
-  return Object.assign({
-    background_image: null,
-    cover_photo: '',
-    created_at: 'Mon Jan 14 13:56:51 +0000 2019',
-    default_scope: 'public',
-    description: 'ebin',
-    description_html: '<p>ebin</p>',
-    favourites_count: 0,
-    fields: [],
-    followers_count: 1,
-    following: true,
-    follows_you: true,
-    friends_count: 1,
-    id: '60717',
-    is_local: false,
-    locked: false,
-    name: 'Spurdo :ebin:',
-    name_html: 'Spurdo <img src="whatever">',
-    no_rich_text: false,
-    pleroma: { confirmation_pending: false, tags: [] },
-    profile_image_url: 'https://ap.example/whatever',
-    profile_image_url_https: 'https://ap.example/whatever',
-    profile_image_url_original: 'https://ap.example/whatever',
-    profile_image_url_profile_size: 'https://ap.example/whatever',
-    rights: { delete_others_notice: false },
-    screen_name: 'spurdo@ap.example',
-    statuses_count: 46,
-    statusnet_blocking: false,
-    statusnet_profile_url: ''
-  }, overrides)
+  return Object.assign(
+    {
+      background_image: null,
+      cover_photo: '',
+      created_at: 'Mon Jan 14 13:56:51 +0000 2019',
+      default_scope: 'public',
+      description: 'ebin',
+      description_html: '<p>ebin</p>',
+      favourites_count: 0,
+      fields: [],
+      followers_count: 1,
+      following: true,
+      follows_you: true,
+      friends_count: 1,
+      id: '60717',
+      is_local: false,
+      locked: false,
+      name: 'Spurdo :ebin:',
+      name_html: 'Spurdo <img src="whatever">',
+      no_rich_text: false,
+      pleroma: { confirmation_pending: false, tags: [] },
+      profile_image_url: 'https://ap.example/whatever',
+      profile_image_url_https: 'https://ap.example/whatever',
+      profile_image_url_original: 'https://ap.example/whatever',
+      profile_image_url_profile_size: 'https://ap.example/whatever',
+      rights: { delete_others_notice: false },
+      screen_name: 'spurdo@ap.example',
+      statuses_count: 46,
+      statusnet_blocking: false,
+      statusnet_profile_url: '',
+    },
+    overrides,
+  )
 }
 
 const makeMockUserMasto = (overrides = {}) => {
-  return Object.assign({
-    acct: 'hj',
-    avatar:
-    'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
-    avatar_static:
-    'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
-    bot: false,
-    created_at: '2017-12-17T21:54:14.000Z',
-    display_name: 'whatever whatever whatever witch',
-    emojis: [],
-    fields: [],
-    followers_count: 705,
-    following_count: 326,
-    header:
-    'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
-    header_static:
-    'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
-    id: '1',
-    locked: false,
-    note:
-    'Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user="1" href="https://shigusegubu.club/users/hj">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it\'s truly private matter and you\'re instance\'s admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.',
-    pleroma: { confirmation_pending: false, tags: null },
-    source: { note: '', privacy: 'public', sensitive: false },
-    statuses_count: 41775,
-    url: 'https://shigusegubu.club/users/hj',
-    username: 'hj'
-  }, overrides)
+  return Object.assign(
+    {
+      acct: 'hj',
+      avatar:
+        'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
+      avatar_static:
+        'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
+      bot: false,
+      created_at: '2017-12-17T21:54:14.000Z',
+      display_name: 'whatever whatever whatever witch',
+      emojis: [],
+      fields: [],
+      followers_count: 705,
+      following_count: 326,
+      header:
+        'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
+      header_static:
+        'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
+      id: '1',
+      locked: false,
+      note: 'Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user="1" href="https://shigusegubu.club/users/hj">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it\'s truly private matter and you\'re instance\'s admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.',
+      pleroma: { confirmation_pending: false, tags: null },
+      source: { note: '', privacy: 'public', sensitive: false },
+      statuses_count: 41775,
+      url: 'https://shigusegubu.club/users/hj',
+      username: 'hj',
+    },
+    overrides,
+  )
 }
 
 const makeMockStatusMasto = (overrides = {}) => {
-  return Object.assign({
-    account: makeMockUserMasto(),
-    application: { name: 'Web', website: null },
-    content:
-    '<span><a data-user="14660" href="https://pleroma.soykaf.com/users/sampo">@<span>sampo</span></a></span> god i wish i was there',
-    created_at: '2019-01-17T16:29:23.000Z',
-    emojis: [],
-    favourited: false,
-    favourites_count: 1,
-    id: '10423476',
-    in_reply_to_account_id: '14660',
-    in_reply_to_id: '10423197',
-    language: null,
-    media_attachments: [],
-    mentions: [
-      {
-        acct: 'sampo@pleroma.soykaf.com',
-        id: '14660',
-        url: 'https://pleroma.soykaf.com/users/sampo',
-        username: 'sampo'
-      }
-    ],
-    muted: false,
-    reblog: null,
-    reblogged: false,
-    reblogs_count: 0,
-    replies_count: 0,
-    sensitive: false,
-    spoiler_text: '',
-    tags: [],
-    uri: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
-    url: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
-    visibility: 'public',
-    pleroma: {
-      local: true
-    }
-  }, overrides)
+  return Object.assign(
+    {
+      account: makeMockUserMasto(),
+      application: { name: 'Web', website: null },
+      content:
+        '<span><a data-user="14660" href="https://pleroma.soykaf.com/users/sampo">@<span>sampo</span></a></span> god i wish i was there',
+      created_at: '2019-01-17T16:29:23.000Z',
+      emojis: [],
+      favourited: false,
+      favourites_count: 1,
+      id: '10423476',
+      in_reply_to_account_id: '14660',
+      in_reply_to_id: '10423197',
+      language: null,
+      media_attachments: [],
+      mentions: [
+        {
+          acct: 'sampo@pleroma.soykaf.com',
+          id: '14660',
+          url: 'https://pleroma.soykaf.com/users/sampo',
+          username: 'sampo',
+        },
+      ],
+      muted: false,
+      reblog: null,
+      reblogged: false,
+      reblogs_count: 0,
+      replies_count: 0,
+      sensitive: false,
+      spoiler_text: '',
+      tags: [],
+      uri: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
+      url: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
+      visibility: 'public',
+      pleroma: {
+        local: true,
+      },
+    },
+    overrides,
+  )
 }
 
 const makeMockNotificationQvitter = (overrides = {}) => {
-  return Object.assign({
-    notice: makeMockStatusQvitter(),
-    ntype: 'follow',
-    from_profile: makeMockUserQvitter(),
-    is_seen: 0,
-    id: 123
-  }, overrides)
+  return Object.assign(
+    {
+      notice: makeMockStatusQvitter(),
+      ntype: 'follow',
+      from_profile: makeMockUserQvitter(),
+      is_seen: 0,
+      id: 123,
+    },
+    overrides,
+  )
 }
 
 const makeMockEmojiMasto = (overrides = [{}]) => {
   return [
-    Object.assign({
-      shortcode: 'image',
-      static_url: 'https://example.com/image.png',
-      url: 'https://example.com/image.png',
-      visible_in_picker: false
-    }, overrides[0]),
-    Object.assign({
-      shortcode: 'thinking',
-      static_url: 'https://example.com/think.png',
-      url: 'https://example.com/think.png',
-      visible_in_picker: false
-    }, overrides[1])
+    Object.assign(
+      {
+        shortcode: 'image',
+        static_url: 'https://example.com/image.png',
+        url: 'https://example.com/image.png',
+        visible_in_picker: false,
+      },
+      overrides[0],
+    ),
+    Object.assign(
+      {
+        shortcode: 'thinking',
+        static_url: 'https://example.com/think.png',
+        url: 'https://example.com/think.png',
+        visible_in_picker: false,
+      },
+      overrides[1],
+    ),
   ]
 }
 
 describe('API Entities normalizer', () => {
   describe('parseStatus', () => {
     describe('QVitter preprocessing', () => {
-      it('doesn\'t blow up', () => {
+      it("doesn't blow up", () => {
         const parsed = qvitterapidata.map(parseStatus)
         expect(parsed.length).to.eq(qvitterapidata.length)
       })
@@ -173,21 +198,34 @@ describe('API Entities normalizer', () => {
       it('identifies favorites', () => {
         const fav = {
           uri: 'tag:soykaf.com,2016-08-21:fave:2558:note:339495:2016-08-21T16:54:04+00:00',
-          is_post_verb: false
+          is_post_verb: false,
         }
 
         const mastoFav = {
           uri: 'tag:mastodon.social,2016-11-27:objectId=73903:objectType=Favourite',
-          is_post_verb: false
+          is_post_verb: false,
         }
 
-        expect(parseStatus(makeMockStatusQvitter(fav))).to.have.property('type', 'favorite')
-        expect(parseStatus(makeMockStatusQvitter(mastoFav))).to.have.property('type', 'favorite')
+        expect(parseStatus(makeMockStatusQvitter(fav))).to.have.property(
+          'type',
+          'favorite',
+        )
+        expect(parseStatus(makeMockStatusQvitter(mastoFav))).to.have.property(
+          'type',
+          'favorite',
+        )
       })
 
       it('processes repeats correctly', () => {
-        const post = makeMockStatusQvitter({ retweeted_status: null, id: 'deadbeef' })
-        const repeat = makeMockStatusQvitter({ retweeted_status: post, is_post_verb: false, id: 'foobar' })
+        const post = makeMockStatusQvitter({
+          retweeted_status: null,
+          id: 'deadbeef',
+        })
+        const repeat = makeMockStatusQvitter({
+          retweeted_status: post,
+          is_post_verb: false,
+          id: 'foobar',
+        })
 
         const parsedPost = parseStatus(post)
         const parsedRepeat = parseStatus(repeat)
@@ -195,26 +233,36 @@ describe('API Entities normalizer', () => {
         expect(parsedPost).to.have.property('type', 'status')
         expect(parsedRepeat).to.have.property('type', 'retweet')
         expect(parsedRepeat).to.have.property('retweeted_status')
-        expect(parsedRepeat).to.have.nested.property('retweeted_status.id', 'deadbeef')
+        expect(parsedRepeat).to.have.nested.property(
+          'retweeted_status.id',
+          'deadbeef',
+        )
       })
 
       it('sets nsfw for statuses with the #nsfw tag', () => {
         const safe = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan' })
-        const nsfw = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan #nsfw' })
+        const nsfw = makeMockStatusQvitter({
+          id: '1',
+          text: 'Hello oniichan #nsfw',
+        })
 
         expect(parseStatus(safe).nsfw).to.eq(false)
         expect(parseStatus(nsfw).nsfw).to.eq(true)
       })
 
       it('leaves existing nsfw settings alone', () => {
-        const nsfw = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan #nsfw', nsfw: false })
+        const nsfw = makeMockStatusQvitter({
+          id: '1',
+          text: 'Hello oniichan #nsfw',
+          nsfw: false,
+        })
 
         expect(parseStatus(nsfw).nsfw).to.eq(false)
       })
     })
 
     describe('Mastoapi preprocessing and converting', () => {
-      it('doesn\'t blow up', () => {
+      it("doesn't blow up", () => {
         const parsed = mastoapidata.map(parseStatus)
         expect(parsed.length).to.eq(mastoapidata.length)
       })
@@ -229,7 +277,10 @@ describe('API Entities normalizer', () => {
         expect(parsedPost).to.have.property('type', 'status')
         expect(parsedRepeat).to.have.property('type', 'retweet')
         expect(parsedRepeat).to.have.property('retweeted_status')
-        expect(parsedRepeat).to.have.nested.property('retweeted_status.id', 'deadbeef')
+        expect(parsedRepeat).to.have.nested.property(
+          'retweeted_status.id',
+          'deadbeef',
+        )
       })
     })
   })
@@ -245,7 +296,15 @@ describe('API Entities normalizer', () => {
     })
 
     it('removes html tags from user profile fields', () => {
-      const user = makeMockUserMasto({ emojis: makeMockEmojiMasto(), fields: [{ name: 'user', value: '<a rel="me" href="https://example.com/@user">@user</a>' }] })
+      const user = makeMockUserMasto({
+        emojis: makeMockEmojiMasto(),
+        fields: [
+          {
+            name: 'user',
+            value: '<a rel="me" href="https://example.com/@user">@user</a>',
+          },
+        ],
+      })
 
       const parsedUser = parseUser(user)
 
@@ -258,7 +317,14 @@ describe('API Entities normalizer', () => {
     })
 
     it('adds hide_follows and hide_followers user settings', () => {
-      const user = makeMockUserMasto({ pleroma: { hide_followers: true, hide_follows: false, hide_followers_count: false, hide_follows_count: true } })
+      const user = makeMockUserMasto({
+        pleroma: {
+          hide_followers: true,
+          hide_follows: false,
+          hide_followers_count: false,
+          hide_follows_count: true,
+        },
+      })
 
       expect(parseUser(user)).to.have.property('hide_followers', true)
       expect(parseUser(user)).to.have.property('hide_follows', false)
@@ -269,25 +335,38 @@ describe('API Entities normalizer', () => {
     it('converts IDN to unicode and marks it as internatonal', () => {
       const user = makeMockUserMasto({ acct: 'lain@xn--lin-6cd.com' })
 
-      expect(parseUser(user)).to.have.property('screen_name_ui').that.equal('lain@lаin.com')
-      expect(parseUser(user)).to.have.property('screen_name_ui_contains_non_ascii').that.equal(true)
+      expect(parseUser(user))
+        .to.have.property('screen_name_ui')
+        .that.equal('lain@lаin.com')
+      expect(parseUser(user))
+        .to.have.property('screen_name_ui_contains_non_ascii')
+        .that.equal(true)
     })
   })
 
   // We currently use QvitterAPI notifications only, and especially due to MastoAPI lacking is_seen, support for MastoAPI
   // is more of an afterthought
   describe('parseNotifications (QvitterAPI)', () => {
-    it('correctly normalizes data to FE\'s format', () => {
+    it("correctly normalizes data to FE's format", () => {
       const notif = makeMockNotificationQvitter({
         id: 123,
         notice: makeMockStatusQvitter({ id: 444 }),
-        from_profile: makeMockUserQvitter({ id: 'spurdo' })
+        from_profile: makeMockUserQvitter({ id: 'spurdo' }),
       })
       expect(parseNotification(notif)).to.have.property('id', 123)
       expect(parseNotification(notif)).to.have.property('seen', false)
-      expect(parseNotification(notif)).to.have.nested.property('status.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('action.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('from_profile.id', 'spurdo')
+      expect(parseNotification(notif)).to.have.nested.property(
+        'status.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'action.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'from_profile.id',
+        'spurdo',
+      )
     })
 
     it('correctly normalizes favorite notifications', () => {
@@ -296,36 +375,47 @@ describe('API Entities normalizer', () => {
         ntype: 'like',
         notice: makeMockStatusQvitter({
           id: 444,
-          favorited_status: makeMockStatusQvitter({ id: 4412 })
+          favorited_status: makeMockStatusQvitter({ id: 4412 }),
         }),
         is_seen: 1,
-        from_profile: makeMockUserQvitter({ id: 'spurdo' })
+        from_profile: makeMockUserQvitter({ id: 'spurdo' }),
       })
       expect(parseNotification(notif)).to.have.property('id', 123)
       expect(parseNotification(notif)).to.have.property('type', 'like')
       expect(parseNotification(notif)).to.have.property('seen', true)
-      expect(parseNotification(notif)).to.have.nested.property('status.id', '4412')
-      expect(parseNotification(notif)).to.have.nested.property('action.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('from_profile.id', 'spurdo')
+      expect(parseNotification(notif)).to.have.nested.property(
+        'status.id',
+        '4412',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'action.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'from_profile.id',
+        'spurdo',
+      )
     })
   })
 
   describe('Link header pagination', () => {
     it('Parses min and max ids as integers', () => {
-      const linkHeader = '<https://example.com/api/v1/notifications?max_id=861676>; rel="next", <https://example.com/api/v1/notifications?min_id=861741>; rel="prev"'
+      const linkHeader =
+        '<https://example.com/api/v1/notifications?max_id=861676>; rel="next", <https://example.com/api/v1/notifications?min_id=861741>; rel="prev"'
       const result = parseLinkHeaderPagination(linkHeader)
       expect(result).to.eql({
         maxId: 861676,
-        minId: 861741
+        minId: 861741,
       })
     })
 
     it('Parses min and max ids as flakes', () => {
-      const linkHeader = '<http://example.com/api/v1/timelines/home?max_id=9waQx5IIS48qVue2Ai>; rel="next", <http://example.com/api/v1/timelines/home?min_id=9wi61nIPnfn674xgie>; rel="prev"'
+      const linkHeader =
+        '<http://example.com/api/v1/timelines/home?max_id=9waQx5IIS48qVue2Ai>; rel="next", <http://example.com/api/v1/timelines/home?min_id=9wi61nIPnfn674xgie>; rel="prev"'
       const result = parseLinkHeaderPagination(linkHeader, { flakeId: true })
       expect(result).to.eql({
         maxId: '9waQx5IIS48qVue2Ai',
-        minId: '9wi61nIPnfn674xgie'
+        minId: '9wi61nIPnfn674xgie',
       })
     })
   })
diff --git a/test/unit/specs/services/file_size_format/file_size_format.spec.js b/test/unit/specs/services/file_size_format/file_size_format.spec.js
index 6804b6ebb..a3a4c9335 100644
--- a/test/unit/specs/services/file_size_format/file_size_format.spec.js
+++ b/test/unit/specs/services/file_size_format/file_size_format.spec.js
@@ -1,28 +1,29 @@
 import fileSizeFormatService from '../../../../../src/services/file_size_format/file_size_format.js'
+
 describe('fileSizeFormat', () => {
   it('Formats file size', () => {
     const values = [1, 1024, 1048576, 1073741824, 1099511627776]
     const expected = [
       {
         num: 1,
-        unit: 'B'
+        unit: 'B',
       },
       {
         num: 1,
-        unit: 'KiB'
+        unit: 'KiB',
       },
       {
         num: 1,
-        unit: 'MiB'
+        unit: 'MiB',
       },
       {
         num: 1,
-        unit: 'GiB'
+        unit: 'GiB',
       },
       {
         num: 1,
-        unit: 'TiB'
-      }
+        unit: 'TiB',
+      },
     ]
 
     const res = []
diff --git a/test/unit/specs/services/gesture_service/gesture_service.spec.js b/test/unit/specs/services/gesture_service/gesture_service.spec.js
index a91f95db6..6fdf6c2bb 100644
--- a/test/unit/specs/services/gesture_service/gesture_service.spec.js
+++ b/test/unit/specs/services/gesture_service/gesture_service.spec.js
@@ -4,19 +4,21 @@ const mockTouchEvent = (x, y) => ({
   touches: [
     {
       screenX: x,
-      screenY: y
-    }
-  ]
+      screenY: y,
+    },
+  ],
 })
 
 describe('GestureService', () => {
   describe('swipeGesture', () => {
     it('calls the callback on a successful swipe', () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -27,10 +29,12 @@ describe('GestureService', () => {
 
     it('calls the callback only once per begin', () => {
       let hits = 0
-      const callback = () => { hits += 1 }
+      const callback = () => {
+        hits += 1
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -40,12 +44,14 @@ describe('GestureService', () => {
       expect(hits).to.eql(1)
     })
 
-    it('doesn\'t call the callback on an opposite swipe', () => {
+    it("doesn't call the callback on an opposite swipe", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -54,13 +60,15 @@ describe('GestureService', () => {
       expect(swiped).to.eql(false)
     })
 
-    it('doesn\'t call the callback on a swipe below threshold', () => {
+    it("doesn't call the callback on a swipe below threshold", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
-        100
+        100,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -69,14 +77,16 @@ describe('GestureService', () => {
       expect(swiped).to.eql(false)
     })
 
-    it('doesn\'t call the callback on a perpendicular swipe', () => {
+    it("doesn't call the callback on a perpendicular swipe", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
         30,
-        0.5
+        0.5,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -87,12 +97,14 @@ describe('GestureService', () => {
 
     it('calls the callback on perpendicular swipe if within tolerance', () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
         30,
-        2.0
+        2.0,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -103,13 +115,10 @@ describe('GestureService', () => {
 
     it('works with any arbitrary 2d directions', () => {
       let swiped = false
-      const callback = () => { swiped = true }
-      const gesture = GestureService.swipeGesture(
-        [-1, -1],
-        callback,
-        30,
-        0.1
-      )
+      const callback = () => {
+        swiped = true
+      }
+      const gesture = GestureService.swipeGesture([-1, -1], callback, 30, 0.1)
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
       GestureService.updateSwipe(mockTouchEvent(60, 60), gesture)
diff --git a/test/unit/specs/services/html_converter/html_line_converter.spec.js b/test/unit/specs/services/html_converter/html_line_converter.spec.js
index e0ac00d6c..89ff36207 100644
--- a/test/unit/specs/services/html_converter/html_line_converter.spec.js
+++ b/test/unit/specs/services/html_converter/html_line_converter.spec.js
@@ -2,7 +2,7 @@ import { convertHtmlToLines } from 'src/services/html_converter/html_line_conver
 
 const greentextHandle = new Set(['p', 'div'])
 const mapOnlyText = (processor) => (input) => {
-  if (input.text && input.level.every(l => greentextHandle.has(l))) {
+  if (input.text && input.level.every((l) => greentextHandle.has(l))) {
     return processor(input.text)
   } else if (input.text) {
     return input.text
@@ -15,7 +15,8 @@ describe('html_line_converter', () => {
   describe('with processor that keeps original line should not make any changes to HTML when', () => {
     const processorKeep = (line) => line
     it('fed with regular HTML with newlines', () => {
-      const inputOutput = '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
+      const inputOutput =
+        '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
@@ -35,14 +36,14 @@ describe('html_line_converter', () => {
       expect(comparableResult).to.eql(inputOutput)
     })
 
-    it('fed with sorta valid HTML but tags aren\'t closed', () => {
+    it("fed with sorta valid HTML but tags aren't closed", () => {
       const inputOutput = 'just leaving a <div> hanging'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
     })
 
-    it('fed with not really HTML at this point... tags that aren\'t finished', () => {
+    it("fed with not really HTML at this point... tags that aren't finished", () => {
       const inputOutput = 'do you expect me to finish this <div class='
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
@@ -50,14 +51,16 @@ describe('html_line_converter', () => {
     })
 
     it('fed with dubiously valid HTML (p within p and also div inside p)', () => {
-      const inputOutput = 'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
+      const inputOutput =
+        'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
     })
 
     it('fed with maybe valid HTML? self-closing divs and ps', () => {
-      const inputOutput = 'a <div class="what"/> what now <p aria-label="wtf"/> ?'
+      const inputOutput =
+        'a <div class="what"/> what now <p aria-label="wtf"/> ?'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
@@ -80,10 +83,13 @@ describe('html_line_converter', () => {
   describe('with processor that replaces lines with word "_" should match expected line when', () => {
     const processorReplace = () => '_'
     it('fed with regular HTML with newlines', () => {
-      const input = '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
+      const input =
+        '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
       const output = '_<br/>_<p class="lol">_</p>_\n_<p >_<br>_</p> <br>\n<br/>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -91,7 +97,9 @@ describe('html_line_converter', () => {
       const input = '<feeee dwdwddddddw> <i>ayy<b>lm</i>ao</b> </section>'
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -99,31 +107,40 @@ describe('html_line_converter', () => {
       const input = '</p> lmao what </div> whats going on <div> wha <p>'
       const output = '_<div>_<p>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
-    it('fed with sorta valid HTML but tags aren\'t closed', () => {
+    it("fed with sorta valid HTML but tags aren't closed", () => {
       const input = 'just leaving a <div> hanging'
       const output = '_<div>_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
-    it('fed with not really HTML at this point... tags that aren\'t finished', () => {
+    it("fed with not really HTML at this point... tags that aren't finished", () => {
       const input = 'do you expect me to finish this <div class='
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
     it('fed with dubiously valid HTML (p within p and also div inside p)', () => {
-      const input = 'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
+      const input =
+        'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
       const output = '_<p>_\n_<p>_</p>_<br/><div>_</div></p>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -131,7 +148,9 @@ describe('html_line_converter', () => {
       const input = 'a <div class="what"/> what now <p aria-label="wtf"/> ?'
       const output = '_<div class="what"/>_<p aria-label="wtf"/>_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -139,7 +158,9 @@ describe('html_line_converter', () => {
       const input = 'Yes, it is me, <![CDATA[DIO]]>'
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -153,7 +174,9 @@ describe('html_line_converter', () => {
       false</code></pre><blockquote>That, christian-like JS diagram but it’s evangelion instead.</blockquote>
       `
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(input)
     })
     it('Testing handling ignored blocks 2', () => {
@@ -164,7 +187,9 @@ describe('html_line_converter', () => {
       <blockquote>An SSL error has happened.</blockquote><p>_</p>
       `
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
   })
diff --git a/test/unit/specs/services/html_converter/html_tree_converter.spec.js b/test/unit/specs/services/html_converter/html_tree_converter.spec.js
index 7283021b2..a7eed7d55 100644
--- a/test/unit/specs/services/html_converter/html_tree_converter.spec.js
+++ b/test/unit/specs/services/html_converter/html_tree_converter.spec.js
@@ -6,43 +6,19 @@ describe('html_tree_converter', () => {
       const input = '1 <p>2</p> <b>3<img src="a">4</b>5'
       expect(convertHtmlToTree(input)).to.eql([
         '1 ',
-        [
-          '<p>',
-          ['2'],
-          '</p>'
-        ],
+        ['<p>', ['2'], '</p>'],
         ' ',
-        [
-          '<b>',
-          [
-            '3',
-            ['<img src="a">'],
-            '4'
-          ],
-          '</b>'
-        ],
-        '5'
+        ['<b>', ['3', ['<img src="a">'], '4'], '</b>'],
+        '5',
       ])
     })
     it('converts html to tree while preserving tag formatting', () => {
       const input = '1 <p >2</p><b >3<img   src="a">4</b>5'
       expect(convertHtmlToTree(input)).to.eql([
         '1 ',
-        [
-          '<p >',
-          ['2'],
-          '</p>'
-        ],
-        [
-          '<b >',
-          [
-            '3',
-            ['<img   src="a">'],
-            '4'
-          ],
-          '</b>'
-        ],
-        '5'
+        ['<p >', ['2'], '</p>'],
+        ['<b >', ['3', ['<img   src="a">'], '4'], '</b>'],
+        '5',
       ])
     })
     it('converts semi-broken html', () => {
@@ -51,14 +27,12 @@ describe('html_tree_converter', () => {
         '1 ',
         ['<br>'],
         ' 2 ',
-        [
-          '<p>',
-          [' 42']
-        ]
+        ['<p>', [' 42']],
       ])
     })
     it('realistic case 1', () => {
-      const input = '<p><span class="h-card"><a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">@<span>benis</span></a></span> <span class="h-card"><a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">@<span>hj</span></a></span> nice</p>'
+      const input =
+        '<p><span class="h-card"><a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">@<span>benis</span></a></span> <span class="h-card"><a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">@<span>hj</span></a></span> nice</p>'
       expect(convertHtmlToTree(input)).to.eql([
         [
           '<p>',
@@ -68,20 +42,11 @@ describe('html_tree_converter', () => {
               [
                 [
                   '<a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">',
-                  [
-                    '@',
-                    [
-                      '<span>',
-                      [
-                        'benis'
-                      ],
-                      '</span>'
-                    ]
-                  ],
-                  '</a>'
-                ]
+                  ['@', ['<span>', ['benis'], '</span>']],
+                  '</a>',
+                ],
               ],
-              '</span>'
+              '</span>',
             ],
             ' ',
             [
@@ -89,43 +54,29 @@ describe('html_tree_converter', () => {
               [
                 [
                   '<a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">',
-                  [
-                    '@',
-                    [
-                      '<span>',
-                      [
-                        'hj'
-                      ],
-                      '</span>'
-                    ]
-                  ],
-                  '</a>'
-                ]
+                  ['@', ['<span>', ['hj'], '</span>']],
+                  '</a>',
+                ],
               ],
-              '</span>'
+              '</span>',
             ],
-            ' nice'
+            ' nice',
           ],
-          '</p>'
-        ]
+          '</p>',
+        ],
       ])
     })
     it('realistic case 2', () => {
-      const inputOutput = 'Country improv: give me a city<br/>Audience: Memphis<br/>Improv troupe: come on, a better one<br/>Audience: el paso'
+      const inputOutput =
+        'Country improv: give me a city<br/>Audience: Memphis<br/>Improv troupe: come on, a better one<br/>Audience: el paso'
       expect(convertHtmlToTree(inputOutput)).to.eql([
         'Country improv: give me a city',
-        [
-          '<br/>'
-        ],
+        ['<br/>'],
         'Audience: Memphis',
-        [
-          '<br/>'
-        ],
+        ['<br/>'],
         'Improv troupe: come on, a better one',
-        [
-          '<br/>'
-        ],
-        'Audience: el paso'
+        ['<br/>'],
+        'Audience: el paso',
       ])
     })
   })
diff --git a/test/unit/specs/services/html_converter/utility.spec.js b/test/unit/specs/services/html_converter/utility.spec.js
index cf6fd99b4..394a0f208 100644
--- a/test/unit/specs/services/html_converter/utility.spec.js
+++ b/test/unit/specs/services/html_converter/utility.spec.js
@@ -1,4 +1,7 @@
-import { processTextForEmoji, getAttrs } from 'src/services/html_converter/utility.service.js'
+import {
+  getAttrs,
+  processTextForEmoji,
+} from 'src/services/html_converter/utility.service.js'
 
 describe('html_converter utility', () => {
   describe('processTextForEmoji', () => {
@@ -6,22 +9,22 @@ describe('html_converter utility', () => {
       const input = 'Hello from finland! :lol: We have best water! :lmao:'
       const emojis = [
         { shortcode: 'lol', src: 'LOL' },
-        { shortcode: 'lmao', src: 'LMAO' }
+        { shortcode: 'lmao', src: 'LMAO' },
       ]
       const processor = ({ shortcode, src }) => ({ shortcode, src })
       expect(processTextForEmoji(input, emojis, processor)).to.eql([
         'Hello from finland! ',
         { shortcode: 'lol', src: 'LOL' },
         ' We have best water! ',
-        { shortcode: 'lmao', src: 'LMAO' }
+        { shortcode: 'lmao', src: 'LMAO' },
       ])
     })
     it('leaves text as is', () => {
-      const input = 'Number one: that\'s terror'
+      const input = "Number one: that's terror"
       const emojis = []
       const processor = ({ shortcode, src }) => ({ shortcode, src })
       expect(processTextForEmoji(input, emojis, processor)).to.eql([
-        'Number one: that\'s terror'
+        "Number one: that's terror",
       ])
     })
   })
diff --git a/test/unit/specs/services/matcher/matcher.spec.js b/test/unit/specs/services/matcher/matcher.spec.js
index c6e9719d3..753e37433 100644
--- a/test/unit/specs/services/matcher/matcher.spec.js
+++ b/test/unit/specs/services/matcher/matcher.spec.js
@@ -5,7 +5,7 @@ const localAttn = () => ({
   is_local: true,
   name: 'Guy',
   screen_name: 'person',
-  statusnet_profile_url: 'https://instance.com/users/person'
+  statusnet_profile_url: 'https://instance.com/users/person',
 })
 
 const externalAttn = () => ({
@@ -13,7 +13,7 @@ const externalAttn = () => ({
   is_local: false,
   name: 'Guy',
   screen_name: 'person@instance.com',
-  statusnet_profile_url: 'https://instance.com/users/person'
+  statusnet_profile_url: 'https://instance.com/users/person',
 })
 
 describe('MatcherService', () => {
diff --git a/test/unit/specs/services/notification_utils/notification_utils.spec.js b/test/unit/specs/services/notification_utils/notification_utils.spec.js
index 60db7380c..20c9379c6 100644
--- a/test/unit/specs/services/notification_utils/notification_utils.spec.js
+++ b/test/unit/specs/services/notification_utils/notification_utils.spec.js
@@ -1,6 +1,21 @@
+import { createTestingPinia } from '@pinia/testing'
+
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+
 import * as NotificationUtils from 'src/services/notification_utils/notification_utils.js'
 
 describe('NotificationUtils', () => {
+  beforeEach(() => {
+    const store = useSyncConfigStore(createTestingPinia())
+    store.mergedConfig = {
+      notificationVisibility: {
+        likes: true,
+        repeats: true,
+        mentions: false,
+      },
+    }
+  })
+
   describe('filteredNotificationsFromStore', () => {
     it('should return sorted notifications with configured types', () => {
       const store = {
@@ -10,44 +25,41 @@ describe('NotificationUtils', () => {
               {
                 id: 1,
                 action: { id: '1' },
-                type: 'like'
+                type: 'like',
               },
               {
                 id: 2,
                 action: { id: '2' },
-                type: 'mention'
+                type: 'mention',
               },
               {
                 id: 3,
                 action: { id: '3' },
-                type: 'repeat'
-              }
-            ]
-          }
+                type: 'repeat',
+              },
+            ],
+          },
         },
-        getters: {
-          mergedConfig: {
-            notificationVisibility: {
-              likes: true,
-              repeats: true,
-              mentions: false
-            }
-          }
-        }
       }
       const expected = [
         {
           action: { id: '3' },
           id: 3,
-          type: 'repeat'
+          type: 'repeat',
         },
         {
           action: { id: '1' },
           id: 1,
-          type: 'like'
-        }
+          type: 'like',
+        },
       ]
-      expect(NotificationUtils.filteredNotificationsFromStore(store)).to.eql(expected)
+      expect(
+        NotificationUtils.filteredNotificationsFromStore(store, {
+          mentions: false,
+          likes: true,
+          repeats: true,
+        }),
+      ).to.eql(expected)
     })
   })
 
@@ -60,34 +72,31 @@ describe('NotificationUtils', () => {
               {
                 action: { id: '1' },
                 type: 'like',
-                seen: false
+                seen: false,
               },
               {
                 action: { id: '2' },
                 type: 'mention',
-                seen: true
-              }
-            ]
-          }
+                seen: true,
+              },
+            ],
+          },
         },
-        getters: {
-          mergedConfig: {
-            notificationVisibility: {
-              likes: true,
-              repeats: true,
-              mentions: false
-            }
-          }
-        }
       }
       const expected = [
         {
           action: { id: '1' },
           type: 'like',
-          seen: false
-        }
+          seen: false,
+        },
       ]
-      expect(NotificationUtils.unseenNotificationsFromStore(store)).to.eql(expected)
+      expect(
+        NotificationUtils.unseenNotificationsFromStore(store, {
+          likes: true,
+          repeats: true,
+          mentions: false,
+        }),
+      ).to.eql(expected)
     })
   })
 })
diff --git a/test/unit/specs/services/theme_data/iss_deserializer.spec.js b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
index bc52c7f64..0b93b6149 100644
--- a/test/unit/specs/services/theme_data/iss_deserializer.spec.js
+++ b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
@@ -1,21 +1,27 @@
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
+
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
-  { eager: true }
+  { eager: true },
 )
 
 describe('ISS (de)serialization', () => {
-  Object.keys(componentsContext).forEach(key => {
+  Object.keys(componentsContext).forEach((key) => {
     const component = componentsContext[key].default
 
     it(`(De)serialization of component ${component.name} works`, () => {
-      const normalized = component.defaultRules.map(x => ({ component: component.name, ...x }))
+      const normalized = component.defaultRules.map((x) => ({
+        component: component.name,
+        ...x,
+      }))
       const serialized = serialize(normalized)
       const deserialized = deserialize(serialized)
 
       // for some reason comparing objects directly fails the assert
-      expect(JSON.stringify(deserialized, null, 2)).to.equal(JSON.stringify(normalized, null, 2))
+      expect(JSON.stringify(deserialized, null, 2)).to.equal(
+        JSON.stringify(normalized, null, 2),
+      )
     })
   })
 
diff --git a/test/unit/specs/services/theme_data/sanity_checks.spec.js b/test/unit/specs/services/theme_data/sanity_checks.spec.js
index b9053f377..99e9e276c 100644
--- a/test/unit/specs/services/theme_data/sanity_checks.spec.js
+++ b/test/unit/specs/services/theme_data/sanity_checks.spec.js
@@ -5,8 +5,8 @@ const checkColors = (output) => {
   Object.entries(output.colors).forEach(([key, v]) => {
     expect(v, key).to.be.an('object')
     expect(v, key).to.include.all.keys('r', 'g', 'b')
-    'rgba'.split('').forEach(k => {
-      if ((k === 'a' && Object.prototype.hasOwnProperty.call(v, 'a')) || k !== 'a') {
+    'rgba'.split('').forEach((k) => {
+      if ((k === 'a' && Object.hasOwn(v, 'a')) || k !== 'a') {
         expect(v[k], key + '.' + k).to.be.a('number')
         expect(v[k], key + '.' + k).to.be.least(0)
         expect(v[k], key + '.' + k).to.be.most(k === 'a' ? 1 : 255)
@@ -16,7 +16,10 @@ const checkColors = (output) => {
 }
 
 describe('Theme Data utility functions', () => {
-  const context = import.meta.glob('/public/static/themes/*.json', { import: 'default', eager: true })
+  const context = import.meta.glob('/public/static/themes/*.json', {
+    import: 'default',
+    eager: true,
+  })
   Object.keys(context).forEach((key) => {
     it(`Should render all colors for ${key} properly`, () => {
       const { theme, source } = context[key]
diff --git a/test/unit/specs/services/theme_data/theme_data.spec.js b/test/unit/specs/services/theme_data/theme_data.spec.js
index c634cade9..6e941d024 100644
--- a/test/unit/specs/services/theme_data/theme_data.spec.js
+++ b/test/unit/specs/services/theme_data/theme_data.spec.js
@@ -1,4 +1,7 @@
-import { getLayersArray, topoSort } from 'src/services/theme_data/theme_data.service.js'
+import {
+  getLayersArray,
+  topoSort,
+} from 'src/services/theme_data/theme_data.service.js'
 
 describe('Theme Data utility functions', () => {
   describe('getLayersArray', () => {
@@ -6,7 +9,7 @@ describe('Theme Data utility functions', () => {
       layer1: null,
       layer2: 'layer1',
       layer3a: 'layer2',
-      layer3b: 'layer2'
+      layer3b: 'layer2',
     }
 
     it('should expand layers properly (3b)', () => {
@@ -38,7 +41,7 @@ describe('Theme Data utility functions', () => {
       layerB: [],
       layer1B: ['layerB'],
       layer2B: ['layer1B'],
-      layer3AB: ['layer2B', 'layer2A']
+      layer3AB: ['layer2B', 'layer2A'],
     }
 
     // Same thing but messed up order
@@ -49,7 +52,7 @@ describe('Theme Data utility functions', () => {
       layerB: [],
       layer3AB: ['layer2B', 'layer2A'],
       layer2B: ['layer1B'],
-      layerA: []
+      layerA: [],
     }
 
     it('should make a topologically sorted array', () => {
@@ -63,7 +66,7 @@ describe('Theme Data utility functions', () => {
       expect(out.indexOf('layer2B')).to.be.below(out.indexOf('layer3AB'))
     })
 
-    it('order in object shouldn\'t matter', () => {
+    it("order in object shouldn't matter", () => {
       const out = topoSort(fixture2, (node, inheritance) => inheritance[node])
       // This basically checks all ordering that matters
       expect(out.indexOf('layerA')).to.be.below(out.indexOf('layer1A'))
@@ -82,7 +85,9 @@ describe('Theme Data utility functions', () => {
     })
 
     it('ignores cyclic dependencies', () => {
-      const out = topoSort({ a: 'b', b: 'a', c: 'a' }, (node, inheritance) => [inheritance[node]])
+      const out = topoSort({ a: 'b', b: 'a', c: 'a' }, (node, inheritance) => [
+        inheritance[node],
+      ])
       expect(out.indexOf('a')).to.be.below(out.indexOf('c'))
     })
   })
diff --git a/test/unit/specs/services/theme_data/theme_data3.spec.js b/test/unit/specs/services/theme_data/theme_data3.spec.js
index 0d197ec39..cda09f8c2 100644
--- a/test/unit/specs/services/theme_data/theme_data3.spec.js
+++ b/test/unit/specs/services/theme_data/theme_data3.spec.js
@@ -1,62 +1,84 @@
-import {
-  getAllPossibleCombinations
-} from 'src/services/theme_data/iss_utils.js'
-import {
-  init
-} from 'src/services/theme_data/theme_data_3.service.js'
-import {
-  basePaletteKeys
-} from 'src/services/theme_data/theme2_to_theme3.js'
+import { getAllPossibleCombinations } from 'src/services/theme_data/iss_utils.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { basePaletteKeys } from 'src/services/theme_data/theme2_to_theme3.js'
 
 describe('Theme Data 3', () => {
   describe('getAllPossibleCombinations', () => {
     it('test simple 3 values case', () => {
-      const out = getAllPossibleCombinations([1, 2, 3]).map(x => x.sort((a, b) => a - b))
-      expect(out).to.eql([
-        [1], [2], [3],
-        [1, 2], [1, 3], [2, 3],
-        [1, 2, 3]
-      ])
+      const out = getAllPossibleCombinations([1, 2, 3]).map((x) =>
+        x.sort((a, b) => a - b),
+      )
+      expect(out).to.eql([[1], [2], [3], [1, 2], [1, 3], [2, 3], [1, 2, 3]])
     })
 
     it('test simple 4 values case', () => {
-      const out = getAllPossibleCombinations([1, 2, 3, 4]).map(x => x.sort((a, b) => a - b))
+      const out = getAllPossibleCombinations([1, 2, 3, 4]).map((x) =>
+        x.sort((a, b) => a - b),
+      )
       expect(out).to.eql([
-        [1], [2], [3], [4],
-        [1, 2], [1, 3], [1, 4], [2, 3], [2, 4], [3, 4],
-        [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4],
-        [1, 2, 3, 4]
+        [1],
+        [2],
+        [3],
+        [4],
+        [1, 2],
+        [1, 3],
+        [1, 4],
+        [2, 3],
+        [2, 4],
+        [3, 4],
+        [1, 2, 3],
+        [1, 2, 4],
+        [1, 3, 4],
+        [2, 3, 4],
+        [1, 2, 3, 4],
       ])
     })
 
     it('test massive 5 values case, using strings', () => {
-      const out = getAllPossibleCombinations(['a', 'b', 'c', 'd', 'e']).map(x => x.sort((a, b) => a - b))
+      const out = getAllPossibleCombinations(['a', 'b', 'c', 'd', 'e']).map(
+        (x) => x.sort((a, b) => a - b),
+      )
       expect(out).to.eql([
         // 1
-        ['a'], ['b'], ['c'], ['d'], ['e'],
+        ['a'],
+        ['b'],
+        ['c'],
+        ['d'],
+        ['e'],
         // 2
-        ['a', 'b'], ['a', 'c'], ['a', 'd'], ['a', 'e'],
-        ['b', 'c'], ['b', 'd'], ['b', 'e'],
-        ['c', 'd'], ['c', 'e'],
+        ['a', 'b'],
+        ['a', 'c'],
+        ['a', 'd'],
+        ['a', 'e'],
+        ['b', 'c'],
+        ['b', 'd'],
+        ['b', 'e'],
+        ['c', 'd'],
+        ['c', 'e'],
         ['d', 'e'],
         // 3
-        ['a', 'b', 'c'], ['a', 'b', 'd'], ['a', 'b', 'e'],
-        ['a', 'c', 'd'], ['a', 'c', 'e'],
+        ['a', 'b', 'c'],
+        ['a', 'b', 'd'],
+        ['a', 'b', 'e'],
+        ['a', 'c', 'd'],
+        ['a', 'c', 'e'],
         ['a', 'd', 'e'],
 
-        ['b', 'c', 'd'], ['b', 'c', 'e'],
+        ['b', 'c', 'd'],
+        ['b', 'c', 'e'],
         ['b', 'd', 'e'],
 
         ['c', 'd', 'e'],
         // 4
-        ['a', 'b', 'c', 'd'], ['a', 'b', 'c', 'e'],
+        ['a', 'b', 'c', 'd'],
+        ['a', 'b', 'c', 'e'],
         ['a', 'b', 'd', 'e'],
 
         ['a', 'c', 'd', 'e'],
 
         ['b', 'c', 'd', 'e'],
         // 5
-        ['a', 'b', 'c', 'd', 'e']
+        ['a', 'b', 'c', 'd', 'e'],
       ])
     })
   })
@@ -76,59 +98,73 @@ describe('Theme Data 3', () => {
       expect(out.staticVars).to.be.an('object')
 
       // check backwards compat/generic stuff
-      basePaletteKeys.forEach(key => {
+      basePaletteKeys.forEach((key) => {
         expect(out.staticVars).to.have.property(key)
       })
     })
 
     it('Test initialization with a basic palette', () => {
       const out = init({
-        inputRuleset: [{
-          component: 'Root',
-          directives: {
-            '--bg': 'color | #008080',
-            '--fg': 'color | #00C0A0'
-          }
-        }],
-        ultimateBackgroundColor: '#DEADAF'
+        inputRuleset: [
+          {
+            component: 'Root',
+            directives: {
+              '--bg': 'color | #008080',
+              '--fg': 'color | #00C0A0',
+            },
+          },
+        ],
+        ultimateBackgroundColor: '#DEADAF',
       })
 
       expect(out.staticVars).to.have.property('bg').equal('#008080')
       expect(out.staticVars).to.have.property('fg').equal('#00C0A0')
 
-      const panelRule = out.eager.filter(x => {
+      const panelRule = out.eager.filter((x) => {
         if (x.component !== 'Panel') return false
         return true
       })[0]
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked', { r: 0, g: 128, b: 128 })
+      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked', {
+        r: 0,
+        g: 128,
+        b: 128,
+      })
     })
 
     it('Test initialization with opacity', () => {
       const out = init({
-        inputRuleset: [{
-          component: 'Root',
-          directives: {
-            '--bg': 'color | #008080'
-          }
-        }, {
-          component: 'Panel',
-          directives: {
-            opacity: 0.5
-          }
-        }],
+        inputRuleset: [
+          {
+            component: 'Root',
+            directives: {
+              '--bg': 'color | #008080',
+            },
+          },
+          {
+            component: 'Panel',
+            directives: {
+              opacity: 0.5,
+            },
+          },
+        ],
         onlyNormalState: true,
-        ultimateBackgroundColor: '#DEADAF'
+        ultimateBackgroundColor: '#DEADAF',
       })
 
       expect(out.staticVars).to.have.property('bg').equal('#008080')
 
-      const panelRule = out.eager.filter(x => {
+      const panelRule = out.eager.filter((x) => {
         if (x.component !== 'Panel') return false
         return true
       })[0]
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.background', { r: 0, g: 128, b: 128, a: 0.5 })
+      expect(panelRule).to.have.nested.deep.property('dynamicVars.background', {
+        r: 0,
+        g: 128,
+        b: 128,
+        a: 0.5,
+      })
       expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked')
       // Somewhat incorrect since we don't do gamma correction
       // real expectancy should be this:
@@ -140,9 +176,15 @@ describe('Theme Data 3', () => {
 
       */
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.r').that.is.closeTo(111, 0.01)
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.g').that.is.closeTo(150.5, 0.01)
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.b').that.is.closeTo(151.5, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.r')
+        .that.is.closeTo(111, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.g')
+        .that.is.closeTo(150.5, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.b')
+        .that.is.closeTo(151.5, 0.01)
     })
   })
 })
diff --git a/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js b/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
index 8c7a28950..81da21e97 100644
--- a/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
+++ b/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
@@ -3,19 +3,22 @@ import generateProfileLink from 'src/services/user_profile_link_generator/user_p
 describe('generateProfileLink', () => {
   it('returns obj for local user', () => {
     expect(generateProfileLink(1, 'jack')).to.eql({
-      name: 'user-profile', params: { name: 'jack' }
+      name: 'user-profile',
+      params: { name: 'jack' },
     })
   })
 
   it('returns obj for external user', () => {
     expect(generateProfileLink(1, 'john@domain')).to.eql({
-      name: 'external-user-profile', params: { id: 1 }
+      name: 'external-user-profile',
+      params: { id: 1 },
     })
   })
 
   it('returns obj for restricted user', () => {
     expect(generateProfileLink(1, 'lain', ['lain'])).to.eql({
-      name: 'external-user-profile', params: { id: 1 }
+      name: 'external-user-profile',
+      params: { id: 1 },
     })
   })
 })
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index 992355a7f..083730856 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -1,14 +1,16 @@
 import { createPinia, setActivePinia } from 'pinia'
-import { useListsStore } from 'src/stores/lists.js'
 import { createStore } from 'vuex'
+
+import { useListsStore } from 'src/stores/lists.js'
+
 import apiModule from 'src/modules/api.js'
 
 setActivePinia(createPinia())
 const store = useListsStore()
 window.vuex = createStore({
   modules: {
-    api: apiModule
-  }
+    api: apiModule,
+  },
 })
 
 describe('The lists store', () => {
@@ -28,12 +30,18 @@ describe('The lists store', () => {
       const modList = { id: '1', title: 'anotherTestTitle' }
 
       store.setList({ listId: list.id, title: list.title })
-      expect(store.allListsObject[list.id]).to.eql({ title: list.title, accountIds: [] })
+      expect(store.allListsObject[list.id]).to.eql({
+        title: list.title,
+        accountIds: [],
+      })
       expect(store.allLists).to.have.length(1)
       expect(store.allLists[0]).to.eql(list)
 
       store.setList({ listId: modList.id, title: modList.title })
-      expect(store.allListsObject[modList.id]).to.eql({ title: modList.title, accountIds: [] })
+      expect(store.allListsObject[modList.id]).to.eql({
+        title: modList.title,
+        accountIds: [],
+      })
       expect(store.allLists).to.have.length(1)
       expect(store.allLists[0]).to.eql(modList)
     })
@@ -46,16 +54,21 @@ describe('The lists store', () => {
       store.setListAccounts({ listId: list.id, accountIds: list.accountIds })
       expect(store.allListsObject[list.id].accountIds).to.eql(list.accountIds)
 
-      store.setListAccounts({ listId: modList.id, accountIds: modList.accountIds })
-      expect(store.allListsObject[modList.id].accountIds).to.eql(modList.accountIds)
+      store.setListAccounts({
+        listId: modList.id,
+        accountIds: modList.accountIds,
+      })
+      expect(store.allListsObject[modList.id].accountIds).to.eql(
+        modList.accountIds,
+      )
     })
 
     it('deletes a list', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const listId = '1'
 
@@ -70,8 +83,8 @@ describe('The lists store', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const id = '1'
 
@@ -82,8 +95,8 @@ describe('The lists store', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const id = '1'
 
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index 309fddde2..4664bba02 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -1,202 +1,198 @@
-import { createApp } from 'vue'
-import { createStore } from 'vuex'
+import { createTestingPinia } from '@pinia/testing'
+import { HttpResponse, http } from 'msw'
 import { createPinia, setActivePinia } from 'pinia'
-import { http, HttpResponse } from 'msw'
+
+import {
+  authApis,
+  injectMswToTest,
+  testServer,
+} from '/test/fixtures/mock_api.js'
+
+import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { injectMswToTest, authApis, testServer } from '/test/fixtures/mock_api.js'
 
 const test = injectMswToTest(authApis)
 
-const vuexStore = createStore({
-  modules: {
-    instance: {
-      state: () => ({ server: testServer })
-    }
-  }
-})
-const app = createApp({})
-app.use(vuexStore)
-window.vuex = vuexStore
-
-const getStore = (defaultStateInjection) => {
-  const pinia = createPinia().use(({ store }) => {
-    if (store.$id === 'oauth') {
-      store.$patch(defaultStateInjection)
-    }
-  })
-  app.use(pinia)
-  setActivePinia(pinia)
-  return useOAuthStore()
-}
-
-
-describe('createApp', () => {
-  test('it should use create an app and record client id and secret', async () => {
-    const store = getStore()
-    const app = await store.createApp()
-    expect(store.clientId).to.eql('test-id')
-    expect(store.clientSecret).to.eql('test-secret')
-    expect(app.clientId).to.eql('test-id')
-    expect(app.clientSecret).to.eql('test-secret')
+describe('oauth store', () => {
+  beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
+    useInstanceStore().server = testServer
   })
 
-  test('it should throw and not update if failed', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/api/v1/apps`, () => {
-        return HttpResponse.text('Throttled', { status: 429 })
-      })
-    )
+  describe('createApp', () => {
+    test('it should use create an app and record client id and secret', async () => {
+      const store = useOAuthStore()
+      const app = await store.createApp()
+      expect(store.clientId).to.eql('test-id')
+      expect(store.clientSecret).to.eql('test-secret')
+      expect(app.clientId).to.eql('test-id')
+      expect(app.clientSecret).to.eql('test-secret')
+    })
 
-    const store = getStore()
-    const res = store.createApp()
-    await expect(res).rejects.toThrowError('Throttled')
-    expect(store.clientId).to.eql(false)
-    expect(store.clientSecret).to.eql(false)
-  })
-})
-
-describe('ensureApp', () => {
-  test('it should create an app if it does not exist', async () => {
-    const store = getStore()
-    const app = await store.ensureApp()
-    expect(store.clientId).to.eql('test-id')
-    expect(store.clientSecret).to.eql('test-secret')
-    expect(app.clientId).to.eql('test-id')
-    expect(app.clientSecret).to.eql('test-secret')
-  })
-
-  test('it should not create an app if it exists', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/api/v1/apps`, () => {
-        return HttpResponse.text('Should not call this API', { status: 400 })
-      })
-    )
-
-    const store = getStore({
-      clientId: 'another-id',
-      clientSecret: 'another-secret'
-    })
-    const app = await store.ensureApp()
-    expect(store.clientId).to.eql('another-id')
-    expect(store.clientSecret).to.eql('another-secret')
-    expect(app.clientId).to.eql('another-id')
-    expect(app.clientSecret).to.eql('another-secret')
-  })
-})
-
-describe('getAppToken', () => {
-  test('it should get app token and set it in state', async () => {
-    const store = getStore({
-      clientId: 'test-id',
-      clientSecret: 'test-secret'
-    })
-    const token = await store.getAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-  })
-
-  test('it should throw and not set state if it cannot get app token', async () => {
-    const store = getStore({
-      clientId: 'bad-id',
-      clientSecret: 'bad-secret'
-    })
-    await expect(store.getAppToken()).rejects.toThrowError('400')
-    expect(store.appToken).to.eql(false)
-  })
-})
-
-describe('ensureAppToken', () => {
-  test('it should work if the state is empty', async () => {
-    const store = getStore()
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-  })
-
-  test('it should work if we already have a working token', async () => {
-    const store = getStore({
-      appToken: 'also-good-app-token'
-    })
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('also-good-app-token')
-    expect(store.appToken).to.eql('also-good-app-token')
-  })
-
-  test('it should work if we have a bad token but good app credentials', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/api/v1/apps`, () => {
-        return HttpResponse.text('Should not call this API', { status: 400 })
-      })
-    )
-    const store = getStore({
-      appToken: 'bad-app-token',
-      clientId: 'test-id',
-      clientSecret: 'test-secret'
-    })
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-  })
-
-  test('it should work if we have no token but good app credentials', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/api/v1/apps`, () => {
-        return HttpResponse.text('Should not call this API', { status: 400 })
-      })
-    )
-    const store = getStore({
-      clientId: 'test-id',
-      clientSecret: 'test-secret'
-    })
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-  })
-
-  test('it should work if we have no token and bad app credentials', async () => {
-    const store = getStore({
-      clientId: 'bad-id',
-      clientSecret: 'bad-secret'
-    })
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-    expect(store.clientId).to.eql('test-id')
-    expect(store.clientSecret).to.eql('test-secret')
-  })
-
-  test('it should work if we have bad token and bad app credentials', async () => {
-    const store = getStore({
-      appToken: 'bad-app-token',
-      clientId: 'bad-id',
-      clientSecret: 'bad-secret'
-    })
-    const token = await store.ensureAppToken()
-    expect(token).to.eql('test-app-token')
-    expect(store.appToken).to.eql('test-app-token')
-    expect(store.clientId).to.eql('test-id')
-    expect(store.clientSecret).to.eql('test-secret')
-  })
-
-  test('it should throw if we cannot create an app', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/api/v1/apps`, () => {
-        return HttpResponse.text('Throttled', { status: 429 })
-      })
-    )
-
-    const store = getStore()
-    await expect(store.ensureAppToken()).rejects.toThrowError('Throttled')
-  })
-
-  test('it should throw if we cannot obtain app token', async ({ worker }) => {
-    worker.use(
-      http.post(`${testServer}/oauth/token`, () => {
-        return HttpResponse.text('Throttled', { status: 429 })
-      })
-    )
-
-    const store = getStore()
-    await expect(store.ensureAppToken()).rejects.toThrowError('Throttled')
+    test('it should throw and not update if failed', async ({ worker }) => {
+      worker.use(
+        http.post(`${testServer}/api/v1/apps`, () => {
+          return HttpResponse.text('Throttled', { status: 429 })
+        }),
+      )
+
+      const store = useOAuthStore()
+      const res = store.createApp()
+      await expect(res).rejects.toThrowError('Throttled')
+      expect(store.clientId).to.eql(false)
+      expect(store.clientSecret).to.eql(false)
+    })
+  })
+
+  describe('ensureApp', () => {
+    test('it should create an app if it does not exist', async () => {
+      const store = useOAuthStore()
+      const app = await store.ensureApp()
+      expect(store.clientId).to.eql('test-id')
+      expect(store.clientSecret).to.eql('test-secret')
+      expect(app.clientId).to.eql('test-id')
+      expect(app.clientSecret).to.eql('test-secret')
+    })
+
+    test('it should not create an app if it exists', async ({ worker }) => {
+      worker.use(
+        http.post(`${testServer}/api/v1/apps`, () => {
+          return HttpResponse.text('Should not call this API', { status: 400 })
+        }),
+      )
+
+      const store = useOAuthStore()
+      store.clientId = 'another-id'
+      store.clientSecret = 'another-secret'
+
+      const app = await store.ensureApp()
+      expect(store.clientId).to.eql('another-id')
+      expect(store.clientSecret).to.eql('another-secret')
+      expect(app.clientId).to.eql('another-id')
+      expect(app.clientSecret).to.eql('another-secret')
+    })
+  })
+
+  describe('getAppToken', () => {
+    test('it should get app token and set it in state', async () => {
+      const store = useOAuthStore()
+      store.clientId = 'test-id'
+      store.clientSecret = 'test-secret'
+
+      const token = await store.getAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+    })
+
+    test('it should throw and not set state if it cannot get app token', async () => {
+      const store = useOAuthStore()
+      store.clientId = 'bad-id'
+      store.clientSecret = 'bad-secret'
+
+      await expect(store.getAppToken()).rejects.toThrowError('400')
+      expect(store.appToken).to.eql(false)
+    })
+  })
+
+  describe('ensureAppToken', () => {
+    test('it should work if the state is empty', async () => {
+      const store = useOAuthStore()
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+    })
+
+    test('it should work if we already have a working token', async () => {
+      const store = useOAuthStore()
+      store.appToken = 'also-good-app-token'
+
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('also-good-app-token')
+      expect(store.appToken).to.eql('also-good-app-token')
+    })
+
+    test('it should work if we have a bad token but good app credentials', async ({
+      worker,
+    }) => {
+      worker.use(
+        http.post(`${testServer}/api/v1/apps`, () => {
+          return HttpResponse.text('Should not call this API', { status: 400 })
+        }),
+      )
+      const store = useOAuthStore()
+      store.appToken = 'bad-app-token'
+      store.clientId = 'test-id'
+      store.clientSecret = 'test-secret'
+
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+    })
+
+    test('it should work if we have no token but good app credentials', async ({
+      worker,
+    }) => {
+      worker.use(
+        http.post(`${testServer}/api/v1/apps`, () => {
+          return HttpResponse.text('Should not call this API', { status: 400 })
+        }),
+      )
+      const store = useOAuthStore()
+      store.clientId = 'test-id'
+      store.clientSecret = 'test-secret'
+
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+    })
+
+    test('it should work if we have no token and bad app credentials', async () => {
+      const store = useOAuthStore()
+      store.clientId = 'bad-id'
+      store.clientSecret = 'bad-secret'
+
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+      expect(store.clientId).to.eql('test-id')
+      expect(store.clientSecret).to.eql('test-secret')
+    })
+
+    test('it should work if we have bad token and bad app credentials', async () => {
+      const store = useOAuthStore()
+      store.appToken = 'bad-app-token'
+      store.clientId = 'bad-id'
+      store.clientSecret = 'bad-secret'
+
+      const token = await store.ensureAppToken()
+      expect(token).to.eql('test-app-token')
+      expect(store.appToken).to.eql('test-app-token')
+      expect(store.clientId).to.eql('test-id')
+      expect(store.clientSecret).to.eql('test-secret')
+    })
+
+    test('it should throw if we cannot create an app', async ({ worker }) => {
+      worker.use(
+        http.post(`${testServer}/api/v1/apps`, () => {
+          return HttpResponse.text('Throttled', { status: 429 })
+        }),
+      )
+
+      const store = useOAuthStore()
+      await expect(store.ensureAppToken()).rejects.toThrowError('Throttled')
+    })
+
+    test('it should throw if we cannot obtain app token', async ({
+      worker,
+    }) => {
+      worker.use(
+        http.post(`${testServer}/oauth/token`, () => {
+          return HttpResponse.text('Throttled', { status: 429 })
+        }),
+      )
+
+      const store = useOAuthStore()
+      await expect(store.ensureAppToken()).rejects.toThrowError('Throttled')
+    })
   })
 })
diff --git a/test/unit/specs/modules/serverSideStorage.spec.js b/test/unit/specs/stores/sync_config.spec.js
similarity index 51%
rename from test/unit/specs/modules/serverSideStorage.spec.js
rename to test/unit/specs/stores/sync_config.spec.js
index 607bf9263..adf447930 100644
--- a/test/unit/specs/modules/serverSideStorage.spec.js
+++ b/test/unit/specs/stores/sync_config.spec.js
@@ -1,107 +1,164 @@
 import { cloneDeep } from 'lodash'
-import { setActivePinia, createPinia } from 'pinia'
+import { createPinia, setActivePinia } from 'pinia'
 
 import {
-  VERSION,
-  COMMAND_TRIM_FLAGS,
-  COMMAND_TRIM_FLAGS_AND_RESET,
-  _moveItemInArray,
-  _getRecentData,
   _getAllFlags,
+  _getRecentData,
   _mergeFlags,
   _mergePrefs,
+  _moveItemInArray,
   _resetFlags,
+  COMMAND_TRIM_FLAGS,
+  COMMAND_TRIM_FLAGS_AND_RESET,
   defaultState,
   newUserFlags,
-  useServerSideStorageStore,
-} from 'src/stores/serverSideStorage.js'
+  useSyncConfigStore,
+  VERSION,
+} from 'src/stores/sync_config.js'
 
-describe('The serverSideStorage module', () => {
+describe('The SyncConfig store', () => {
   beforeEach(() => {
     setActivePinia(createPinia())
   })
 
   describe('mutations', () => {
-    describe('setServerSideStorage', () => {
+    describe('initSyncConfig', () => {
       const user = {
         created_at: new Date('1999-02-09'),
-        storage: {}
+        storage: {},
       }
 
-      it('should initialize storage if none present', () => {
-        const store = useServerSideStorageStore()
-        store.setServerSideStorage(store, user)
+      it('should initialize storage if none present', async () => {
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+        await store.initSyncConfig({ ...user })
         expect(store.cache._version).to.eql(VERSION)
         expect(store.cache._timestamp).to.be.a('number')
         expect(store.cache.flagStorage).to.eql(defaultState.flagStorage)
         expect(store.cache.prefsStorage).to.eql(defaultState.prefsStorage)
       })
 
-      it('should initialize storage with proper flags for new users if none present', () => {
-        const store = useServerSideStorageStore()
-        store.setServerSideStorage({ ...user, created_at: new Date() })
+      it('should initialize storage with proper flags for new users if none present', async () => {
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+        await store.initSyncConfig({ ...user, created_at: new Date() })
         expect(store.cache._version).to.eql(VERSION)
         expect(store.cache._timestamp).to.be.a('number')
         expect(store.cache.flagStorage).to.eql(newUserFlags)
         expect(store.cache.prefsStorage).to.eql(defaultState.prefsStorage)
       })
 
-      it('should merge flags even if remote timestamp is older', () => {
-        const store = useServerSideStorageStore()
+      it('should merge flags even if remote timestamp is older', async () => {
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.cache = {
           _timestamp: Date.now(),
           _version: VERSION,
-          ...cloneDeep(defaultState)
+          ...cloneDeep(defaultState),
         }
 
-        store.setServerSideStorage(
-          {
-            ...user,
-            storage: {
-              _timestamp: 123,
-              _version: VERSION,
-              flagStorage: {
-                ...defaultState.flagStorage,
-                updateCounter: 1
-              },
-              prefsStorage: {
-                ...defaultState.prefsStorage
-              }
-            }
-          }
-        )
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 123,
+            _version: VERSION,
+            flagStorage: {
+              ...defaultState.flagStorage,
+              updateCounter: 1,
+            },
+            prefsStorage: {
+              ...defaultState.prefsStorage,
+            },
+          },
+        })
 
-        expect(store.cache.flagStorage).to.eql({
+        expect(store.flagStorage).to.eql({
           ...defaultState.flagStorage,
-          updateCounter: 1
+          updateCounter: 1,
         })
       })
 
-      it('should reset local timestamp to remote if contents are the same', () => {
-        const store = useServerSideStorageStore()
-        store.cache = null
+      it('should trim journal to 500 entries', async () => {
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+        store.cache = {
+          _timestamp: Date.now(),
+          _version: VERSION,
+          ...cloneDeep(defaultState),
+        }
+        const largeJournal = []
+        for (let value = 0; value < 1000; value++) {
+          largeJournal.push({
+            path: 'simple.testing' + value,
+            operation: 'set',
+            args: [value],
+            // should have A timestamp, we don't really care what it is
+            timestamp: 123456,
+          })
+        }
 
-        store.setServerSideStorage(
-          {
-            ...user,
-            storage: {
-              _timestamp: 123,
-              _version: VERSION,
-              flagStorage: {
-                ...defaultState.flagStorage,
-                updateCounter: 999
-              }
-            }
-          }
-        )
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 123,
+            _version: VERSION,
+            flagStorage: {
+              ...defaultState.flagStorage,
+              updateCounter: 1,
+            },
+            prefsStorage: {
+              ...defaultState.prefsStorage,
+              _journal: largeJournal,
+            },
+          },
+        })
+
+        expect(store.prefsStorage._journal.length).to.eql(500)
+      })
+
+      it('should reset local timestamp to remote if contents are the same', async () => {
+        const store = useSyncConfigStore()
+        store.cache = null
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 123,
+            _version: VERSION,
+            flagStorage: {
+              ...defaultState.flagStorage,
+              updateCounter: 999,
+            },
+          },
+        })
         expect(store.cache._timestamp).to.eql(123)
         expect(store.flagStorage.updateCounter).to.eql(999)
         expect(store.cache.flagStorage.updateCounter).to.eql(999)
       })
 
-      it('should remote version if local missing', () => {
-        const store = useServerSideStorageStore()
-        store.setServerSideStorage(store, user)
+      it('should use remote version if local missing', async () => {
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+        await store.initSyncConfig(store, user)
         expect(store.cache._version).to.eql(VERSION)
         expect(store.cache._timestamp).to.be.a('number')
         expect(store.cache.flagStorage).to.eql(defaultState.flagStorage)
@@ -109,7 +166,11 @@ describe('The serverSideStorage module', () => {
     })
     describe('setPreference', () => {
       it('should set preference and update journal log accordingly', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.testing', value: 1 })
         expect(store.prefsStorage.simple.testing).to.eql(1)
         expect(store.prefsStorage._journal.length).to.eql(1)
@@ -118,16 +179,23 @@ describe('The serverSideStorage module', () => {
           operation: 'set',
           args: [1],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[0].timestamp
+          timestamp: store.prefsStorage._journal[0].timestamp,
         })
       })
 
       it('should keep journal to a minimum', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.testing', value: 1 })
         store.setPreference({ path: 'simple.testing', value: 2 })
         store.addCollectionPreference({ path: 'collections.testing', value: 2 })
-        store.removeCollectionPreference({ path: 'collections.testing', value: 2 })
+        store.removeCollectionPreference({
+          path: 'collections.testing',
+          value: 2,
+        })
         store.updateCache({ username: 'test' })
         expect(store.prefsStorage.simple.testing).to.eql(2)
         expect(store.prefsStorage.collections.testing).to.eql([])
@@ -137,19 +205,23 @@ describe('The serverSideStorage module', () => {
           operation: 'set',
           args: [2],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[0].timestamp
+          timestamp: store.prefsStorage._journal[0].timestamp,
         })
         expect(store.prefsStorage._journal[1]).to.eql({
           path: 'collections.testing',
           operation: 'removeFromCollection',
           args: [2],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[1].timestamp
+          timestamp: store.prefsStorage._journal[1].timestamp,
         })
       })
 
       it('should remove duplicate entries from journal', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.testing', value: 1 })
         store.setPreference({ path: 'simple.testing', value: 1 })
         store.addCollectionPreference({ path: 'collections.testing', value: 2 })
@@ -161,7 +233,11 @@ describe('The serverSideStorage module', () => {
       })
 
       it('should remove depth = 3 set/unset entries from journal', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.object.foo', value: 1 })
         store.unsetPreference({ path: 'simple.object.foo' })
         store.updateCache(store, { username: 'test' })
@@ -170,19 +246,37 @@ describe('The serverSideStorage module', () => {
       })
 
       it('should not allow unsetting depth <= 2', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.object.foo', value: 1 })
         expect(() => store.unsetPreference({ path: 'simple' })).to.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object' })).to.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object' }),
+        ).to.throw()
       })
 
       it('should not allow (un)setting depth > 3', () => {
-        const store = useServerSideStorageStore()
+        const store = useSyncConfigStore()
+        // PushSyncConfig is very simple but uses vuex to push data
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
         store.setPreference({ path: 'simple.object', value: {} })
-        expect(() => store.setPreference({ path: 'simple.object.lv3', value: 1 })).to.not.throw()
-        expect(() => store.setPreference({ path: 'simple.object.lv3.lv4', value: 1})).to.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object.lv3', value: 1 })).to.not.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object.lv3.lv4', value: 1})).to.throw()
+        expect(() =>
+          store.setPreference({ path: 'simple.object.lv3', value: 1 }),
+        ).to.not.throw()
+        expect(() =>
+          store.setPreference({ path: 'simple.object.lv3.lv4', value: 1 }),
+        ).to.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object.lv3', value: 1 }),
+        ).to.not.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object.lv3.lv4', value: 1 }),
+        ).to.throw()
       })
     })
   })
@@ -200,33 +294,65 @@ describe('The serverSideStorage module', () => {
     })
     describe('_getRecentData', () => {
       it('should handle nulls correctly', () => {
-        expect(_getRecentData(null, null, true)).to.eql({ recent: null, stale: null, needUpload: true })
+        expect(_getRecentData(null, null, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
       })
 
-      it('doesn\'t choke on invalid data', () => {
-        expect(_getRecentData({ a: 1 }, { b: 2 }, true)).to.eql({ recent: null, stale: null, needUpload: true })
+      it("doesn't choke on invalid data", () => {
+        expect(_getRecentData({ a: 1 }, { b: 2 }, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
       })
 
       it('should prefer the valid non-null correctly, needUpload works properly', () => {
         const nonNull = { _version: VERSION, _timestamp: 1 }
-        expect(_getRecentData(nonNull, null, true)).to.eql({ recent: nonNull, stale: null, needUpload: true })
-        expect(_getRecentData(null, nonNull, true)).to.eql({ recent: nonNull, stale: null, needUpload: false })
+        expect(_getRecentData(nonNull, null, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: true,
+        })
+        expect(_getRecentData(null, nonNull, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: false,
+        })
       })
 
       it('should prefer the one with higher timestamp', () => {
         const a = { _version: VERSION, _timestamp: 1 }
         const b = { _version: VERSION, _timestamp: 2 }
 
-        expect(_getRecentData(a, b, true)).to.eql({ recent: b, stale: a, needUpload: false })
-        expect(_getRecentData(b, a, true)).to.eql({ recent: b, stale: a, needUpload: false })
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
       })
 
       it('case where both are same', () => {
         const a = { _version: VERSION, _timestamp: 3 }
         const b = { _version: VERSION, _timestamp: 3 }
 
-        expect(_getRecentData(a, b, true)).to.eql({ recent: b, stale: a, needUpload: false })
-        expect(_getRecentData(b, a, true)).to.eql({ recent: b, stale: a, needUpload: false })
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
       })
     })
 
@@ -235,10 +361,17 @@ describe('The serverSideStorage module', () => {
         expect(_getAllFlags(null, null)).to.eql([])
       })
       it('should output list of keys if passed single object', () => {
-        expect(_getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, null)).to.eql(['a', 'b', 'c'])
+        expect(
+          _getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, null),
+        ).to.eql(['a', 'b', 'c'])
       })
       it('should union keys of both objects', () => {
-        expect(_getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, { flagStorage: { c: 1, d: 1 } })).to.eql(['a', 'b', 'c', 'd'])
+        expect(
+          _getAllFlags(
+            { flagStorage: { a: 1, b: 1, c: 1 } },
+            { flagStorage: { c: 1, d: 1 } },
+          ),
+        ).to.eql(['a', 'b', 'c', 'd'])
       })
     })
 
@@ -248,7 +381,8 @@ describe('The serverSideStorage module', () => {
           _mergeFlags(
             { flagStorage: { a: 0, b: 3 } },
             { flagStorage: { b: 1, c: 4, d: 9 } },
-            ['a', 'b', 'c', 'd'])
+            ['a', 'b', 'c', 'd'],
+          ),
         ).to.eql({ a: 0, b: 3, c: 4, d: 9 })
       })
     })
@@ -262,25 +396,30 @@ describe('The serverSideStorage module', () => {
               simple: { a: 1, b: 0, c: true },
               _journal: [
                 { path: 'simple.b', operation: 'set', args: [0], timestamp: 2 },
-                { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 }
-              ]
+                {
+                  path: 'simple.c',
+                  operation: 'set',
+                  args: [true],
+                  timestamp: 4,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 1, b: 1, c: false },
               _journal: [
                 { path: 'simple.a', operation: 'set', args: [1], timestamp: 1 },
-                { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 }
-              ]
-            }
-          )
+                { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 1, b: 1, c: true },
           _journal: [
             { path: 'simple.a', operation: 'set', args: [1], timestamp: 1 },
             { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 },
-            { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 }
-          ]
+            { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 },
+          ],
         })
       })
 
@@ -292,25 +431,30 @@ describe('The serverSideStorage module', () => {
               simple: { a: 1, b: 0, c: false },
               _journal: [
                 { path: 'simple.b', operation: 'set', args: [0], timestamp: 2 },
-                { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 }
-              ]
+                {
+                  path: 'simple.c',
+                  operation: 'set',
+                  args: [false],
+                  timestamp: 4,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 0, b: 0, c: true },
               _journal: [
                 { path: 'simple.a', operation: 'set', args: [0], timestamp: 1 },
-                { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 }
-              ]
-            }
-          )
+                { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 0, b: 0, c: false },
           _journal: [
             { path: 'simple.a', operation: 'set', args: [0], timestamp: 1 },
             { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 },
-            { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 }
-          ]
+            { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 },
+          ],
         })
       })
 
@@ -321,22 +465,32 @@ describe('The serverSideStorage module', () => {
             {
               simple: { a: 'foo' },
               _journal: [
-                { path: 'simple.a', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.a',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 'bar' },
               _journal: [
-                { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.a',
+                  operation: 'set',
+                  args: ['bar'],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 'bar' },
           _journal: [
-            { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 }
-          ]
+            { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 },
+          ],
         })
       })
 
@@ -347,22 +501,37 @@ describe('The serverSideStorage module', () => {
             {
               simple: { lv2: { lv3: 'foo' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { lv2: { lv3: 'bar' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['bar'], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['bar'],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { lv2: { lv3: 'bar' } },
           _journal: [
-            { path: 'simple.lv2.lv3', operation: 'set', args: ['bar'], timestamp: 4 }
-          ]
+            {
+              path: 'simple.lv2.lv3',
+              operation: 'set',
+              args: ['bar'],
+              timestamp: 4,
+            },
+          ],
         })
       })
 
@@ -373,41 +542,64 @@ describe('The serverSideStorage module', () => {
             {
               simple: { lv2: { lv3: 'foo' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { lv2: {} },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'unset', args: [], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'unset',
+                  args: [],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { lv2: {} },
           _journal: [
-            { path: 'simple.lv2.lv3', operation: 'unset', args: [], timestamp: 4 }
-          ]
+            {
+              path: 'simple.lv2.lv3',
+              operation: 'unset',
+              args: [],
+              timestamp: 4,
+            },
+          ],
         })
       })
     })
 
     describe('_resetFlags', () => {
-      it('should reset all known flags to 0 when reset flag is set to > 0 and < 9000', () => {
-        const totalFlags = { a: 0, b: 3, reset: 1 }
-
-        expect(_resetFlags(totalFlags)).to.eql({ a: 0, b: 0, reset: 0 })
-      })
       it('should trim all flags to known when reset is set to 1000', () => {
         const totalFlags = { a: 0, b: 3, c: 33, reset: COMMAND_TRIM_FLAGS }
 
-        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({ a: 0, b: 3, reset: 0 })
+        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({
+          a: 0,
+          b: 3,
+          reset: 0,
+        })
       })
       it('should trim all flags to known and reset when reset is set to 1001', () => {
-        const totalFlags = { a: 0, b: 3, c: 33, reset: COMMAND_TRIM_FLAGS_AND_RESET }
+        const totalFlags = {
+          a: 0,
+          b: 3,
+          c: 33,
+          reset: COMMAND_TRIM_FLAGS_AND_RESET,
+        }
 
-        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({ a: 0, b: 0, reset: 0 })
+        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({
+          a: 0,
+          b: 0,
+          reset: 0,
+        })
       })
     })
   })
diff --git a/test/unit/specs/stores/user_highlight.spec.js b/test/unit/specs/stores/user_highlight.spec.js
new file mode 100644
index 000000000..4e66a9bbb
--- /dev/null
+++ b/test/unit/specs/stores/user_highlight.spec.js
@@ -0,0 +1,320 @@
+import { cloneDeep } from 'lodash'
+import { createPinia, setActivePinia } from 'pinia'
+
+import {
+  _getRecentData,
+  _mergeHighlights,
+  _moveItemInArray,
+  useUserHighlightStore,
+} from 'src/stores/user_highlight.js'
+
+describe('The UserHighlight store', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    window.vuex = {
+      state: {
+        users: {
+          currentUser: {
+            fqn: 'foo@bar.tld',
+          },
+        },
+      },
+    }
+  })
+
+  describe('mutations', () => {
+    describe('initUserHighlight', () => {
+      const user = {
+        created_at: new Date('1999-02-09'),
+        storage: {},
+      }
+
+      it('should initialize storage if none present', async () => {
+        const store = useUserHighlightStore()
+        await store.initUserHighlight({ ...user })
+        expect(store.cache._timestamp).to.be.a('number')
+        expect(store.cache.highlight).to.eql({ _journal: [] })
+      })
+
+      it('should initialize storage for new users if none present', async () => {
+        const store = useUserHighlightStore()
+        await store.initUserHighlight({ ...user, created_at: new Date() })
+        expect(store.cache._timestamp).to.be.a('number')
+        expect(store.cache.highlight).to.eql({ _journal: [] })
+      })
+
+      it('should use remote version if local missing', async () => {
+        const store = useUserHighlightStore()
+        await store.initUserHighlight(store, user)
+        expect(store.cache._timestamp).to.be.a('number')
+      })
+    })
+    describe('set', () => {
+      it('should set preference and update journal log accordingly', () => {
+        const store = useUserHighlightStore()
+        store.set({ user: 'highlight@testing', value: { type: 'test' } })
+        expect(store.highlight['highlight@testing']).to.eql({
+          user: 'highlight@testing',
+          type: 'test',
+        })
+        expect(store.highlight._journal.length).to.eql(1)
+        expect(store.highlight._journal[0]).to.eql({
+          user: 'highlight@testing',
+          operation: 'set',
+          args: [{ user: 'highlight@testing', type: 'test' }],
+          // should have A timestamp, we don't really care what it is
+          timestamp: store.highlight._journal[0].timestamp,
+        })
+      })
+
+      it('should keep journal to a minimum', () => {
+        const store = useUserHighlightStore()
+        store.set({ user: 'highlight@testing.xyz', value: { type: 'test' } })
+        store.set({ user: 'highlight@testing.xyz', value: { type: 'test' } })
+        store.updateCache({ username: 'test' })
+        expect(store.highlight['highlight@testing.xyz']).to.eql({
+          user: 'highlight@testing.xyz',
+          type: 'test',
+        })
+        expect(store.highlight._journal.length).to.eql(1)
+        expect(store.highlight._journal[0]).to.eql({
+          user: 'highlight@testing.xyz',
+          operation: 'set',
+          args: [
+            {
+              user: 'highlight@testing.xyz',
+              type: 'test',
+            },
+          ],
+          // should have A timestamp, we don't really care what it is
+          timestamp: store.highlight._journal[0].timestamp,
+        })
+      })
+
+      it('should remove duplicate entries from journal', () => {
+        const store = useUserHighlightStore()
+        store.set({ user: 'a@test.xyz', value: { type: 'foo' } })
+        store.set({ user: 'a@test.xyz', value: { type: 'foo' } })
+        store.updateCache({ username: 'test' })
+        expect(store.highlight['a@test.xyz']).to.eql({
+          user: 'a@test.xyz',
+          type: 'foo',
+        })
+        expect(store.highlight._journal.length).to.eql(1)
+      })
+    })
+  })
+
+  describe('helper functions', () => {
+    describe('_getRecentData', () => {
+      it('should handle nulls correctly', () => {
+        expect(_getRecentData(null, null, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
+      })
+
+      it("doesn't choke on invalid data", () => {
+        expect(_getRecentData({ a: 1 }, { b: 2 }, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
+      })
+
+      it('should prefer the valid non-null correctly, needUpload works properly', () => {
+        const nonNull = { _timestamp: 1 }
+        expect(_getRecentData(nonNull, null, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: true,
+        })
+        expect(_getRecentData(null, nonNull, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: false,
+        })
+      })
+
+      it('should prefer the one with higher timestamp', () => {
+        const a = { _timestamp: 1 }
+        const b = { _timestamp: 2 }
+
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+      })
+
+      it('case where both are same', () => {
+        const a = { _timestamp: 3 }
+        const b = { _timestamp: 3 }
+
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+      })
+    })
+
+    describe('_mergeHighlights', () => {
+      it('should prefer recent and apply journal to it', () => {
+        expect(
+          _mergeHighlights(
+            // RECENT
+            {
+              highlight: {
+                'a@test.xyz': 1,
+                'b@test.xyz': 0,
+                'c@test.xyz': true,
+              },
+              _journal: [
+                {
+                  user: 'b@test.xyz',
+                  operation: 'set',
+                  args: [0],
+                  timestamp: 2,
+                },
+                {
+                  user: 'c@test.xyz',
+                  operation: 'set',
+                  args: [true],
+                  timestamp: 4,
+                },
+              ],
+            },
+            // STALE
+            {
+              highlight: {
+                'a@test.xyz': 1,
+                'b@test.xyz': 1,
+                'c@test.xyz': false,
+              },
+              _journal: [
+                {
+                  user: 'a@test.xyz',
+                  operation: 'set',
+                  args: [1],
+                  timestamp: 1,
+                },
+                {
+                  user: 'b@test.xyz',
+                  operation: 'set',
+                  args: [1],
+                  timestamp: 3,
+                },
+              ],
+            },
+          ),
+        ).to.eql({
+          highlight: { 'a@test.xyz': 1, 'b@test.xyz': 1, 'c@test.xyz': true },
+          _journal: [
+            { user: 'a@test.xyz', operation: 'set', args: [1], timestamp: 1 },
+            { user: 'b@test.xyz', operation: 'set', args: [1], timestamp: 3 },
+            {
+              user: 'c@test.xyz',
+              operation: 'set',
+              args: [true],
+              timestamp: 4,
+            },
+          ],
+        })
+      })
+
+      it('should work with objects', () => {
+        expect(
+          _mergeHighlights(
+            // RECENT
+            {
+              highlight: { 'a@test.xyz': { type: 'foo' } },
+              _journal: [
+                {
+                  user: 'a@test.xyz',
+                  operation: 'set',
+                  args: [{ type: 'foo' }],
+                  timestamp: 2,
+                },
+              ],
+            },
+            // STALE
+            {
+              highlight: { 'a@test.xyz': { type: 'bar' } },
+              _journal: [
+                {
+                  user: 'a@test.xyz',
+                  operation: 'set',
+                  args: [{ type: 'bar' }],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
+        ).to.eql({
+          highlight: { 'a@test.xyz': { type: 'bar' } },
+          _journal: [
+            {
+              user: 'a@test.xyz',
+              operation: 'set',
+              args: [{ type: 'bar' }],
+              timestamp: 4,
+            },
+          ],
+        })
+      })
+
+      it('should work with unset', () => {
+        expect(
+          _mergeHighlights(
+            // RECENT
+            {
+              highlight: { 'a@test.xyz': { type: 'foo' } },
+              _journal: [
+                {
+                  user: 'a@test.xyz',
+                  operation: 'set',
+                  args: [{ type: 'foo' }],
+                  timestamp: 2,
+                },
+              ],
+            },
+            // STALE
+            {
+              highlight: {},
+              _journal: [
+                {
+                  user: 'a@test.xyz',
+                  operation: 'unset',
+                  args: [],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
+        ).to.eql({
+          highlight: {},
+          _journal: [
+            {
+              user: 'a@test.xyz',
+              operation: 'unset',
+              args: [],
+              timestamp: 4,
+            },
+          ],
+        })
+      })
+    })
+  })
+})
diff --git a/tools/e2e/run.sh b/tools/e2e/run.sh
new file mode 100644
index 000000000..3c0ba8a36
--- /dev/null
+++ b/tools/e2e/run.sh
@@ -0,0 +1,35 @@
+#!/bin/sh
+
+set -u
+
+COMPOSE_FILE="docker-compose.e2e.yml"
+
+: "${COMPOSE_MENU:=false}"
+: "${PLEROMA_IMAGE:=git.pleroma.social:5050/pleroma/pleroma:stable}"
+: "${E2E_ADMIN_USERNAME:=admin}"
+: "${E2E_ADMIN_PASSWORD:=adminadmin}"
+: "${E2E_ADMIN_EMAIL:=admin@example.com}"
+
+cleanup() {
+  docker compose -f "$COMPOSE_FILE" down -v --remove-orphans >/dev/null 2>&1 || true
+}
+
+cleanup
+
+trap 'cleanup; exit 130' INT TERM
+
+set +e
+COMPOSE_MENU="$COMPOSE_MENU" docker compose -f "$COMPOSE_FILE" up --build --remove-orphans --attach e2e --no-log-prefix --abort-on-container-exit --exit-code-from e2e
+result="$?"
+set -e
+
+if [ "$result" -ne 0 ]; then
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright >/dev/null 2>&1 || true
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright >/dev/null 2>&1 || true
+  mkdir -p test/e2e-playwright/test-results
+  docker compose -f "$COMPOSE_FILE" logs --no-color pleroma db > test/e2e-playwright/test-results/docker-compose.log 2>/dev/null || true
+fi
+
+cleanup
+
+exit "$result"
diff --git a/tools/emoji_merger.js b/tools/emoji_merger.js
index 4d3039612..b49ead471 100644
--- a/tools/emoji_merger.js
+++ b/tools/emoji_merger.js
@@ -26,10 +26,10 @@ const run = () => {
   let data = fs.readFileSync(newEmojiFilename, 'utf8')
 
   // First filter out anything that's more than one codepoint
-  const newEmojis = JSON.parse(data).emojis.filter(e => e.emoji.length <= 2)
+  const newEmojis = JSON.parse(data).emojis.filter((e) => e.emoji.length <= 2)
 
   // Create a table with format { shortname: emoji }, remove the :
-  newEmojis.forEach(e => {
+  newEmojis.forEach((e) => {
     const name = e.shortname.slice(1, e.shortname.length - 1).toLowerCase()
     if (name.length > 0) {
       newEmojisObject[name] = e.emoji
@@ -41,27 +41,34 @@ const run = () => {
   emojisObject = JSON.parse(data)
 
   // Get rid of longer emojis that don't play nice with reactions
-  Object.keys(emojisObject).forEach(e => {
+  Object.keys(emojisObject).forEach((e) => {
     if (emojisObject[e].length > 2) emojisObject[e] = undefined
   })
 
   // Add new emojis from the new tables to the old table
-  Object.keys(newEmojisObject).forEach(e => {
+  Object.keys(newEmojisObject).forEach((e) => {
     if (!emojisObject[e] && newEmojisObject[e].length <= 2) {
       emojisObject[e] = newEmojisObject[e]
     }
   })
 
   // Sort by key
-  const sorted = Object.keys(emojisObject).sort().reduce((acc, key) => {
-    if (key.length === 0) return acc
-    acc[key] = emojisObject[key]
-    return acc
-  }, {})
+  const sorted = Object.keys(emojisObject)
+    .sort()
+    .reduce((acc, key) => {
+      if (key.length === 0) return acc
+      acc[key] = emojisObject[key]
+      return acc
+    }, {})
 
-  fs.writeFile(outputFilename, JSON.stringify(sorted, null, 2), 'utf8', (err) => {
-    if (err) console.error('Error writing file', err)
-  })
+  fs.writeFile(
+    outputFilename,
+    JSON.stringify(sorted, null, 2),
+    'utf8',
+    (err) => {
+      if (err) console.error('Error writing file', err)
+    },
+  )
 }
 
 run()
diff --git a/tools/emojis.json b/tools/emojis.json
index 62f25070a..7811327e7 100644
--- a/tools/emojis.json
+++ b/tools/emojis.json
@@ -1,4036 +1,36292 @@
 {
-	"emojis": [
-		{"emoji": "👩‍👩‍👧‍👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👧‍👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👦‍👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧‍👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧‍👦", "name": "family: man, woman, girl, boy", "shortname": ":man_woman_girl_boy:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👦‍👦", "name": "family: man, woman, boy, boy", "shortname": ":man_woman_boy_boy:", "unicode": "1F468 200D 1F469 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧‍👧", "name": "family: man, man, girl, girl", "shortname": ":man_man_girl_girl:", "unicode": "1F468 200D 1F468 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧‍👦", "name": "family: man, man, girl, boy", "shortname": ":man_man_girl_boy:", "unicode": "1F468 200D 1F468 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👦‍👦", "name": "family: man, man, boy, boy", "shortname": ":man_man_boy_boy:", "unicode": "1F468 200D 1F468 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👧", "name": "family: woman, woman, girl", "shortname": ":woman_woman_girl:", "unicode": "1F469 200D 1F469 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👦", "name": "family: woman, woman, boy", "shortname": ":woman_woman_boy:", "unicode": "1F469 200D 1F469 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧‍👧", "name": "family: woman, girl, girl", "shortname": ":woman_girl_girl:", "unicode": "1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧‍👦", "name": "family: woman, girl, boy", "shortname": ":woman_girl_boy:", "unicode": "1F469 200D 1F467 200D 1F466", "html": "&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👦‍👦", "name": "family: woman, boy, boy", "shortname": ":woman_boy_boy:", "unicode": "1F469 200D 1F466 200D 1F466", "html": "&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧", "name": "family: man, woman, girl", "shortname": ":man_woman_girl:", "unicode": "1F468 200D 1F469 200D 1F467", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧", "name": "family: man, man, girl", "shortname": ":man_man_girl:", "unicode": "1F468 200D 1F468 200D 1F467", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👦", "name": "family: man, man, boy", "shortname": ":man_man_boy:", "unicode": "1F468 200D 1F468 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧‍👧", "name": "family: man, girl, girl", "shortname": ":man_girl_girl:", "unicode": "1F468 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧‍👦", "name": "family: man, girl, boy", "shortname": ":man_girl_boy:", "unicode": "1F468 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👦‍👦", "name": "family: man, boy, boy", "shortname": ":man_boy_boy:", "unicode": "1F468 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧", "name": "family: woman, girl", "shortname": ":woman_girl:", "unicode": "1F469 200D 1F467", "html": "&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👦", "name": "family: woman, boy", "shortname": ":woman_boy:", "unicode": "1F469 200D 1F466", "html": "&#128105;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧", "name": "family: man, girl", "shortname": ":man_girl:", "unicode": "1F468 200D 1F467", "html": "&#128104;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👦", "name": "family: man, boy", "shortname": ":man_boy:", "unicode": "1F468 200D 1F466", "html": "&#128104;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "😂", "name": "face with tears of joy", "shortname": ":joy:", "unicode": "1f602", "html": "&#128514;", "category": "Smileys & Emotion (face-smiling)", "order": "3"},
-		{"emoji": "❤️", "name": "red heart", "shortname": ":heart:", "unicode": "2764", "html": "&#10084;", "category": "Smileys & Emotion (emotion)", "order": "1286"},
-		{"emoji": "♥️", "name": "heart suit", "shortname": ":heart_suit:", "unicode": "2665 FE0F", "html": "&hearts;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "😍", "name": "smiling face with heart-eyes", "shortname": ":heart_eyes:", "unicode": "1f60d", "html": "&#128525;", "category": "Smileys & Emotion (face-affection)", "order": "13"},
-		{"emoji": "😭", "name": "loudly crying face", "shortname": ":sob:", "unicode": "1f62d", "html": "&#128557;", "category": "Smileys & Emotion (face-concerned)", "order": "55"},
-		{"emoji": "😊", "name": "smiling face with smiling eyes", "shortname": ":blush:", "unicode": "1f60a", "html": "&#128522;", "category": "Smileys & Emotion (face-smiling)", "order": "10"},
-		{"emoji": "😒", "name": "unamused face", "shortname": ":unamused:", "unicode": "1f612", "html": "&#128530;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "41"},
-		{"emoji": "😘", "name": "face blowing a kiss", "shortname": ":kissing_heart:", "unicode": "1f618", "html": "&#128536;", "category": "Smileys & Emotion (face-affection)", "order": "14"},
-		{"emoji": "💕", "name": "two hearts", "shortname": ":two_hearts:", "unicode": "1f495", "html": "&#128149;", "category": "Smileys & Emotion (emotion)", "order": "1289"},
-		{"emoji": "☺️", "name": "smiling face", "shortname": ":smiling:", "unicode": "263A FE0F", "html": "&#9786;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "😩", "name": "weary face", "shortname": ":weary:", "unicode": "1f629", "html": "&#128553;", "category": "Smileys & Emotion (face-concerned)", "order": "59"},
-		{"emoji": "👌🏿", "name": "OK hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44C 1F3FF", "html": "&#128076;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏾", "name": "OK hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44C 1F3FE", "html": "&#128076;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏽", "name": "OK hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44C 1F3FD", "html": "&#128076;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏼", "name": "OK hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44C 1F3FC", "html": "&#128076;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏻", "name": "OK hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44C 1F3FB", "html": "&#128076;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌", "name": "OK hand", "shortname": ":ok_hand:", "unicode": "1f44c", "html": "&#128076;", "category": "People & Body (hand-fingers-partial)", "order": "1170"},
-		{"emoji": "😔", "name": "pensive face", "shortname": ":pensive:", "unicode": "1f614", "html": "&#128532;", "category": "Smileys & Emotion (face-sleepy)", "order": "43"},
-		{"emoji": "😏", "name": "smirking face", "shortname": ":smirk:", "unicode": "1f60f", "html": "&#128527;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "26"},
-		{"emoji": "😁", "name": "beaming face with smiling eyes", "shortname": ":grin:", "unicode": "1f601", "html": "&#128513;", "category": "Smileys & Emotion (face-smiling)", "order": "2"},
-		{"emoji": "♻", "name": "recycling symbol", "shortname": ":recycle:", "unicode": "267b", "html": "&#9851;", "category": "Symbols (other-symbol)", "order": "2072"},
-		{"emoji": "😉", "name": "winking face", "shortname": ":wink:", "unicode": "1f609", "html": "&#128521;", "category": "Smileys & Emotion (face-smiling)", "order": "9"},
-		{"emoji": "👍🏿", "name": "thumbs up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44D 1F3FF", "html": "&#128077;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏾", "name": "thumbs up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44D 1F3FE", "html": "&#128077;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏽", "name": "thumbs up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44D 1F3FD", "html": "&#128077;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏼", "name": "thumbs up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44D 1F3FC", "html": "&#128077;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏻", "name": "thumbs up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44D 1F3FB", "html": "&#128077;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍", "name": "thumbs up", "shortname": ":thumbsup:", "unicode": "1f44d", "html": "&#128077;", "category": "People & Body (hand-fingers-closed)", "order": "1176"},
-		{"emoji": "🙏🏿", "name": "folded hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64F 1F3FF", "html": "&#128591;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏾", "name": "folded hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64F 1F3FE", "html": "&#128591;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏽", "name": "folded hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64F 1F3FD", "html": "&#128591;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏼", "name": "folded hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64F 1F3FC", "html": "&#128591;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏻", "name": "folded hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64F 1F3FB", "html": "&#128591;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏", "name": "folded hands", "shortname": ":pray:", "unicode": "1f64f", "html": "&#128591;", "category": "People & Body (hands)", "order": "1248"},
-		{"emoji": "😌", "name": "relieved face", "shortname": ":relieved:", "unicode": "1f60c", "html": "&#128524;", "category": "Smileys & Emotion (face-sleepy)", "order": "35"},
-		{"emoji": "🎶", "name": "musical notes", "shortname": ":notes:", "unicode": "1f3b6", "html": "&#127926;", "category": "Objects (music)", "order": "1825"},
-		{"emoji": "😳", "name": "flushed face", "shortname": ":flushed:", "unicode": "1f633", "html": "&#128563;", "category": "Smileys & Emotion (face-concerned)", "order": "63"},
-		{"emoji": "🙌🏿", "name": "raising hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64C 1F3FF", "html": "&#128588;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏾", "name": "raising hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64C 1F3FE", "html": "&#128588;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏽", "name": "raising hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64C 1F3FD", "html": "&#128588;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏼", "name": "raising hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64C 1F3FC", "html": "&#128588;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏻", "name": "raising hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64C 1F3FB", "html": "&#128588;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌", "name": "raising hands", "shortname": ":raised_hands:", "unicode": "1f64c", "html": "&#128588;", "category": "People & Body (hands)", "order": "1242"},
-		{"emoji": "🙈", "name": "see-no-evil monkey", "shortname": ":see_no_evil:", "unicode": "1f648", "html": "&#128584;", "category": "Smileys & Emotion (monkey-face)", "order": "96"},
-		{"emoji": "😢", "name": "crying face", "shortname": ":cry:", "unicode": "1f622", "html": "&#128546;", "category": "Smileys & Emotion (face-concerned)", "order": "54"},
-		{"emoji": "😎", "name": "smiling face with sunglasses", "shortname": ":sunglasses:", "unicode": "1f60e", "html": "&#128526;", "category": "Smileys & Emotion (face-glasses)", "order": "12"},
-		{"emoji": "✌🏿", "name": "victory hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270C 1F3FF", "html": "&#9996;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏾", "name": "victory hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270C 1F3FE", "html": "&#9996;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏽", "name": "victory hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270C 1F3FD", "html": "&#9996;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏼", "name": "victory hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270C 1F3FC", "html": "&#9996;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏻", "name": "victory hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270C 1F3FB", "html": "&#9996;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌️", "name": "victory hand", "shortname": ":v:", "unicode": "270c", "html": "&#9996;", "category": "People & Body (hand-fingers-partial)", "order": "1128"},
-		{"emoji": "👀", "name": "eyes", "shortname": ":eyes:", "unicode": "1f440", "html": "&#128064;", "category": "People & Body (body-parts)", "order": "1279"},
-		{"emoji": "😅", "name": "grinning face with sweat", "shortname": ":sweat_smile:", "unicode": "1f605", "html": "&#128517;", "category": "Smileys & Emotion (face-smiling)", "order": "7"},
-		{"emoji": "✨", "name": "sparkles", "shortname": ":sparkles:", "unicode": "2728", "html": "&#10024;", "category": "Activities (event)", "order": "1760"},
-		{"emoji": "😴", "name": "sleeping face", "shortname": ":sleeping:", "unicode": "1f634", "html": "&#128564;", "category": "Smileys & Emotion (face-sleepy)", "order": "34"},
-		{"emoji": "😄", "name": "grinning face with smiling eyes", "shortname": ":smile:", "unicode": "1f604", "html": "&#128516;", "category": "Smileys & Emotion (face-smiling)", "order": "6"},
-		{"emoji": "💜", "name": "purple heart", "shortname": ":purple_heart:", "unicode": "1f49c", "html": "&#128156;", "category": "Smileys & Emotion (emotion)", "order": "1295"},
-		{"emoji": "💔", "name": "broken heart", "shortname": ":broken_heart:", "unicode": "1f494", "html": "&#128148;", "category": "Smileys & Emotion (emotion)", "order": "1288"},
-		{"emoji": "💯", "name": "hundred points", "shortname": ":hundred_points:", "unicode": "1F4AF", "html": "&#128175;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "😑", "name": "expressionless face", "shortname": ":expressionless:", "unicode": "1f611", "html": "&#128529;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "23"},
-		{"emoji": "💖", "name": "sparkling heart", "shortname": ":sparkling_heart:", "unicode": "1f496", "html": "&#128150;", "category": "Smileys & Emotion (emotion)", "order": "1290"},
-		{"emoji": "💙", "name": "blue heart", "shortname": ":blue_heart:", "unicode": "1f499", "html": "&#128153;", "category": "Smileys & Emotion (emotion)", "order": "1292"},
-		{"emoji": "😕", "name": "confused face", "shortname": ":confused:", "unicode": "1f615", "html": "&#128533;", "category": "Smileys & Emotion (face-concerned)", "order": "44"},
-		{"emoji": "💁🏿‍♂", "name": "man tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2642", "html": "&#128129;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♂", "name": "man tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2642", "html": "&#128129;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♂", "name": "man tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2642", "html": "&#128129;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♂", "name": "man tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2642", "html": "&#128129;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♂", "name": "man tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2642", "html": "&#128129;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♂", "name": "man tipping hand", "shortname": ":man_tipping_hand:", "unicode": "1F481 200D 2642", "html": "&#128129;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿", "name": "person tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF", "html": "&#128129;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾", "name": "person tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE", "html": "&#128129;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽", "name": "person tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD", "html": "&#128129;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼", "name": "person tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC", "html": "&#128129;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻", "name": "person tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB", "html": "&#128129;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁", "name": "person tipping hand", "shortname": ":information_desk_person:", "unicode": "1f481", "html": "&#128129;", "category": "People & Body (person-gesture)", "order": "567"},
-		{"emoji": "😜", "name": "winking face with tongue", "shortname": ":stuck_out_tongue_winking_eye:", "unicode": "1f61c", "html": "&#128540;", "category": "Smileys & Emotion (face-tongue)", "order": "38"},
-		{"emoji": "😞", "name": "disappointed face", "shortname": ":disappointed:", "unicode": "1f61e", "html": "&#128542;", "category": "Smileys & Emotion (face-concerned)", "order": "51"},
-		{"emoji": "😋", "name": "face savoring food", "shortname": ":yum:", "unicode": "1f60b", "html": "&#128523;", "category": "Smileys & Emotion (face-tongue)", "order": "11"},
-		{"emoji": "😐", "name": "neutral face", "shortname": ":neutral_face:", "unicode": "1f610", "html": "&#128528;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "22"},
-		{"emoji": "😪", "name": "sleepy face", "shortname": ":sleepy:", "unicode": "1f62a", "html": "&#128554;", "category": "Smileys & Emotion (face-sleepy)", "order": "32"},
-		{"emoji": "👏🏿", "name": "clapping hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44F 1F3FF", "html": "&#128079;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏾", "name": "clapping hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44F 1F3FE", "html": "&#128079;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏽", "name": "clapping hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44F 1F3FD", "html": "&#128079;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏼", "name": "clapping hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44F 1F3FC", "html": "&#128079;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏻", "name": "clapping hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44F 1F3FB", "html": "&#128079;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏", "name": "clapping hands", "shortname": ":clap:", "unicode": "1f44f", "html": "&#128079;", "category": "People & Body (hands)", "order": "1224"},
-		{"emoji": "💘", "name": "heart with arrow", "shortname": ":cupid:", "unicode": "1f498", "html": "&#128152;", "category": "Smileys & Emotion (emotion)", "order": "1285"},
-		{"emoji": "💗", "name": "growing heart", "shortname": ":heartpulse:", "unicode": "1f497", "html": "&#128151;", "category": "Smileys & Emotion (emotion)", "order": "1291"},
-		{"emoji": "💞", "name": "revolving hearts", "shortname": ":revolving_hearts:", "unicode": "1f49e", "html": "&#128158;", "category": "Smileys & Emotion (emotion)", "order": "1298"},
-		{"emoji": "⬅️", "name": "left arrow", "shortname": ":arrow_left:", "unicode": "2b05", "html": "&#11013;", "category": "Symbols (arrow)", "order": "2008"},
-		{"emoji": "🙊", "name": "speak-no-evil monkey", "shortname": ":speak_no_evil:", "unicode": "1f64a", "html": "&#128586;", "category": "Smileys & Emotion (monkey-face)", "order": "98"},
-		{"emoji": "✋🏿", "name": "raised hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270B 1F3FF", "html": "&#9995;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏾", "name": "raised hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270B 1F3FE", "html": "&#9995;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏽", "name": "raised hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270B 1F3FD", "html": "&#9995;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏼", "name": "raised hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270B 1F3FC", "html": "&#9995;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏻", "name": "raised hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270B 1F3FB", "html": "&#9995;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋", "name": "raised hand", "shortname": ":raised_hand:", "unicode": "270B", "html": "&#9995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "💋", "name": "kiss mark", "shortname": ":kiss:", "unicode": "1f48b", "html": "&#128139;", "category": "Smileys & Emotion (emotion)", "order": "1284"},
-		{"emoji": "👉🏿", "name": "backhand index pointing right: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F449 1F3FF", "html": "&#128073;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏾", "name": "backhand index pointing right: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F449 1F3FE", "html": "&#128073;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏽", "name": "backhand index pointing right: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F449 1F3FD", "html": "&#128073;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏼", "name": "backhand index pointing right: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F449 1F3FC", "html": "&#128073;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏻", "name": "backhand index pointing right: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F449 1F3FB", "html": "&#128073;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉", "name": "backhand index pointing right", "shortname": ":point_right:", "unicode": "1f449", "html": "&#128073;", "category": "People & Body (hand-single-finger)", "order": "1098"},
-		{"emoji": "🌸", "name": "cherry blossom", "shortname": ":cherry_blossom:", "unicode": "1f338", "html": "&#127800;", "category": "Animals & Nature (plant-flower)", "order": "1428"},
-		{"emoji": "😱", "name": "face screaming in fear", "shortname": ":scream:", "unicode": "1f631", "html": "&#128561;", "category": "Smileys & Emotion (face-concerned)", "order": "62"},
-		{"emoji": "🔥", "name": "fire", "shortname": ":fire:", "unicode": "1f525", "html": "&#128293;", "category": "Travel & Places (sky & weather)", "order": "1753"},
-		{"emoji": "😡", "name": "pouting face", "shortname": ":rage:", "unicode": "1f621", "html": "&#128545;", "category": "Smileys & Emotion (face-negative)", "order": "65"},
-		{"emoji": "😃", "name": "grinning face with big eyes", "shortname": ":smiley:", "unicode": "1f603", "html": "&#128515;", "category": "Smileys & Emotion (face-smiling)", "order": "5"},
-		{"emoji": "🎉", "name": "party popper", "shortname": ":tada:", "unicode": "1f389", "html": "&#127881;", "category": "Activities (event)", "order": "1762"},
-		{"emoji": "👊🏿", "name": "oncoming fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44A 1F3FF", "html": "&#128074;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏾", "name": "oncoming fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44A 1F3FE", "html": "&#128074;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏽", "name": "oncoming fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44A 1F3FD", "html": "&#128074;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏼", "name": "oncoming fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44A 1F3FC", "html": "&#128074;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏻", "name": "oncoming fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44A 1F3FB", "html": "&#128074;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊", "name": "oncoming fist", "shortname": ":oncoming_fist:", "unicode": "1F44A", "html": "&#128074;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "😫", "name": "tired face", "shortname": ":tired_face:", "unicode": "1f62b", "html": "&#128555;", "category": "Smileys & Emotion (face-concerned)", "order": "33"},
-		{"emoji": "📷", "name": "camera", "shortname": ":camera:", "unicode": "1f4f7", "html": "&#128247;", "category": "Objects (light & video)", "order": "1861"},
-		{"emoji": "🌹", "name": "rose", "shortname": ":rose:", "unicode": "1f339", "html": "&#127801;", "category": "Animals & Nature (plant-flower)", "order": "1431"},
-		{"emoji": "😝", "name": "squinting face with tongue", "shortname": ":stuck_out_tongue_closed_eyes:", "unicode": "1f61d", "html": "&#128541;", "category": "Smileys & Emotion (face-tongue)", "order": "39"},
-		{"emoji": "💪🏿", "name": "flexed biceps: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F4AA 1F3FF", "html": "&#128170;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏾", "name": "flexed biceps: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F4AA 1F3FE", "html": "&#128170;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏽", "name": "flexed biceps: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F4AA 1F3FD", "html": "&#128170;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏼", "name": "flexed biceps: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F4AA 1F3FC", "html": "&#128170;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏻", "name": "flexed biceps: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F4AA 1F3FB", "html": "&#128170;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪", "name": "flexed biceps", "shortname": ":muscle:", "unicode": "1f4aa", "html": "&#128170;", "category": "People & Body (body-parts)", "order": "1080"},
-		{"emoji": "💀", "name": "skull", "shortname": ":skull:", "unicode": "1f480", "html": "&#128128;", "category": "Smileys & Emotion (face-negative)", "order": "80"},
-		{"emoji": "☀️", "name": "sun", "shortname": ":sunny:", "unicode": "2600", "html": "&#9728;", "category": "Travel & Places (sky & weather)", "order": "1724"},
-		{"emoji": "💛", "name": "yellow heart", "shortname": ":yellow_heart:", "unicode": "1f49b", "html": "&#128155;", "category": "Smileys & Emotion (emotion)", "order": "1294"},
-		{"emoji": "😤", "name": "face with steam from nose", "shortname": ":triumph:", "unicode": "1f624", "html": "&#128548;", "category": "Smileys & Emotion (face-negative)", "order": "53"},
-		{"emoji": "🌚", "name": "new moon face", "shortname": ":new_moon_with_face:", "unicode": "1f31a", "html": "&#127770;", "category": "Travel & Places (sky & weather)", "order": "1720"},
-		{"emoji": "😆", "name": "grinning squinting face", "shortname": ":laughing:", "unicode": "1f606", "html": "&#128518;", "category": "Smileys & Emotion (face-smiling)", "order": "8"},
-		{"emoji": "😓", "name": "downcast face with sweat", "shortname": ":sweat:", "unicode": "1f613", "html": "&#128531;", "category": "Smileys & Emotion (face-concerned)", "order": "42"},
-		{"emoji": "👈🏿", "name": "backhand index pointing left: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F448 1F3FF", "html": "&#128072;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏾", "name": "backhand index pointing left: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F448 1F3FE", "html": "&#128072;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏽", "name": "backhand index pointing left: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F448 1F3FD", "html": "&#128072;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏼", "name": "backhand index pointing left: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F448 1F3FC", "html": "&#128072;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏻", "name": "backhand index pointing left: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F448 1F3FB", "html": "&#128072;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈", "name": "backhand index pointing left", "shortname": ":point_left:", "unicode": "1f448", "html": "&#128072;", "category": "People & Body (hand-single-finger)", "order": "1092"},
-		{"emoji": "✔️", "name": "check mark", "shortname": ":heavy_check_mark:", "unicode": "2714", "html": "&#10004;", "category": "Symbols (other-symbol)", "order": "2080"},
-		{"emoji": "😻", "name": "smiling cat with heart-eyes", "shortname": ":heart_eyes_cat:", "unicode": "1f63b", "html": "&#128571;", "category": "Smileys & Emotion (cat-face)", "order": "90"},
-		{"emoji": "😀", "name": "grinning face", "shortname": ":grinning:", "unicode": "1f600", "html": "&#128512;", "category": "Smileys & Emotion (face-smiling)", "order": "1"},
-		{"emoji": "😷", "name": "face with medical mask", "shortname": ":mask:", "unicode": "1f637", "html": "&#128567;", "category": "Smileys & Emotion (face-unwell)", "order": "71"},
-		{"emoji": "💚", "name": "green heart", "shortname": ":green_heart:", "unicode": "1f49a", "html": "&#128154;", "category": "Smileys & Emotion (emotion)", "order": "1293"},
-		{"emoji": "👋🏿", "name": "waving hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44B 1F3FF", "html": "&#128075;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏾", "name": "waving hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44B 1F3FE", "html": "&#128075;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏽", "name": "waving hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44B 1F3FD", "html": "&#128075;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏼", "name": "waving hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44B 1F3FC", "html": "&#128075;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏻", "name": "waving hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44B 1F3FB", "html": "&#128075;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋", "name": "waving hand", "shortname": ":wave:", "unicode": "1f44b", "html": "&#128075;", "category": "People & Body (hand-fingers-open)", "order": "1218"},
-		{"emoji": "😣", "name": "persevering face", "shortname": ":persevere:", "unicode": "1f623", "html": "&#128547;", "category": "Smileys & Emotion (face-concerned)", "order": "27"},
-		{"emoji": "💓", "name": "beating heart", "shortname": ":heartbeat:", "unicode": "1f493", "html": "&#128147;", "category": "Smileys & Emotion (emotion)", "order": "1287"},
-		{"emoji": "▶️", "name": "play button", "shortname": ":arrow_forward:", "unicode": "25b6", "html": "&#9654;", "category": "Symbols (av-symbol)", "order": "2051"},
-		{"emoji": "◀️", "name": "reverse button", "shortname": ":arrow_backward:", "unicode": "25c0", "html": "&#9664;", "category": "Symbols (av-symbol)", "order": "2055"},
-		{"emoji": "↪️", "name": "left arrow curving right", "shortname": ":arrow_right_hook:", "unicode": "21aa", "html": "&#8618;", "category": "Symbols (arrow)", "order": "2013"},
-		{"emoji": "↩️", "name": "right arrow curving left", "shortname": ":leftwards_arrow_with_hook:", "unicode": "21a9", "html": "&#8617;", "category": "Symbols (arrow)", "order": "2012"},
-		{"emoji": "👑", "name": "crown", "shortname": ":crown:", "unicode": "1f451", "html": "&#128081;", "category": "Objects (clothing)", "order": "1333"},
-		{"emoji": "😚", "name": "kissing face with closed eyes", "shortname": ":kissing_closed_eyes:", "unicode": "1f61a", "html": "&#128538;", "category": "Smileys & Emotion (face-affection)", "order": "17"},
-		{"emoji": "😛", "name": "face with tongue", "shortname": ":stuck_out_tongue:", "unicode": "1f61b", "html": "&#128539;", "category": "Smileys & Emotion (face-tongue)", "order": "37"},
-		{"emoji": "😥", "name": "sad but relieved face", "shortname": ":disappointed_relieved:", "unicode": "1f625", "html": "&#128549;", "category": "Smileys & Emotion (face-concerned)", "order": "28"},
-		{"emoji": "😇", "name": "smiling face with halo", "shortname": ":innocent:", "unicode": "1f607", "html": "&#128519;", "category": "Smileys & Emotion (face-smiling)", "order": "67"},
-		{"emoji": "🎧", "name": "headphone", "shortname": ":headphones:", "unicode": "1f3a7", "html": "&#127911;", "category": "Objects (music)", "order": "1830"},
-		{"emoji": "✅", "name": "check mark button", "shortname": ":white_check_mark:", "unicode": "2705", "html": "&#9989;", "category": "Symbols (other-symbol)", "order": "2078"},
-		{"emoji": "😖", "name": "confounded face", "shortname": ":confounded:", "unicode": "1f616", "html": "&#128534;", "category": "Smileys & Emotion (face-concerned)", "order": "50"},
-		{"emoji": "➡", "name": "right arrow", "shortname": ":arrow_right:", "unicode": "27a1", "html": "&#10145;", "category": "Symbols (arrow)", "order": "2004"},
-		{"emoji": "😠", "name": "angry face", "shortname": ":angry:", "unicode": "1f620", "html": "&#128544;", "category": "Smileys & Emotion (face-negative)", "order": "66"},
-		{"emoji": "😬", "name": "grimacing face", "shortname": ":grimacing:", "unicode": "1f62c", "html": "&#128556;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "60"},
-		{"emoji": "🌟", "name": "glowing star", "shortname": ":star2:", "unicode": "1f31f", "html": "&#127775;", "category": "Travel & Places (sky & weather)", "order": "1728"},
-		{"emoji": "🔫", "name": "pistol", "shortname": ":gun:", "unicode": "1f52b", "html": "&#128299;", "category": "Objects (tool)", "order": "1956"},
-		{"emoji": "🙋🏿‍♂", "name": "man raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2642", "html": "&#128587;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♂", "name": "man raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2642", "html": "&#128587;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♂", "name": "man raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2642", "html": "&#128587;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♂", "name": "man raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2642", "html": "&#128587;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♂", "name": "man raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2642", "html": "&#128587;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♂", "name": "man raising hand", "shortname": ":man_raising_hand:", "unicode": "1F64B 200D 2642", "html": "&#128587;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿", "name": "person raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF", "html": "&#128587;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾", "name": "person raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE", "html": "&#128587;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽", "name": "person raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD", "html": "&#128587;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼", "name": "person raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC", "html": "&#128587;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻", "name": "person raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB", "html": "&#128587;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋", "name": "person raising hand", "shortname": ":raising_hand:", "unicode": "1f64b", "html": "&#128587;", "category": "People & Body (person-gesture)", "order": "585"},
-		{"emoji": "👎🏿", "name": "thumbs down: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44E 1F3FF", "html": "&#128078;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏾", "name": "thumbs down: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44E 1F3FE", "html": "&#128078;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏽", "name": "thumbs down: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44E 1F3FD", "html": "&#128078;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏼", "name": "thumbs down: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44E 1F3FC", "html": "&#128078;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏻", "name": "thumbs down: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44E 1F3FB", "html": "&#128078;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎", "name": "thumbs down", "shortname": ":thumbsdown:", "unicode": "1f44e", "html": "&#128078;", "category": "People & Body (hand-fingers-closed)", "order": "1182"},
-		{"emoji": "💃🏿", "name": "woman dancing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F483 1F3FF", "html": "&#128131;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏾", "name": "woman dancing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F483 1F3FE", "html": "&#128131;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏽", "name": "woman dancing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F483 1F3FD", "html": "&#128131;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏼", "name": "woman dancing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F483 1F3FC", "html": "&#128131;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏻", "name": "woman dancing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F483 1F3FB", "html": "&#128131;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃", "name": "woman dancing", "shortname": ":dancer:", "unicode": "1f483", "html": "&#128131;", "category": "People & Body (person-activity)", "order": "729"},
-		{"emoji": "🎵", "name": "musical note", "shortname": ":musical_note:", "unicode": "1f3b5", "html": "&#127925;", "category": "Objects (music)", "order": "1824"},
-		{"emoji": "😶", "name": "face without mouth", "shortname": ":no_mouth:", "unicode": "1f636", "html": "&#128566;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "24"},
-		{"emoji": "💫", "name": "dizzy", "shortname": ":dizzy:", "unicode": "1f4ab", "html": "&#128171;", "category": "Smileys & Emotion (emotion)", "order": "1308"},
-		{"emoji": "✊🏿", "name": "raised fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270A 1F3FF", "html": "&#9994;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏾", "name": "raised fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270A 1F3FE", "html": "&#9994;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏽", "name": "raised fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270A 1F3FD", "html": "&#9994;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏼", "name": "raised fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270A 1F3FC", "html": "&#9994;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏻", "name": "raised fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270A 1F3FB", "html": "&#9994;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊", "name": "raised fist", "shortname": ":fist:", "unicode": "270a", "html": "&#9994;", "category": "People & Body (hand-fingers-closed)", "order": "1188"},
-		{"emoji": "👇🏿", "name": "backhand index pointing down: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F447 1F3FF", "html": "&#128071;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏾", "name": "backhand index pointing down: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F447 1F3FE", "html": "&#128071;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏽", "name": "backhand index pointing down: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F447 1F3FD", "html": "&#128071;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏼", "name": "backhand index pointing down: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F447 1F3FC", "html": "&#128071;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏻", "name": "backhand index pointing down: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F447 1F3FB", "html": "&#128071;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇", "name": "backhand index pointing down", "shortname": ":point_down:", "unicode": "1f447", "html": "&#128071;", "category": "People & Body (hand-single-finger)", "order": "1122"},
-		{"emoji": "🔴", "name": "red circle", "shortname": ":red_circle:", "unicode": "1f534", "html": "&#128308;", "category": "Symbols (geometric)", "order": "2179"},
-		{"emoji": "🙅🏿‍♂", "name": "man gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2642", "html": "&#128581;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♂", "name": "man gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2642", "html": "&#128581;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♂", "name": "man gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2642", "html": "&#128581;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♂", "name": "man gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2642", "html": "&#128581;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♂", "name": "man gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2642", "html": "&#128581;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♂", "name": "man gesturing NO", "shortname": ":man_gesturing_NO:", "unicode": "1F645 200D 2642", "html": "&#128581;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿", "name": "person gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF", "html": "&#128581;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾", "name": "person gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE", "html": "&#128581;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽", "name": "person gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD", "html": "&#128581;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼", "name": "person gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC", "html": "&#128581;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻", "name": "person gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB", "html": "&#128581;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅", "name": "person gesturing NO", "shortname": ":no_good:", "unicode": "1f645", "html": "&#128581;", "category": "People & Body (person-gesture)", "order": "531"},
-		{"emoji": "💥", "name": "collision", "shortname": ":boom:", "unicode": "1f4a5", "html": "&#128165;", "category": "Smileys & Emotion (emotion)", "order": "1305"},
-		{"emoji": "©️", "name": "copyright", "shortname": ":copyright:", "unicode": "00A9 FE0F", "html": "&copy;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "💭", "name": "thought balloon", "shortname": ":thought_balloon:", "unicode": "1f4ad", "html": "&#128173;", "category": "Smileys & Emotion (emotion)", "order": "1312"},
-		{"emoji": "👅", "name": "tongue", "shortname": ":tongue:", "unicode": "1f445", "html": "&#128069;", "category": "People & Body (body-parts)", "order": "1282"},
-		{"emoji": "💩", "name": "pile of poo", "shortname": ":poop:", "unicode": "1f4a9", "html": "&#128169;", "category": "Smileys & Emotion (face-costume)", "order": "85"},
-		{"emoji": "😰", "name": "anxious face with sweat", "shortname": ":cold_sweat:", "unicode": "1f630", "html": "&#128560;", "category": "Smileys & Emotion (face-concerned)", "order": "61"},
-		{"emoji": "💎", "name": "gem stone", "shortname": ":gem:", "unicode": "1f48e", "html": "&#128142;", "category": "Objects (clothing)", "order": "1341"},
-		{"emoji": "🙆🏿‍♂", "name": "man gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2642", "html": "&#128582;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♂", "name": "man gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2642", "html": "&#128582;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♂", "name": "man gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2642", "html": "&#128582;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♂", "name": "man gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2642", "html": "&#128582;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♂", "name": "man gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2642", "html": "&#128582;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♂", "name": "man gesturing OK", "shortname": ":man_gesturing_OK:", "unicode": "1F646 200D 2642", "html": "&#128582;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿", "name": "person gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF", "html": "&#128582;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾", "name": "person gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE", "html": "&#128582;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽", "name": "person gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD", "html": "&#128582;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼", "name": "person gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC", "html": "&#128582;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻", "name": "person gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB", "html": "&#128582;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆", "name": "person gesturing OK", "shortname": ":ok_woman:", "unicode": "1f646", "html": "&#128582;", "category": "People & Body (person-gesture)", "order": "549"},
-		{"emoji": "🍕", "name": "pizza", "shortname": ":pizza:", "unicode": "1f355", "html": "&#127829;", "category": "Food & Drink (food-prepared)", "order": "1484"},
-		{"emoji": "😹", "name": "cat with tears of joy", "shortname": ":joy_cat:", "unicode": "1f639", "html": "&#128569;", "category": "Smileys & Emotion (cat-face)", "order": "89"},
-		{"emoji": "🌞", "name": "sun with face", "shortname": ":sun_with_face:", "unicode": "1f31e", "html": "&#127774;", "category": "Travel & Places (sky & weather)", "order": "1726"},
-		{"emoji": "🍃", "name": "leaf fluttering in wind", "shortname": ":leaves:", "unicode": "1f343", "html": "&#127811;", "category": "Animals & Nature (plant-other)", "order": "1448"},
-		{"emoji": "💦", "name": "sweat droplets", "shortname": ":sweat_drops:", "unicode": "1f4a6", "html": "&#128166;", "category": "Smileys & Emotion (emotion)", "order": "1306"},
-		{"emoji": "🐧", "name": "penguin", "shortname": ":penguin:", "unicode": "1f427", "html": "&#128039;", "category": "Animals & Nature (animal-bird)", "order": "1394"},
-		{"emoji": "💤", "name": "zzz", "shortname": ":zzz:", "unicode": "1f4a4", "html": "&#128164;", "category": "Smileys & Emotion (emotion)", "order": "1302"},
-		{"emoji": "🚶🏿‍♀", "name": "woman walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2640", "html": "&#128694;&#127999;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♀", "name": "woman walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2640", "html": "&#128694;&#127998;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♀", "name": "woman walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2640", "html": "&#128694;&#127997;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♀", "name": "woman walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2640", "html": "&#128694;&#127996;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♀", "name": "woman walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2640", "html": "&#128694;&#127995;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♀", "name": "woman walking", "shortname": ":woman_walking:", "unicode": "1F6B6 200D 2640", "html": "&#128694;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿", "name": "person walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF", "html": "&#128694;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾", "name": "person walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE", "html": "&#128694;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽", "name": "person walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD", "html": "&#128694;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼", "name": "person walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC", "html": "&#128694;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻", "name": "person walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB", "html": "&#128694;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶", "name": "person walking", "shortname": ":walking:", "unicode": "1f6b6", "html": "&#128694;", "category": "People & Body (person-activity)", "order": "693"},
-		{"emoji": "✈️", "name": "airplane", "shortname": ":airplane:", "unicode": "2708", "html": "&#9992;", "category": "Travel & Places (transport-air)", "order": "1650"},
-		{"emoji": "🎈", "name": "balloon", "shortname": ":balloon:", "unicode": "1f388", "html": "&#127880;", "category": "Activities (event)", "order": "1761"},
-		{"emoji": "⭐", "name": "star", "shortname": ":star:", "unicode": "2b50", "html": "&#11088;", "category": "Travel & Places (sky & weather)", "order": "1727"},
-		{"emoji": "🎀", "name": "ribbon", "shortname": ":ribbon:", "unicode": "1f380", "html": "&#127872;", "category": "Activities (event)", "order": "1770"},
-		{"emoji": "☑️", "name": "check box with check", "shortname": ":ballot_box_with_check:", "unicode": "2611", "html": "&#9745;", "category": "Symbols (other-symbol)", "order": "2079"},
-		{"emoji": "😟", "name": "worried face", "shortname": ":worried:", "unicode": "1f61f", "html": "&#128543;", "category": "Smileys & Emotion (face-concerned)", "order": "52"},
-		{"emoji": "🔞", "name": "no one under eighteen", "shortname": ":underage:", "unicode": "1f51e", "html": "&#128286;", "category": "Symbols (warning)", "order": "1999"},
-		{"emoji": "😨", "name": "fearful face", "shortname": ":fearful:", "unicode": "1f628", "html": "&#128552;", "category": "Smileys & Emotion (face-concerned)", "order": "58"},
-		{"emoji": "🍀", "name": "four leaf clover", "shortname": ":four_leaf_clover:", "unicode": "1f340", "html": "&#127808;", "category": "Animals & Nature (plant-other)", "order": "1445"},
-		{"emoji": "🌺", "name": "hibiscus", "shortname": ":hibiscus:", "unicode": "1f33a", "html": "&#127802;", "category": "Animals & Nature (plant-flower)", "order": "1433"},
-		{"emoji": "🎤", "name": "microphone", "shortname": ":microphone:", "unicode": "1f3a4", "html": "&#127908;", "category": "Objects (music)", "order": "1829"},
-		{"emoji": "👐🏿", "name": "open hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F450 1F3FF", "html": "&#128080;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏾", "name": "open hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F450 1F3FE", "html": "&#128080;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏽", "name": "open hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F450 1F3FD", "html": "&#128080;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏼", "name": "open hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F450 1F3FC", "html": "&#128080;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏻", "name": "open hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F450 1F3FB", "html": "&#128080;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐", "name": "open hands", "shortname": ":open_hands:", "unicode": "1f450", "html": "&#128080;", "category": "People & Body (hands)", "order": "1236"},
-		{"emoji": "👻", "name": "ghost", "shortname": ":ghost:", "unicode": "1f47b", "html": "&#128123;", "category": "Smileys & Emotion (face-costume)", "order": "82"},
-		{"emoji": "🌴", "name": "palm tree", "shortname": ":palm_tree:", "unicode": "1f334", "html": "&#127796;", "category": "Animals & Nature (plant-other)", "order": "1440"},
-		{"emoji": "‼️", "name": "double exclamation mark", "shortname": ":bangbang:", "unicode": "203c", "html": "&#8252;", "category": "Symbols (other-symbol)", "order": "2096"},
-		{"emoji": "💅🏿", "name": "nail polish: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F485 1F3FF", "html": "&#128133;&#127999;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏾", "name": "nail polish: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F485 1F3FE", "html": "&#128133;&#127998;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏽", "name": "nail polish: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F485 1F3FD", "html": "&#128133;&#127997;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏼", "name": "nail polish: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F485 1F3FC", "html": "&#128133;&#127996;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏻", "name": "nail polish: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F485 1F3FB", "html": "&#128133;&#127995;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅", "name": "nail polish", "shortname": ":nail_care:", "unicode": "1f485", "html": "&#128133;", "category": "People & Body (hand-prop)", "order": "1260"},
-		{"emoji": "❌", "name": "cross mark", "shortname": ":x:", "unicode": "274c", "html": "&#10060;", "category": "Symbols (other-symbol)", "order": "2082"},
-		{"emoji": "👽", "name": "alien", "shortname": ":alien:", "unicode": "1f47d", "html": "&#128125;", "category": "Smileys & Emotion (face-costume)", "order": "83"},
-		{"emoji": "🙇🏿‍♀", "name": "woman bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2640", "html": "&#128583;&#127999;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♀", "name": "woman bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2640", "html": "&#128583;&#127998;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♀", "name": "woman bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2640", "html": "&#128583;&#127997;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♀", "name": "woman bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2640", "html": "&#128583;&#127996;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♀", "name": "woman bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2640", "html": "&#128583;&#127995;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♀", "name": "woman bowing", "shortname": ":woman_bowing:", "unicode": "1F647 200D 2640", "html": "&#128583;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿", "name": "person bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF", "html": "&#128583;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾", "name": "person bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE", "html": "&#128583;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽", "name": "person bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD", "html": "&#128583;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼", "name": "person bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC", "html": "&#128583;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻", "name": "person bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB", "html": "&#128583;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇", "name": "person bowing", "shortname": ":bow:", "unicode": "1f647", "html": "&#128583;", "category": "People & Body (person-gesture)", "order": "603"},
-		{"emoji": "☁", "name": "cloud", "shortname": ":cloud:", "unicode": "2601", "html": "&#9729;", "category": "Travel & Places (sky & weather)", "order": "1730"},
-		{"emoji": "⚽", "name": "soccer ball", "shortname": ":soccer:", "unicode": "26bd", "html": "&#9917;", "category": "Activities (sport)", "order": "1781"},
-		{"emoji": "👼🏿", "name": "baby angel: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F47C 1F3FF", "html": "&#128124;&#127999;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏾", "name": "baby angel: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F47C 1F3FE", "html": "&#128124;&#127998;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏽", "name": "baby angel: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F47C 1F3FD", "html": "&#128124;&#127997;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏼", "name": "baby angel: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F47C 1F3FC", "html": "&#128124;&#127996;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏻", "name": "baby angel: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F47C 1F3FB", "html": "&#128124;&#127995;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼", "name": "baby angel", "shortname": ":angel:", "unicode": "1f47c", "html": "&#128124;", "category": "People & Body (person-fantasy)", "order": "141"},
-		{"emoji": "👯‍♂", "name": "men with bunny ears", "shortname": ":men_with_bunny_ears:", "unicode": "1F46F 200D 2642", "html": "&#128111;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯", "name": "people with bunny ears", "shortname": ":dancers:", "unicode": "1f46f", "html": "&#128111;", "category": "People & Body (person-activity)", "order": "741"},
-		{"emoji": "❗", "name": "exclamation mark", "shortname": ":exclamation:", "unicode": "2757", "html": "&#10071;", "category": "Symbols (other-symbol)", "order": "2101"},
-		{"emoji": "❄️", "name": "snowflake", "shortname": ":snowflake:", "unicode": "2744", "html": "&#10052;", "category": "Travel & Places (sky & weather)", "order": "1749"},
-		{"emoji": "☝🏿", "name": "index pointing up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "261D 1F3FF", "html": "&#9757;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏾", "name": "index pointing up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "261D 1F3FE", "html": "&#9757;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏽", "name": "index pointing up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "261D 1F3FD", "html": "&#9757;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏼", "name": "index pointing up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "261D 1F3FC", "html": "&#9757;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏻", "name": "index pointing up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "261D 1F3FB", "html": "&#9757;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝️", "name": "index pointing up", "shortname": ":point_up:", "unicode": "261d", "html": "&#9757;", "category": "People & Body (hand-single-finger)", "order": "1104"},
-		{"emoji": "😙", "name": "kissing face with smiling eyes", "shortname": ":kissing_smiling_eyes:", "unicode": "1f619", "html": "&#128537;", "category": "Smileys & Emotion (face-affection)", "order": "16"},
-		{"emoji": "🌈", "name": "rainbow", "shortname": ":rainbow:", "unicode": "1f308", "html": "&#127752;", "category": "Travel & Places (sky & weather)", "order": "1743"},
-		{"emoji": "🌙", "name": "crescent moon", "shortname": ":crescent_moon:", "unicode": "1f319", "html": "&#127769;", "category": "Travel & Places (sky & weather)", "order": "1719"},
-		{"emoji": "💟", "name": "heart decoration", "shortname": ":heart_decoration:", "unicode": "1f49f", "html": "&#128159;", "category": "Smileys & Emotion (emotion)", "order": "1299"},
-		{"emoji": "💝", "name": "heart with ribbon", "shortname": ":gift_heart:", "unicode": "1f49d", "html": "&#128157;", "category": "Smileys & Emotion (emotion)", "order": "1297"},
-		{"emoji": "🎁", "name": "wrapped gift", "shortname": ":gift:", "unicode": "1f381", "html": "&#127873;", "category": "Activities (event)", "order": "1771"},
-		{"emoji": "🍻", "name": "clinking beer mugs", "shortname": ":beers:", "unicode": "1f37b", "html": "&#127867;", "category": "Food & Drink (drink)", "order": "1530"},
-		{"emoji": "😧", "name": "anguished face", "shortname": ":anguished:", "unicode": "1f627", "html": "&#128551;", "category": "Smileys & Emotion (face-concerned)", "order": "57"},
-		{"emoji": "🌍", "name": "globe showing Europe-Africa", "shortname": ":earth_africa:", "unicode": "1f30d", "html": "&#127757;", "category": "Travel & Places (place-map)", "order": "1538"},
-		{"emoji": "🎥", "name": "movie camera", "shortname": ":movie_camera:", "unicode": "1f3a5", "html": "&#127909;", "category": "Objects (light & video)", "order": "1856"},
-		{"emoji": "⚓", "name": "anchor", "shortname": ":anchor:", "unicode": "2693", "html": "&#9875;", "category": "Travel & Places (transport-water)", "order": "1642"},
-		{"emoji": "⚡", "name": "high voltage", "shortname": ":zap:", "unicode": "26a1", "html": "&#9889;", "category": "Travel & Places (sky & weather)", "order": "1748"},
-		{"emoji": "♣️", "name": "club suit", "shortname": ":club_suit:", "unicode": "2663 FE0F", "html": "&clubs;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "✖️", "name": "multiplication sign", "shortname": ":heavy_multiplication_x:", "unicode": "2716", "html": "&#10006;", "category": "Symbols (other-symbol)", "order": "2081"},
-		{"emoji": "🏃🏿‍♀", "name": "woman running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2640", "html": "&#127939;&#127999;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♀", "name": "woman running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2640", "html": "&#127939;&#127998;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♀", "name": "woman running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2640", "html": "&#127939;&#127997;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♀", "name": "woman running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2640", "html": "&#127939;&#127996;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♀", "name": "woman running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2640", "html": "&#127939;&#127995;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♀", "name": "woman running", "shortname": ":woman_running:", "unicode": "1F3C3 200D 2640", "html": "&#127939;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿", "name": "person running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF", "html": "&#127939;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾", "name": "person running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE", "html": "&#127939;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽", "name": "person running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD", "html": "&#127939;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼", "name": "person running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC", "html": "&#127939;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻", "name": "person running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB", "html": "&#127939;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃", "name": "person running", "shortname": ":runner:", "unicode": "1f3c3", "html": "&#127939;", "category": "People & Body (person-activity)", "order": "711"},
-		{"emoji": "🌻", "name": "sunflower", "shortname": ":sunflower:", "unicode": "1f33b", "html": "&#127803;", "category": "Animals & Nature (plant-flower)", "order": "1434"},
-		{"emoji": "🌎", "name": "globe showing Americas", "shortname": ":earth_americas:", "unicode": "1f30e", "html": "&#127758;", "category": "Travel & Places (place-map)", "order": "1539"},
-		{"emoji": "💐", "name": "bouquet", "shortname": ":bouquet:", "unicode": "1f490", "html": "&#128144;", "category": "Animals & Nature (plant-flower)", "order": "1427"},
-		{"emoji": "🐶", "name": "dog face", "shortname": ":dog:", "unicode": "1f436", "html": "&#128054;", "category": "Animals & Nature (animal-mammal)", "order": "1345"},
-		{"emoji": "💰", "name": "money bag", "shortname": ":moneybag:", "unicode": "1f4b0", "html": "&#128176;", "category": "Objects (money)", "order": "1891"},
-		{"emoji": "🌿", "name": "herb", "shortname": ":herb:", "unicode": "1f33f", "html": "&#127807;", "category": "Animals & Nature (plant-other)", "order": "1443"},
-		{"emoji": "👫", "name": "woman and man holding hands", "shortname": ":couple:", "unicode": "1f46b", "html": "&#128107;", "category": "People & Body (family)", "order": "1018"},
-		{"emoji": "🍂", "name": "fallen leaf", "shortname": ":fallen_leaf:", "unicode": "1f342", "html": "&#127810;", "category": "Animals & Nature (plant-other)", "order": "1447"},
-		{"emoji": "🌷", "name": "tulip", "shortname": ":tulip:", "unicode": "1f337", "html": "&#127799;", "category": "Animals & Nature (plant-flower)", "order": "1436"},
-		{"emoji": "🎂", "name": "birthday cake", "shortname": ":birthday:", "unicode": "1f382", "html": "&#127874;", "category": "Food & Drink (food-sweet)", "order": "1513"},
-		{"emoji": "🐱", "name": "cat face", "shortname": ":cat:", "unicode": "1f431", "html": "&#128049;", "category": "Animals & Nature (animal-mammal)", "order": "1350"},
-		{"emoji": "☕", "name": "hot beverage", "shortname": ":coffee:", "unicode": "2615", "html": "&#9749;", "category": "Food & Drink (drink)", "order": "1522"},
-		{"emoji": "😵", "name": "dizzy face", "shortname": ":dizzy_face:", "unicode": "1f635", "html": "&#128565;", "category": "Smileys & Emotion (face-unwell)", "order": "64"},
-		{"emoji": "👆🏿", "name": "backhand index pointing up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F446 1F3FF", "html": "&#128070;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏾", "name": "backhand index pointing up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F446 1F3FE", "html": "&#128070;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏽", "name": "backhand index pointing up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F446 1F3FD", "html": "&#128070;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏼", "name": "backhand index pointing up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F446 1F3FC", "html": "&#128070;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏻", "name": "backhand index pointing up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F446 1F3FB", "html": "&#128070;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆", "name": "backhand index pointing up", "shortname": ":point_up_2:", "unicode": "1f446", "html": "&#128070;", "category": "People & Body (hand-single-finger)", "order": "1110"},
-		{"emoji": "😮", "name": "face with open mouth", "shortname": ":open_mouth:", "unicode": "1f62e", "html": "&#128558;", "category": "Smileys & Emotion (face-concerned)", "order": "29"},
-		{"emoji": "😯", "name": "hushed face", "shortname": ":hushed:", "unicode": "1f62f", "html": "&#128559;", "category": "Smileys & Emotion (face-concerned)", "order": "31"},
-		{"emoji": "🏀", "name": "basketball", "shortname": ":basketball:", "unicode": "1f3c0", "html": "&#127936;", "category": "Activities (sport)", "order": "1783"},
-		{"emoji": "🎄", "name": "Christmas tree", "shortname": ":christmas_tree:", "unicode": "1f384", "html": "&#127876;", "category": "Activities (event)", "order": "1757"},
-		{"emoji": "💍", "name": "ring", "shortname": ":ring:", "unicode": "1f48d", "html": "&#128141;", "category": "Objects (clothing)", "order": "1340"},
-		{"emoji": "🌝", "name": "full moon face", "shortname": ":full_moon_with_face:", "unicode": "1f31d", "html": "&#127773;", "category": "Travel & Places (sky & weather)", "order": "1725"},
-		{"emoji": "😲", "name": "astonished face", "shortname": ":astonished:", "unicode": "1f632", "html": "&#128562;", "category": "Smileys & Emotion (face-concerned)", "order": "47"},
-		{"emoji": "👭", "name": "women holding hands", "shortname": ":two_women_holding_hands:", "unicode": "1f46d", "html": "&#128109;", "category": "People & Body (family)", "order": "1030"},
-		{"emoji": "💸", "name": "money with wings", "shortname": ":money_with_wings:", "unicode": "1f4b8", "html": "&#128184;", "category": "Objects (money)", "order": "1896"},
-		{"emoji": "😿", "name": "crying cat", "shortname": ":crying_cat_face:", "unicode": "1f63f", "html": "&#128575;", "category": "Smileys & Emotion (cat-face)", "order": "94"},
-		{"emoji": "🙉", "name": "hear-no-evil monkey", "shortname": ":hear_no_evil:", "unicode": "1f649", "html": "&#128585;", "category": "Smileys & Emotion (monkey-face)", "order": "97"},
-		{"emoji": "💨", "name": "dashing away", "shortname": ":dash:", "unicode": "1f4a8", "html": "&#128168;", "category": "Smileys & Emotion (emotion)", "order": "1307"},
-		{"emoji": "🌵", "name": "cactus", "shortname": ":cactus:", "unicode": "1f335", "html": "&#127797;", "category": "Animals & Nature (plant-other)", "order": "1441"},
-		{"emoji": "♨️", "name": "hot springs", "shortname": ":hotsprings:", "unicode": "2668", "html": "&#9832;", "category": "Travel & Places (place-other)", "order": "1591"},
-		{"emoji": "☎️", "name": "telephone", "shortname": ":telephone:", "unicode": "260e", "html": "&#9742;", "category": "Objects (phone)", "order": "1840"},
-		{"emoji": "🍁", "name": "maple leaf", "shortname": ":maple_leaf:", "unicode": "1f341", "html": "&#127809;", "category": "Animals & Nature (plant-other)", "order": "1446"},
-		{"emoji": "👸🏿", "name": "princess: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F478 1F3FF", "html": "&#128120;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏾", "name": "princess: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F478 1F3FE", "html": "&#128120;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏽", "name": "princess: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F478 1F3FD", "html": "&#128120;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏼", "name": "princess: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F478 1F3FC", "html": "&#128120;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏻", "name": "princess: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F478 1F3FB", "html": "&#128120;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸", "name": "princess", "shortname": ":princess:", "unicode": "1f478", "html": "&#128120;", "category": "People & Body (person-role)", "order": "459"},
-		{"emoji": "💆🏿‍♂", "name": "man getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2642", "html": "&#128134;&#127999;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♂", "name": "man getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2642", "html": "&#128134;&#127998;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♂", "name": "man getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2642", "html": "&#128134;&#127997;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♂", "name": "man getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2642", "html": "&#128134;&#127996;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♂", "name": "man getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2642", "html": "&#128134;&#127995;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♂", "name": "man getting massage", "shortname": ":man_getting_massage:", "unicode": "1F486 200D 2642", "html": "&#128134;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿", "name": "person getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF", "html": "&#128134;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾", "name": "person getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE", "html": "&#128134;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽", "name": "person getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD", "html": "&#128134;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼", "name": "person getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC", "html": "&#128134;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻", "name": "person getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB", "html": "&#128134;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆", "name": "person getting massage", "shortname": ":massage:", "unicode": "1f486", "html": "&#128134;", "category": "People & Body (person-activity)", "order": "657"},
-		{"emoji": "💌", "name": "love letter", "shortname": ":love_letter:", "unicode": "1f48c", "html": "&#128140;", "category": "Smileys & Emotion (emotion)", "order": "1301"},
-		{"emoji": "🏆", "name": "trophy", "shortname": ":trophy:", "unicode": "1f3c6", "html": "&#127942;", "category": "Activities (award-medal)", "order": "1776"},
-		{"emoji": "🙍🏿‍♂", "name": "man frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2642", "html": "&#128589;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♂", "name": "man frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2642", "html": "&#128589;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♂", "name": "man frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2642", "html": "&#128589;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♂", "name": "man frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2642", "html": "&#128589;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♂", "name": "man frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2642", "html": "&#128589;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♂", "name": "man frowning", "shortname": ":man_frowning:", "unicode": "1F64D 200D 2642", "html": "&#128589;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿", "name": "person frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF", "html": "&#128589;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾", "name": "person frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE", "html": "&#128589;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽", "name": "person frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD", "html": "&#128589;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼", "name": "person frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC", "html": "&#128589;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻", "name": "person frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB", "html": "&#128589;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍", "name": "person frowning", "shortname": ":person_frowning:", "unicode": "1f64d", "html": "&#128589;", "category": "People & Body (person-gesture)", "order": "495"},
-		{"emoji": "🇺🇸", "name": "flag: United States", "shortname": ":us:", "unicode": "1f1fa", "html": "&#127482;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🎊", "name": "confetti ball", "shortname": ":confetti_ball:", "unicode": "1f38a", "html": "&#127882;", "category": "Activities (event)", "order": "1763"},
-		{"emoji": "🌼", "name": "blossom", "shortname": ":blossom:", "unicode": "1f33c", "html": "&#127804;", "category": "Animals & Nature (plant-flower)", "order": "1435"},
-		{"emoji": "🔪", "name": "kitchen knife", "shortname": ":kitchen_knife:", "unicode": "1F52A", "html": "&#128298;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "👄", "name": "mouth", "shortname": ":lips:", "unicode": "1f444", "html": "&#128068;", "category": "People & Body (body-parts)", "order": "1283"},
-		{"emoji": "🍟", "name": "french fries", "shortname": ":fries:", "unicode": "1f35f", "html": "&#127839;", "category": "Food & Drink (food-prepared)", "order": "1483"},
-		{"emoji": "🍩", "name": "doughnut", "shortname": ":doughnut:", "unicode": "1f369", "html": "&#127849;", "category": "Food & Drink (food-sweet)", "order": "1511"},
-		{"emoji": "😦", "name": "frowning face with open mouth", "shortname": ":frowning:", "unicode": "1f626", "html": "&#128550;", "category": "Smileys & Emotion (face-concerned)", "order": "56"},
-		{"emoji": "🌊", "name": "water wave", "shortname": ":ocean:", "unicode": "1f30a", "html": "&#127754;", "category": "Travel & Places (sky & weather)", "order": "1755"},
-		{"emoji": "💣", "name": "bomb", "shortname": ":bomb:", "unicode": "1f4a3", "html": "&#128163;", "category": "Smileys & Emotion (emotion)", "order": "1304"},
-		{"emoji": "🆗", "name": "OK button", "shortname": ":ok:", "unicode": "1f197", "html": "&#127383;", "category": "Symbols (alphanum)", "order": "2137"},
-		{"emoji": "🌀", "name": "cyclone", "shortname": ":cyclone:", "unicode": "1f300", "html": "&#127744;", "category": "Travel & Places (sky & weather)", "order": "1742"},
-		{"emoji": "🚀", "name": "rocket", "shortname": ":rocket:", "unicode": "1f680", "html": "&#128640;", "category": "Travel & Places (transport-air)", "order": "1659"},
-		{"emoji": "☔", "name": "umbrella with rain drops", "shortname": ":umbrella:", "unicode": "2614", "html": "&#9748;", "category": "Travel & Places (sky & weather)", "order": "1746"},
-		{"emoji": "💏", "name": "kiss", "shortname": ":couplekiss:", "unicode": "1f48f", "html": "&#128143;", "category": "People & Body (family)", "order": "1036"},
-		{"emoji": "👩‍❤️‍💋‍👩", "name": "kiss: woman, woman", "shortname": ":couple_woman_kiss:", "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F469", "html": "&#128105;&zwj;&#10084;&zwj;&#128139;&zwj;&#128105;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤️‍💋‍👨", "name": "kiss: man, man", "shortname": ":couple_man_kiss:", "unicode": "1F468 200D 2764 FE0F 200D 1F48B 200D 1F468", "html": "&#128104;&zwj;&#10084;&zwj;&#128139;&zwj;&#128104;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "💑", "name": "couple with heart", "shortname": ":couple_with_heart:", "unicode": "1f491", "html": "&#128145;", "category": "People & Body (family)", "order": "1040"},
-		{"emoji": "👩‍❤️‍👩", "name": "couple with heart: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 FE0F 200D 1F469", "html": "&#128105;&zwj;&#10084;&zwj;&#128105;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤️‍👨", "name": "couple with heart: man, man", "shortname": ":man_man_love:", "unicode": "1F468 200D 2764 FE0F 200D 1F468", "html": "&#128104;&zwj;&#10084;&zwj;&#128104;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🍭", "name": "lollipop", "shortname": ":lollipop:", "unicode": "1f36d", "html": "&#127853;", "category": "Food & Drink (food-sweet)", "order": "1517"},
-		{"emoji": "🎬", "name": "clapper board", "shortname": ":clapper:", "unicode": "1f3ac", "html": "&#127916;", "category": "Objects (light & video)", "order": "1859"},
-		{"emoji": "🐷", "name": "pig face", "shortname": ":pig:", "unicode": "1f437", "html": "&#128055;", "category": "Animals & Nature (animal-mammal)", "order": "1364"},
-		{"emoji": "😈", "name": "smiling face with horns", "shortname": ":smiling_imp:", "unicode": "1f608", "html": "&#128520;", "category": "Smileys & Emotion (face-negative)", "order": "76"},
-		{"emoji": "👿", "name": "angry face with horns", "shortname": ":imp:", "unicode": "1f47f", "html": "&#128127;", "category": "Smileys & Emotion (face-negative)", "order": "77"},
-		{"emoji": "🐝", "name": "honeybee", "shortname": ":bee:", "unicode": "1f41d", "html": "&#128029;", "category": "Animals & Nature (animal-bug)", "order": "1422"},
-		{"emoji": "😽", "name": "kissing cat", "shortname": ":kissing_cat:", "unicode": "1f63d", "html": "&#128573;", "category": "Smileys & Emotion (cat-face)", "order": "92"},
-		{"emoji": "💢", "name": "anger symbol", "shortname": ":anger:", "unicode": "1f4a2", "html": "&#128162;", "category": "Smileys & Emotion (emotion)", "order": "1303"},
-		{"emoji": "🎼", "name": "musical score", "shortname": ":musical_score:", "unicode": "1f3bc", "html": "&#127932;", "category": "Objects (music)", "order": "1823"},
-		{"emoji": "🎅🏿", "name": "Santa Claus: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F385 1F3FF", "html": "&#127877;&#127999;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏾", "name": "Santa Claus: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F385 1F3FE", "html": "&#127877;&#127998;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏽", "name": "Santa Claus: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F385 1F3FD", "html": "&#127877;&#127997;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏼", "name": "Santa Claus: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F385 1F3FC", "html": "&#127877;&#127996;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏻", "name": "Santa Claus: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F385 1F3FB", "html": "&#127877;&#127995;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅", "name": "Santa Claus", "shortname": ":santa:", "unicode": "1f385", "html": "&#127877;", "category": "People & Body (person-fantasy)", "order": "447"},
-		{"emoji": "🌏", "name": "globe showing Asia-Australia", "shortname": ":earth_asia:", "unicode": "1f30f", "html": "&#127759;", "category": "Travel & Places (place-map)", "order": "1540"},
-		{"emoji": "🏈", "name": "american football", "shortname": ":football:", "unicode": "1f3c8", "html": "&#127944;", "category": "Activities (sport)", "order": "1785"},
-		{"emoji": "🎸", "name": "guitar", "shortname": ":guitar:", "unicode": "1f3b8", "html": "&#127928;", "category": "Objects (musical-instrument)", "order": "1833"},
-		{"emoji": "♦️", "name": "diamond suit", "shortname": ":diamond_suit:", "unicode": "2666 FE0F", "html": "&diams;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "🐼", "name": "panda", "shortname": ":panda_face:", "unicode": "1f43c", "html": "&#128060;", "category": "Animals & Nature (animal-mammal)", "order": "1385"},
-		{"emoji": "💬", "name": "speech balloon", "shortname": ":speech_balloon:", "unicode": "1f4ac", "html": "&#128172;", "category": "Smileys & Emotion (emotion)", "order": "1309"},
-		{"emoji": "🍓", "name": "strawberry", "shortname": ":strawberry:", "unicode": "1f353", "html": "&#127827;", "category": "Food & Drink (food-fruit)", "order": "1461"},
-		{"emoji": "😼", "name": "cat with wry smile", "shortname": ":smirk_cat:", "unicode": "1f63c", "html": "&#128572;", "category": "Smileys & Emotion (cat-face)", "order": "91"},
-		{"emoji": "🍌", "name": "banana", "shortname": ":banana:", "unicode": "1f34c", "html": "&#127820;", "category": "Food & Drink (food-fruit)", "order": "1454"},
-		{"emoji": "🍉", "name": "watermelon", "shortname": ":watermelon:", "unicode": "1f349", "html": "&#127817;", "category": "Food & Drink (food-fruit)", "order": "1451"},
-		{"emoji": "⛄", "name": "snowman without snow", "shortname": ":snowman:", "unicode": "26c4", "html": "&#9924;", "category": "Travel & Places (sky & weather)", "order": "1751"},
-		{"emoji": "😸", "name": "grinning cat with smiling eyes", "shortname": ":smile_cat:", "unicode": "1f638", "html": "&#128568;", "category": "Smileys & Emotion (cat-face)", "order": "88"},
-		{"emoji": "♠️", "name": "spade suit", "shortname": ":spade_suit:", "unicode": "2660 FE0F", "html": "&spades;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "🔝", "name": "TOP arrow", "shortname": ":top:", "unicode": "1f51d", "html": "&#128285;", "category": "Symbols (arrow)", "order": "2022"},
-		{"emoji": "🍆", "name": "eggplant", "shortname": ":eggplant:", "unicode": "1f346", "html": "&#127814;", "category": "Food & Drink (food-vegetable)", "order": "1465"},
-		{"emoji": "🔮", "name": "crystal ball", "shortname": ":crystal_ball:", "unicode": "1f52e", "html": "&#128302;", "category": "Activities (game)", "order": "1974"},
-		{"emoji": "🍴", "name": "fork and knife", "shortname": ":fork_and_knife:", "unicode": "1f374", "html": "&#127860;", "category": "Food & Drink (dishware)", "order": "1534"},
-		{"emoji": "📲", "name": "mobile phone with arrow", "shortname": ":calling:", "unicode": "1f4f2", "html": "&#128242;", "category": "Objects (phone)", "order": "1839"},
-		{"emoji": "📱", "name": "mobile phone", "shortname": ":iphone:", "unicode": "1f4f1", "html": "&#128241;", "category": "Objects (phone)", "order": "1838"},
-		{"emoji": "⛅", "name": "sun behind cloud", "shortname": ":partly_sunny:", "unicode": "26c5", "html": "&#9925;", "category": "Travel & Places (sky & weather)", "order": "1731"},
-		{"emoji": "⚠️", "name": "warning", "shortname": ":warning:", "unicode": "26a0", "html": "&#9888;", "category": "Symbols (warning)", "order": "1989"},
-		{"emoji": "🙀", "name": "weary cat", "shortname": ":scream_cat:", "unicode": "1f640", "html": "&#128576;", "category": "Smileys & Emotion (cat-face)", "order": "93"},
-		{"emoji": "🔸", "name": "small orange diamond", "shortname": ":small_orange_diamond:", "unicode": "1f538", "html": "&#128312;", "category": "Symbols (geometric)", "order": "2169"},
-		{"emoji": "👶🏿", "name": "baby: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F476 1F3FF", "html": "&#128118;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏾", "name": "baby: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F476 1F3FE", "html": "&#128118;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏽", "name": "baby: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F476 1F3FD", "html": "&#128118;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏼", "name": "baby: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F476 1F3FC", "html": "&#128118;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏻", "name": "baby: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F476 1F3FB", "html": "&#128118;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶", "name": "baby", "shortname": ":baby:", "unicode": "1f476", "html": "&#128118;", "category": "People & Body (person)", "order": "135"},
-		{"emoji": "🐾", "name": "paw prints", "shortname": ":feet:", "unicode": "1f43e", "html": "&#128062;", "category": "Animals & Nature (animal-mammal)", "order": "1386"},
-		{"emoji": "👣", "name": "footprints", "shortname": ":footprints:", "unicode": "1f463", "html": "&#128099;", "category": "People & Body (person-symbol)", "order": "1278"},
-		{"emoji": "🍺", "name": "beer mug", "shortname": ":beer:", "unicode": "1f37a", "html": "&#127866;", "category": "Food & Drink (drink)", "order": "1529"},
-		{"emoji": "🍷", "name": "wine glass", "shortname": ":wine_glass:", "unicode": "1f377", "html": "&#127863;", "category": "Food & Drink (drink)", "order": "1526"},
-		{"emoji": "⭕", "name": "hollow red circle", "shortname": ":o:", "unicode": "2b55", "html": "&#11093;", "category": "Symbols (other-symbol)", "order": "2077"},
-		{"emoji": "📹", "name": "video camera", "shortname": ":video_camera:", "unicode": "1f4f9", "html": "&#128249;", "category": "Objects (light & video)", "order": "1863"},
-		{"emoji": "🐰", "name": "rabbit face", "shortname": ":rabbit:", "unicode": "1f430", "html": "&#128048;", "category": "Animals & Nature (animal-mammal)", "order": "1379"},
-		{"emoji": "🍹", "name": "tropical drink", "shortname": ":tropical_drink:", "unicode": "1f379", "html": "&#127865;", "category": "Food & Drink (drink)", "order": "1528"},
-		{"emoji": "🚬", "name": "cigarette", "shortname": ":smoking:", "unicode": "1f6ac", "html": "&#128684;", "category": "Objects (other-object)", "order": "1969"},
-		{"emoji": "👾", "name": "alien monster", "shortname": ":space_invader:", "unicode": "1f47e", "html": "&#128126;", "category": "Smileys & Emotion (face-costume)", "order": "84"},
-		{"emoji": "🍑", "name": "peach", "shortname": ":peach:", "unicode": "1f351", "html": "&#127825;", "category": "Food & Drink (food-fruit)", "order": "1459"},
-		{"emoji": "🐍", "name": "snake", "shortname": ":snake:", "unicode": "1f40d", "html": "&#128013;", "category": "Animals & Nature (animal-reptile)", "order": "1403"},
-		{"emoji": "🐢", "name": "turtle", "shortname": ":turtle:", "unicode": "1f422", "html": "&#128034;", "category": "Animals & Nature (animal-reptile)", "order": "1401"},
-		{"emoji": "🍒", "name": "cherries", "shortname": ":cherries:", "unicode": "1f352", "html": "&#127826;", "category": "Food & Drink (food-fruit)", "order": "1460"},
-		{"emoji": "😗", "name": "kissing face", "shortname": ":kissing:", "unicode": "1f617", "html": "&#128535;", "category": "Smileys & Emotion (face-affection)", "order": "15"},
-		{"emoji": "🐸", "name": "frog", "shortname": ":frog:", "unicode": "1f438", "html": "&#128056;", "category": "Animals & Nature (animal-amphibian)", "order": "1399"},
-		{"emoji": "🌌", "name": "milky way", "shortname": ":milky_way:", "unicode": "1f30c", "html": "&#127756;", "category": "Travel & Places (sky & weather)", "order": "1592"},
-		{"emoji": "🚨", "name": "police car light", "shortname": ":rotating_light:", "unicode": "1f6a8", "html": "&#128680;", "category": "Travel & Places (transport-ground)", "order": "1637"},
-		{"emoji": "🐣", "name": "hatching chick", "shortname": ":hatching_chick:", "unicode": "1f423", "html": "&#128035;", "category": "Animals & Nature (animal-bird)", "order": "1390"},
-		{"emoji": "📕", "name": "closed book", "shortname": ":closed_book:", "unicode": "1f4d5", "html": "&#128213;", "category": "Objects (book-paper)", "order": "1875"},
-		{"emoji": "🍬", "name": "candy", "shortname": ":candy:", "unicode": "1f36c", "html": "&#127852;", "category": "Food & Drink (food-sweet)", "order": "1516"},
-		{"emoji": "🍔", "name": "hamburger", "shortname": ":hamburger:", "unicode": "1f354", "html": "&#127828;", "category": "Food & Drink (food-prepared)", "order": "1482"},
-		{"emoji": "🐻", "name": "bear", "shortname": ":bear:", "unicode": "1f43b", "html": "&#128059;", "category": "Animals & Nature (animal-mammal)", "order": "1383"},
-		{"emoji": "🐯", "name": "tiger face", "shortname": ":tiger:", "unicode": "1f42f", "html": "&#128047;", "category": "Animals & Nature (animal-mammal)", "order": "1353"},
-		{"emoji": "🚗", "name": "automobile", "shortname": ":automobile:", "unicode": "1F697", "html": "&#128663;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "⏩", "name": "fast-forward button", "shortname": ":fast_forward:", "unicode": "2.3E+10", "html": "&#9193;", "category": "Symbols (av-symbol)", "order": "2052"},
-		{"emoji": "🍦", "name": "soft ice cream", "shortname": ":icecream:", "unicode": "1f366", "html": "&#127846;", "category": "Food & Drink (food-sweet)", "order": "1508"},
-		{"emoji": "🍍", "name": "pineapple", "shortname": ":pineapple:", "unicode": "1f34d", "html": "&#127821;", "category": "Food & Drink (food-fruit)", "order": "1455"},
-		{"emoji": "🌾", "name": "sheaf of rice", "shortname": ":ear_of_rice:", "unicode": "1f33e", "html": "&#127806;", "category": "Animals & Nature (plant-other)", "order": "1442"},
-		{"emoji": "💉", "name": "syringe", "shortname": ":syringe:", "unicode": "1f489", "html": "&#128137;", "category": "Objects (medical)", "order": "1967"},
-		{"emoji": "🚮", "name": "litter in bin sign", "shortname": ":put_litter_in_its_place:", "unicode": "1f6ae", "html": "&#128686;", "category": "Symbols (transport-sign)", "order": "1977"},
-		{"emoji": "🍫", "name": "chocolate bar", "shortname": ":chocolate_bar:", "unicode": "1f36b", "html": "&#127851;", "category": "Food & Drink (food-sweet)", "order": "1515"},
-		{"emoji": "▪️", "name": "black small square", "shortname": ":black_small_square:", "unicode": "25aa", "html": "&#9642;", "category": "Symbols (geometric)", "order": "2159"},
-		{"emoji": "📺", "name": "television", "shortname": ":tv:", "unicode": "1f4fa", "html": "&#128250;", "category": "Objects (light & video)", "order": "1860"},
-		{"emoji": "💊", "name": "pill", "shortname": ":pill:", "unicode": "1f48a", "html": "&#128138;", "category": "Objects (medical)", "order": "1968"},
-		{"emoji": "🐙", "name": "octopus", "shortname": ":octopus:", "unicode": "1f419", "html": "&#128025;", "category": "Animals & Nature (animal-marine)", "order": "1413"},
-		{"emoji": "🎃", "name": "jack-o-lantern", "shortname": ":jack_o_lantern:", "unicode": "1f383", "html": "&#127875;", "category": "Activities (event)", "order": "1756"},
-		{"emoji": "🍇", "name": "grapes", "shortname": ":grapes:", "unicode": "1f347", "html": "&#127815;", "category": "Food & Drink (food-fruit)", "order": "1449"},
-		{"emoji": "😺", "name": "grinning cat", "shortname": ":smiley_cat:", "unicode": "1f63a", "html": "&#128570;", "category": "Smileys & Emotion (cat-face)", "order": "87"},
-		{"emoji": "💿", "name": "optical disk", "shortname": ":cd:", "unicode": "1f4bf", "html": "&#128191;", "category": "Objects (computer)", "order": "1854"},
-		{"emoji": "🍸", "name": "cocktail glass", "shortname": ":cocktail:", "unicode": "1f378", "html": "&#127864;", "category": "Food & Drink (drink)", "order": "1527"},
-		{"emoji": "🍰", "name": "shortcake", "shortname": ":cake:", "unicode": "1f370", "html": "&#127856;", "category": "Food & Drink (food-sweet)", "order": "1514"},
-		{"emoji": "🎮", "name": "video game", "shortname": ":video_game:", "unicode": "1f3ae", "html": "&#127918;", "category": "Activities (game)", "order": "1804"},
-		{"emoji": "™️", "name": "trade mark", "shortname": ":trade_mark:", "unicode": "2122 FE0F", "html": "&trade;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⬇️", "name": "down arrow", "shortname": ":arrow_down:", "unicode": "2b07", "html": "&#11015;", "category": "Symbols (arrow)", "order": "2006"},
-		{"emoji": "🚫", "name": "prohibited", "shortname": ":no_entry_sign:", "unicode": "1f6ab", "html": "&#128683;", "category": "Symbols (warning)", "order": "1992"},
-		{"emoji": "💄", "name": "lipstick", "shortname": ":lipstick:", "unicode": "1f484", "html": "&#128132;", "category": "Objects (clothing)", "order": "1339"},
-		{"emoji": "🐳", "name": "spouting whale", "shortname": ":whale:", "unicode": "1f433", "html": "&#128051;", "category": "Animals & Nature (animal-marine)", "order": "1406"},
-		{"emoji": "📝", "name": "memo", "shortname": ":memo:", "unicode": "1F4DD", "html": "&#128221;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "®️", "name": "registered", "shortname": ":registered:", "unicode": "00AE FE0F", "html": "&reg;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "🍪", "name": "cookie", "shortname": ":cookie:", "unicode": "1f36a", "html": "&#127850;", "category": "Food & Drink (food-sweet)", "order": "1512"},
-		{"emoji": "🐬", "name": "dolphin", "shortname": ":dolphin:", "unicode": "1f42c", "html": "&#128044;", "category": "Animals & Nature (animal-marine)", "order": "1408"},
-		{"emoji": "🔊", "name": "speaker high volume", "shortname": ":loud_sound:", "unicode": "1f50a", "html": "&#128266;", "category": "Objects (sound)", "order": "1817"},
-		{"emoji": "👨🏿", "name": "man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF", "html": "&#128104;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾", "name": "man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE", "html": "&#128104;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽", "name": "man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD", "html": "&#128104;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼", "name": "man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC", "html": "&#128104;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻", "name": "man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB", "html": "&#128104;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨", "name": "man", "shortname": ":man:", "unicode": "1f468", "html": "&#128104;", "category": "People & Body (person)", "order": "111"},
-		{"emoji": "🐥", "name": "front-facing baby chick", "shortname": ":hatched_chick:", "unicode": "1f425", "html": "&#128037;", "category": "Animals & Nature (animal-bird)", "order": "1392"},
-		{"emoji": "🐒", "name": "monkey", "shortname": ":monkey:", "unicode": "1f412", "html": "&#128018;", "category": "Animals & Nature (animal-mammal)", "order": "1343"},
-		{"emoji": "📚", "name": "books", "shortname": ":books:", "unicode": "1f4da", "html": "&#128218;", "category": "Objects (book-paper)", "order": "1880"},
-		{"emoji": "👹", "name": "ogre", "shortname": ":japanese_ogre:", "unicode": "1f479", "html": "&#128121;", "category": "Smileys & Emotion (face-costume)", "order": "78"},
-		{"emoji": "💂🏿‍♀", "name": "woman guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2640", "html": "&#128130;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♀", "name": "woman guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2640", "html": "&#128130;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♀", "name": "woman guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2640", "html": "&#128130;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♀", "name": "woman guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2640", "html": "&#128130;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♀", "name": "woman guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2640", "html": "&#128130;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♀", "name": "woman guard", "shortname": ":woman_guard:", "unicode": "1F482 200D 2640", "html": "&#128130;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿", "name": "guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF", "html": "&#128130;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾", "name": "guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE", "html": "&#128130;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽", "name": "guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD", "html": "&#128130;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼", "name": "guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC", "html": "&#128130;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻", "name": "guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB", "html": "&#128130;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂", "name": "guard", "shortname": ":guardsman:", "unicode": "1f482", "html": "&#128130;", "category": "People & Body (person-role)", "order": "375"},
-		{"emoji": "📢", "name": "loudspeaker", "shortname": ":loudspeaker:", "unicode": "1f4e2", "html": "&#128226;", "category": "Objects (sound)", "order": "1818"},
-		{"emoji": "✂️", "name": "scissors", "shortname": ":scissors:", "unicode": "2702", "html": "&#9986;", "category": "Objects (office)", "order": "1940"},
-		{"emoji": "👧🏿", "name": "girl: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F467 1F3FF", "html": "&#128103;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏾", "name": "girl: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F467 1F3FE", "html": "&#128103;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏽", "name": "girl: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F467 1F3FD", "html": "&#128103;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏼", "name": "girl: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F467 1F3FC", "html": "&#128103;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏻", "name": "girl: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F467 1F3FB", "html": "&#128103;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧", "name": "girl", "shortname": ":girl:", "unicode": "1f467", "html": "&#128103;", "category": "People & Body (person)", "order": "105"},
-		{"emoji": "🎓", "name": "graduation cap", "shortname": ":mortar_board:", "unicode": "1f393", "html": "&#127891;", "category": "Objects (clothing)", "order": "1336"},
-		{"emoji": "🇫🇷", "name": "flag: France", "shortname": ":fr:", "unicode": "1f1eb", "html": "&#127467;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "⚾️", "name": "", "shortname": ":baseball:", "unicode": "26be", "html": "&#9918;", "category": "", "order": "1782"},
-		{"emoji": "🚦", "name": "vertical traffic light", "shortname": ":vertical_traffic_light:", "unicode": "1f6a6", "html": "&#128678;", "category": "Travel & Places (transport-ground)", "order": "1639"},
-		{"emoji": "👩🏿", "name": "woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF", "html": "&#128105;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾", "name": "woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE", "html": "&#128105;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽", "name": "woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD", "html": "&#128105;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼", "name": "woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC", "html": "&#128105;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻", "name": "woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB", "html": "&#128105;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩", "name": "woman", "shortname": ":woman:", "unicode": "1f469", "html": "&#128105;", "category": "People & Body (person)", "order": "117"},
-		{"emoji": "🎆", "name": "fireworks", "shortname": ":fireworks:", "unicode": "1f386", "html": "&#127878;", "category": "Activities (event)", "order": "1758"},
-		{"emoji": "🌠", "name": "shooting star", "shortname": ":stars:", "unicode": "1f320", "html": "&#127776;", "category": "Travel & Places (sky & weather)", "order": "1729"},
-		{"emoji": "🆘", "name": "SOS button", "shortname": ":sos:", "unicode": "1f198", "html": "&#127384;", "category": "Symbols (alphanum)", "order": "2139"},
-		{"emoji": "🍄", "name": "mushroom", "shortname": ":mushroom:", "unicode": "1f344", "html": "&#127812;", "category": "Food & Drink (food-vegetable)", "order": "1471"},
-		{"emoji": "😾", "name": "pouting cat", "shortname": ":pouting_cat:", "unicode": "1f63e", "html": "&#128574;", "category": "Smileys & Emotion (cat-face)", "order": "95"},
-		{"emoji": "🛅", "name": "left luggage", "shortname": ":left_luggage:", "unicode": "1f6c5", "html": "&#128709;", "category": "Symbols (transport-sign)", "order": "1988"},
-		{"emoji": "👠", "name": "high-heeled shoe", "shortname": ":high_heel:", "unicode": "1f460", "html": "&#128096;", "category": "Objects (clothing)", "order": "1330"},
-		{"emoji": "🎯", "name": "direct hit", "shortname": ":dart:", "unicode": "1f3af", "html": "&#127919;", "category": "Activities (game)", "order": "1798"},
-		{"emoji": "🏊🏿‍♀", "name": "woman swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2640", "html": "&#127946;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♀", "name": "woman swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2640", "html": "&#127946;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♀", "name": "woman swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2640", "html": "&#127946;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♀", "name": "woman swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2640", "html": "&#127946;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♀", "name": "woman swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2640", "html": "&#127946;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♀", "name": "woman swimming", "shortname": ":woman_swimming:", "unicode": "1F3CA 200D 2640", "html": "&#127946;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿", "name": "person swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF", "html": "&#127946;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾", "name": "person swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE", "html": "&#127946;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽", "name": "person swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD", "html": "&#127946;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼", "name": "person swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC", "html": "&#127946;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻", "name": "person swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB", "html": "&#127946;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊", "name": "person swimming", "shortname": ":swimmer:", "unicode": "1f3ca", "html": "&#127946;", "category": "People & Body (person-sport)", "order": "836"},
-		{"emoji": "🔑", "name": "key", "shortname": ":key:", "unicode": "1f511", "html": "&#128273;", "category": "Objects (lock)", "order": "1948"},
-		{"emoji": "👙", "name": "bikini", "shortname": ":bikini:", "unicode": "1f459", "html": "&#128089;", "category": "Objects (clothing)", "order": "1321"},
-		{"emoji": "👪", "name": "family", "shortname": ":family:", "unicode": "1f46a", "html": "&#128106;", "category": "People & Body (family)", "order": "1044"},
-		{"emoji": "✏", "name": "pencil", "shortname": ":pencil2:", "unicode": "270f", "html": "&#9999;", "category": "Objects (writing)", "order": "1914"},
-		{"emoji": "🐘", "name": "elephant", "shortname": ":elephant:", "unicode": "1f418", "html": "&#128024;", "category": "Animals & Nature (animal-mammal)", "order": "1373"},
-		{"emoji": "💧", "name": "droplet", "shortname": ":droplet:", "unicode": "1f4a7", "html": "&#128167;", "category": "Travel & Places (sky & weather)", "order": "1754"},
-		{"emoji": "🌱", "name": "seedling", "shortname": ":seedling:", "unicode": "1f331", "html": "&#127793;", "category": "Animals & Nature (plant-other)", "order": "1437"},
-		{"emoji": "🍎", "name": "red apple", "shortname": ":apple:", "unicode": "1f34e", "html": "&#127822;", "category": "Food & Drink (food-fruit)", "order": "1456"},
-		{"emoji": "🆒", "name": "COOL button", "shortname": ":cool:", "unicode": "1f192", "html": "&#127378;", "category": "Symbols (alphanum)", "order": "2129"},
-		{"emoji": "📞", "name": "telephone receiver", "shortname": ":telephone_receiver:", "unicode": "1f4de", "html": "&#128222;", "category": "Objects (phone)", "order": "1841"},
-		{"emoji": "💵", "name": "dollar banknote", "shortname": ":dollar:", "unicode": "1f4b5", "html": "&#128181;", "category": "Objects (money)", "order": "1893"},
-		{"emoji": "🏡", "name": "house with garden", "shortname": ":house_with_garden:", "unicode": "1f3e1", "html": "&#127969;", "category": "Travel & Places (place-building)", "order": "1560"},
-		{"emoji": "📖", "name": "open book", "shortname": ":book:", "unicode": "1f4d6", "html": "&#128214;", "category": "Objects (book-paper)", "order": "1876"},
-		{"emoji": "💇🏿‍♂", "name": "man getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2642", "html": "&#128135;&#127999;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♂", "name": "man getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2642", "html": "&#128135;&#127998;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♂", "name": "man getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2642", "html": "&#128135;&#127997;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♂", "name": "man getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2642", "html": "&#128135;&#127996;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♂", "name": "man getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2642", "html": "&#128135;&#127995;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♂", "name": "man getting haircut", "shortname": ":man_getting_haircut:", "unicode": "1F487 200D 2642", "html": "&#128135;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿", "name": "person getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF", "html": "&#128135;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾", "name": "person getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE", "html": "&#128135;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽", "name": "person getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD", "html": "&#128135;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼", "name": "person getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC", "html": "&#128135;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻", "name": "person getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB", "html": "&#128135;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇", "name": "person getting haircut", "shortname": ":haircut:", "unicode": "1f487", "html": "&#128135;", "category": "People & Body (person-activity)", "order": "675"},
-		{"emoji": "💻", "name": "laptop", "shortname": ":computer:", "unicode": "1f4bb", "html": "&#128187;", "category": "Objects (computer)", "order": "1846"},
-		{"emoji": "💡", "name": "light bulb", "shortname": ":bulb:", "unicode": "1f4a1", "html": "&#128161;", "category": "Objects (light & video)", "order": "1871"},
-		{"emoji": "❓", "name": "question mark", "shortname": ":question:", "unicode": "2753", "html": "&#10067;", "category": "Symbols (other-symbol)", "order": "2098"},
-		{"emoji": "🔙", "name": "BACK arrow", "shortname": ":back:", "unicode": "1f519", "html": "&#128281;", "category": "Symbols (arrow)", "order": "2018"},
-		{"emoji": "👦🏿", "name": "boy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F466 1F3FF", "html": "&#128102;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏾", "name": "boy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F466 1F3FE", "html": "&#128102;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏽", "name": "boy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F466 1F3FD", "html": "&#128102;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏼", "name": "boy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F466 1F3FC", "html": "&#128102;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏻", "name": "boy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F466 1F3FB", "html": "&#128102;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦", "name": "boy", "shortname": ":boy:", "unicode": "1f466", "html": "&#128102;", "category": "People & Body (person)", "order": "99"},
-		{"emoji": "🔐", "name": "locked with key", "shortname": ":closed_lock_with_key:", "unicode": "1f510", "html": "&#128272;", "category": "Objects (lock)", "order": "1947"},
-		{"emoji": "🙎🏿‍♂", "name": "man pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2642", "html": "&#128590;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♂", "name": "man pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2642", "html": "&#128590;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♂", "name": "man pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2642", "html": "&#128590;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♂", "name": "man pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2642", "html": "&#128590;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♂", "name": "man pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2642", "html": "&#128590;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♂", "name": "man pouting", "shortname": ":man_pouting:", "unicode": "1F64E 200D 2642", "html": "&#128590;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿", "name": "person pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF", "html": "&#128590;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾", "name": "person pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE", "html": "&#128590;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽", "name": "person pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD", "html": "&#128590;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼", "name": "person pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC", "html": "&#128590;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻", "name": "person pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB", "html": "&#128590;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎", "name": "person pouting", "shortname": ":person_with_pouting_face:", "unicode": "1f64e", "html": "&#128590;", "category": "People & Body (person-gesture)", "order": "513"},
-		{"emoji": "🍊", "name": "tangerine", "shortname": ":tangerine:", "unicode": "1f34a", "html": "&#127818;", "category": "Food & Drink (food-fruit)", "order": "1452"},
-		{"emoji": "↔️", "name": "left-right arrow", "shortname": ":leftright_arrow:", "unicode": "2194 FE0F", "html": "&harr;️", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "🌅", "name": "sunrise", "shortname": ":sunrise:", "unicode": "1f305", "html": "&#127749;", "category": "Travel & Places (place-other)", "order": "1587"},
-		{"emoji": "🍗", "name": "poultry leg", "shortname": ":poultry_leg:", "unicode": "1f357", "html": "&#127831;", "category": "Food & Drink (food-prepared)", "order": "1480"},
-		{"emoji": "🔵", "name": "blue circle", "shortname": ":blue_circle:", "unicode": "1f535", "html": "&#128309;", "category": "Symbols (geometric)", "order": "2180"},
-		{"emoji": "🚘", "name": "oncoming automobile", "shortname": ":oncoming_automobile:", "unicode": "1f698", "html": "&#128664;", "category": "Travel & Places (transport-ground)", "order": "1625"},
-		{"emoji": "🍧", "name": "shaved ice", "shortname": ":shaved_ice:", "unicode": "1f367", "html": "&#127847;", "category": "Food & Drink (food-sweet)", "order": "1509"},
-		{"emoji": "🇮🇹", "name": "flag: Italy", "shortname": ":it:", "unicode": "1F1EE 1F1F9", "html": "&#127470;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🐦", "name": "bird", "shortname": ":bird:", "unicode": "1f426", "html": "&#128038;", "category": "Animals & Nature (animal-bird)", "order": "1393"},
-		{"emoji": "🇬🇧", "name": "flag: United Kingdom", "shortname": ":gb:", "unicode": "1F1EC 1F1E7", "html": "&#127468;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🌛", "name": "first quarter moon face", "shortname": ":first_quarter_moon_with_face:", "unicode": "1f31b", "html": "&#127771;", "category": "Travel & Places (sky & weather)", "order": "1721"},
-		{"emoji": "👓", "name": "glasses", "shortname": ":eyeglasses:", "unicode": "1f453", "html": "&#128083;", "category": "Objects (clothing)", "order": "1314"},
-		{"emoji": "🐐", "name": "goat", "shortname": ":goat:", "unicode": "1f410", "html": "&#128016;", "category": "Animals & Nature (animal-mammal)", "order": "1370"},
-		{"emoji": "🌃", "name": "night with stars", "shortname": ":night_with_stars:", "unicode": "1f303", "html": "&#127747;", "category": "Travel & Places (place-other)", "order": "1585"},
-		{"emoji": "👵🏿", "name": "old woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F475 1F3FF", "html": "&#128117;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏾", "name": "old woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F475 1F3FE", "html": "&#128117;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏽", "name": "old woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F475 1F3FD", "html": "&#128117;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏼", "name": "old woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F475 1F3FC", "html": "&#128117;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏻", "name": "old woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F475 1F3FB", "html": "&#128117;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵", "name": "old woman", "shortname": ":older_woman:", "unicode": "1f475", "html": "&#128117;", "category": "People & Body (person)", "order": "129"},
-		{"emoji": "⚫", "name": "black circle", "shortname": ":black_circle:", "unicode": "26ab", "html": "&#9899;", "category": "Symbols (geometric)", "order": "2178"},
-		{"emoji": "🌑", "name": "new moon", "shortname": ":new_moon:", "unicode": "1f311", "html": "&#127761;", "category": "Travel & Places (sky & weather)", "order": "1711"},
-		{"emoji": "👬", "name": "men holding hands", "shortname": ":two_men_holding_hands:", "unicode": "1f46c", "html": "&#128108;", "category": "People & Body (family)", "order": "1024"},
-		{"emoji": "⚪", "name": "white circle", "shortname": ":white_circle:", "unicode": "26aa", "html": "&#9898;", "category": "Symbols (geometric)", "order": "2177"},
-		{"emoji": "🛃", "name": "customs", "shortname": ":customs:", "unicode": "1f6c3", "html": "&#128707;", "category": "Symbols (transport-sign)", "order": "1986"},
-		{"emoji": "🐠", "name": "tropical fish", "shortname": ":tropical_fish:", "unicode": "1f420", "html": "&#128032;", "category": "Animals & Nature (animal-marine)", "order": "1410"},
-		{"emoji": "🏠", "name": "house", "shortname": ":house:", "unicode": "1f3e0", "html": "&#127968;", "category": "Travel & Places (place-building)", "order": "1559"},
-		{"emoji": "🔃", "name": "clockwise vertical arrows", "shortname": ":arrows_clockwise:", "unicode": "1f503", "html": "&#128259;", "category": "Symbols (arrow)", "order": "2016"},
-		{"emoji": "🌜", "name": "last quarter moon face", "shortname": ":last_quarter_moon_with_face:", "unicode": "1f31c", "html": "&#127772;", "category": "Travel & Places (sky & weather)", "order": "1722"},
-		{"emoji": "📍", "name": "round pushpin", "shortname": ":round_pushpin:", "unicode": "1f4cd", "html": "&#128205;", "category": "Objects (office)", "order": "1935"},
-		{"emoji": "🌕", "name": "full moon", "shortname": ":full_moon:", "unicode": "1f315", "html": "&#127765;", "category": "Travel & Places (sky & weather)", "order": "1715"},
-		{"emoji": "👟", "name": "running shoe", "shortname": ":athletic_shoe:", "unicode": "1f45f", "html": "&#128095;", "category": "Objects (clothing)", "order": "1329"},
-		{"emoji": "🍋", "name": "lemon", "shortname": ":lemon:", "unicode": "1f34b", "html": "&#127819;", "category": "Food & Drink (food-fruit)", "order": "1453"},
-		{"emoji": "🍼", "name": "baby bottle", "shortname": ":baby_bottle:", "unicode": "1f37c", "html": "&#127868;", "category": "Food & Drink (drink)", "order": "1520"},
-		{"emoji": "🎨", "name": "artist palette", "shortname": ":artist_palette:", "unicode": "1F3A8", "html": "&#127912;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "✉️", "name": "envelope", "shortname": ":envelope:", "unicode": "2709 FE0F", "html": "&#9993;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "🍝", "name": "spaghetti", "shortname": ":spaghetti:", "unicode": "1f35d", "html": "&#127837;", "category": "Food & Drink (food-asian)", "order": "1501"},
-		{"emoji": "🎐", "name": "wind chime", "shortname": ":wind_chime:", "unicode": "1f390", "html": "&#127888;", "category": "Activities (event)", "order": "1768"},
-		{"emoji": "🍥", "name": "fish cake with swirl", "shortname": ":fish_cake:", "unicode": "1f365", "html": "&#127845;", "category": "Food & Drink (food-asian)", "order": "1506"},
-		{"emoji": "🌲", "name": "evergreen tree", "shortname": ":evergreen_tree:", "unicode": "1f332", "html": "&#127794;", "category": "Animals & Nature (plant-other)", "order": "1438"},
-		{"emoji": "🆙", "name": "UP! button", "shortname": ":up:", "unicode": "1f199", "html": "&#127385;", "category": "Symbols (alphanum)", "order": "2140"},
-		{"emoji": "⬆️", "name": "up arrow", "shortname": ":arrow_up:", "unicode": "2b06", "html": "&#11014;", "category": "Symbols (arrow)", "order": "2002"},
-		{"emoji": "↗️", "name": "up-right arrow", "shortname": ":arrow_upper_right:", "unicode": "2197", "html": "&#8599;", "category": "Symbols (arrow)", "order": "2003"},
-		{"emoji": "↘️", "name": "down-right arrow", "shortname": ":arrow_lower_right:", "unicode": "2198", "html": "&#8600;", "category": "Symbols (arrow)", "order": "2005"},
-		{"emoji": "↙️", "name": "down-left arrow", "shortname": ":arrow_lower_left:", "unicode": "2199", "html": "&#8601;", "category": "Symbols (arrow)", "order": "2007"},
-		{"emoji": "🎭", "name": "performing arts", "shortname": ":performing_arts:", "unicode": "1f3ad", "html": "&#127917;", "category": "Activities (arts & crafts)", "order": "1598"},
-		{"emoji": "👃🏿", "name": "nose: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F443 1F3FF", "html": "&#128067;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏾", "name": "nose: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F443 1F3FE", "html": "&#128067;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏽", "name": "nose: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F443 1F3FD", "html": "&#128067;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏼", "name": "nose: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F443 1F3FC", "html": "&#128067;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏻", "name": "nose: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F443 1F3FB", "html": "&#128067;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃", "name": "nose", "shortname": ":nose:", "unicode": "1f443", "html": "&#128067;", "category": "People & Body (body-parts)", "order": "1272"},
-		{"emoji": "🐽", "name": "pig nose", "shortname": ":pig_nose:", "unicode": "1f43d", "html": "&#128061;", "category": "Animals & Nature (animal-mammal)", "order": "1367"},
-		{"emoji": "🐟", "name": "fish", "shortname": ":fish:", "unicode": "1f41f", "html": "&#128031;", "category": "Animals & Nature (animal-marine)", "order": "1409"},
-		{"emoji": "👳🏿‍♀", "name": "woman wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2640", "html": "&#128115;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♀", "name": "woman wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2640", "html": "&#128115;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♀", "name": "woman wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2640", "html": "&#128115;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♀", "name": "woman wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2640", "html": "&#128115;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♀", "name": "woman wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2640", "html": "&#128115;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♀", "name": "woman wearing turban", "shortname": ":woman_wearing_turban:", "unicode": "1F473 200D 2640", "html": "&#128115;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿", "name": "person wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF", "html": "&#128115;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾", "name": "person wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE", "html": "&#128115;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽", "name": "person wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD", "html": "&#128115;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼", "name": "person wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC", "html": "&#128115;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻", "name": "person wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB", "html": "&#128115;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳", "name": "person wearing turban", "shortname": ":man_with_turban:", "unicode": "1f473", "html": "&#128115;", "category": "People & Body (person-role)", "order": "411"},
-		{"emoji": "🐨", "name": "koala", "shortname": ":koala:", "unicode": "1f428", "html": "&#128040;", "category": "Animals & Nature (animal-mammal)", "order": "1384"},
-		{"emoji": "👂🏿", "name": "ear: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F442 1F3FF", "html": "&#128066;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏾", "name": "ear: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F442 1F3FE", "html": "&#128066;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏽", "name": "ear: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F442 1F3FD", "html": "&#128066;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏼", "name": "ear: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F442 1F3FC", "html": "&#128066;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏻", "name": "ear: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F442 1F3FB", "html": "&#128066;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂", "name": "ear", "shortname": ":ear:", "unicode": "1f442", "html": "&#128066;", "category": "People & Body (body-parts)", "order": "1266"},
-		{"emoji": "✳️", "name": "eight-spoked asterisk", "shortname": ":eight_spoked_asterisk:", "unicode": "2733", "html": "&#10035;", "category": "Symbols (other-symbol)", "order": "2093"},
-		{"emoji": "🔹", "name": "small blue diamond", "shortname": ":small_blue_diamond:", "unicode": "1f539", "html": "&#128313;", "category": "Symbols (geometric)", "order": "2170"},
-		{"emoji": "🚿", "name": "shower", "shortname": ":shower:", "unicode": "1f6bf", "html": "&#128703;", "category": "Objects (household)", "order": "1672"},
-		{"emoji": "🐛", "name": "bug", "shortname": ":bug:", "unicode": "1f41b", "html": "&#128027;", "category": "Animals & Nature (animal-bug)", "order": "1420"},
-		{"emoji": "🍜", "name": "steaming bowl", "shortname": ":ramen:", "unicode": "1f35c", "html": "&#127836;", "category": "Food & Drink (food-asian)", "order": "1500"},
-		{"emoji": "🎩", "name": "top hat", "shortname": ":tophat:", "unicode": "1f3a9", "html": "&#127913;", "category": "Objects (clothing)", "order": "1335"},
-		{"emoji": "👰🏿", "name": "bride with veil: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F470 1F3FF", "html": "&#128112;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏾", "name": "bride with veil: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F470 1F3FE", "html": "&#128112;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏽", "name": "bride with veil: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F470 1F3FD", "html": "&#128112;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏼", "name": "bride with veil: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F470 1F3FC", "html": "&#128112;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏻", "name": "bride with veil: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F470 1F3FB", "html": "&#128112;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰", "name": "bride with veil", "shortname": ":bride_with_veil:", "unicode": "1f470", "html": "&#128112;", "category": "People & Body (person-role)", "order": "471"},
-		{"emoji": "⛽", "name": "fuel pump", "shortname": ":fuelpump:", "unicode": "26fd", "html": "&#9981;", "category": "Travel & Places (transport-ground)", "order": "1636"},
-		{"emoji": "🏁", "name": "chequered flag", "shortname": ":checkered_flag:", "unicode": "1f3c1", "html": "&#127937;", "category": "Flags (flag)", "order": "2181"},
-		{"emoji": "🐴", "name": "horse face", "shortname": ":horse:", "unicode": "1f434", "html": "&#128052;", "category": "Animals & Nature (animal-mammal)", "order": "1356"},
-		{"emoji": "⌚", "name": "watch", "shortname": ":watch:", "unicode": "231a", "html": "&#8986;", "category": "Travel & Places (time)", "order": "1682"},
-		{"emoji": "🐵", "name": "monkey face", "shortname": ":monkey_face:", "unicode": "1f435", "html": "&#128053;", "category": "Animals & Nature (animal-mammal)", "order": "1342"},
-		{"emoji": "🚼", "name": "baby symbol", "shortname": ":baby_symbol:", "unicode": "1f6bc", "html": "&#128700;", "category": "Symbols (transport-sign)", "order": "1983"},
-		{"emoji": "🆕", "name": "NEW button", "shortname": ":new:", "unicode": "1f195", "html": "&#127381;", "category": "Symbols (alphanum)", "order": "2134"},
-		{"emoji": "🆓", "name": "FREE button", "shortname": ":free:", "unicode": "1f193", "html": "&#127379;", "category": "Symbols (alphanum)", "order": "2130"},
-		{"emoji": "🎇", "name": "sparkler", "shortname": ":sparkler:", "unicode": "1f387", "html": "&#127879;", "category": "Activities (event)", "order": "1759"},
-		{"emoji": "🌽", "name": "ear of corn", "shortname": ":corn:", "unicode": "1f33d", "html": "&#127805;", "category": "Food & Drink (food-vegetable)", "order": "1468"},
-		{"emoji": "🎾", "name": "tennis", "shortname": ":tennis:", "unicode": "1f3be", "html": "&#127934;", "category": "Activities (sport)", "order": "1787"},
-		{"emoji": "⏰", "name": "alarm clock", "shortname": ":alarm_clock:", "unicode": "23f0", "html": "&#9200;", "category": "Travel & Places (time)", "order": "1683"},
-		{"emoji": "🔋", "name": "battery", "shortname": ":battery:", "unicode": "1f50b", "html": "&#128267;", "category": "Objects (computer)", "order": "1844"},
-		{"emoji": "❕", "name": "white exclamation mark", "shortname": ":grey_exclamation:", "unicode": "2755", "html": "&#10069;", "category": "Symbols (other-symbol)", "order": "2100"},
-		{"emoji": "🐺", "name": "wolf", "shortname": ":wolf:", "unicode": "1f43a", "html": "&#128058;", "category": "Animals & Nature (animal-mammal)", "order": "1348"},
-		{"emoji": "🗿", "name": "moai", "shortname": ":moyai:", "unicode": "1f5ff", "html": "&#128511;", "category": "Objects (other-object)", "order": "1972"},
-		{"emoji": "🐮", "name": "cow face", "shortname": ":cow:", "unicode": "1f42e", "html": "&#128046;", "category": "Animals & Nature (animal-mammal)", "order": "1360"},
-		{"emoji": "📣", "name": "megaphone", "shortname": ":mega:", "unicode": "1f4e3", "html": "&#128227;", "category": "Objects (sound)", "order": "1819"},
-		{"emoji": "👴🏿", "name": "old man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F474 1F3FF", "html": "&#128116;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏾", "name": "old man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F474 1F3FE", "html": "&#128116;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏽", "name": "old man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F474 1F3FD", "html": "&#128116;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏼", "name": "old man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F474 1F3FC", "html": "&#128116;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏻", "name": "old man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F474 1F3FB", "html": "&#128116;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴", "name": "old man", "shortname": ":older_man:", "unicode": "1f474", "html": "&#128116;", "category": "People & Body (person)", "order": "123"},
-		{"emoji": "👗", "name": "dress", "shortname": ":dress:", "unicode": "1f457", "html": "&#128087;", "category": "Objects (clothing)", "order": "1319"},
-		{"emoji": "🔗", "name": "link", "shortname": ":link:", "unicode": "1f517", "html": "&#128279;", "category": "Objects (tool)", "order": "1965"},
-		{"emoji": "🐔", "name": "chicken", "shortname": ":chicken:", "unicode": "1f414", "html": "&#128020;", "category": "Animals & Nature (animal-bird)", "order": "1388"},
-		{"emoji": "🍳", "name": "cooking", "shortname": ":cooking:", "unicode": "1F373", "html": "&#127859;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🐋", "name": "whale", "shortname": ":whale2:", "unicode": "1f40b", "html": "&#128011;", "category": "Animals & Nature (animal-marine)", "order": "1407"},
-		{"emoji": "↖", "name": "up-left arrow", "shortname": ":arrow_upper_left:", "unicode": "2196", "html": "&#8598;", "category": "Symbols (arrow)", "order": "2009"},
-		{"emoji": "🌳", "name": "deciduous tree", "shortname": ":deciduous_tree:", "unicode": "1f333", "html": "&#127795;", "category": "Animals & Nature (plant-other)", "order": "1439"},
-		{"emoji": "🍱", "name": "bento box", "shortname": ":bento:", "unicode": "1f371", "html": "&#127857;", "category": "Food & Drink (food-asian)", "order": "1495"},
-		{"emoji": "📌", "name": "pushpin", "shortname": ":pushpin:", "unicode": "1f4cc", "html": "&#128204;", "category": "Objects (office)", "order": "1934"},
-		{"emoji": "🔜", "name": "SOON arrow", "shortname": ":soon:", "unicode": "1f51c", "html": "&#128284;", "category": "Symbols (arrow)", "order": "2021"},
-		{"emoji": "🔁", "name": "repeat button", "shortname": ":repeat:", "unicode": "1f501", "html": "&#128257;", "category": "Symbols (av-symbol)", "order": "2049"},
-		{"emoji": "🐉", "name": "dragon", "shortname": ":dragon:", "unicode": "1f409", "html": "&#128009;", "category": "Animals & Nature (animal-reptile)", "order": "1405"},
-		{"emoji": "🐹", "name": "hamster", "shortname": ":hamster:", "unicode": "1f439", "html": "&#128057;", "category": "Animals & Nature (animal-mammal)", "order": "1378"},
-		{"emoji": "⛳", "name": "flag in hole", "shortname": ":golf:", "unicode": "26f3", "html": "&#9971;", "category": "Activities (sport)", "order": "1799"},
-		{"emoji": "🏄🏿‍♀", "name": "woman surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2640", "html": "&#127940;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♀", "name": "woman surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2640", "html": "&#127940;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♀", "name": "woman surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2640", "html": "&#127940;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♀", "name": "woman surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2640", "html": "&#127940;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♀", "name": "woman surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2640", "html": "&#127940;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♀", "name": "woman surfing", "shortname": ":woman_surfing:", "unicode": "1F3C4 200D 2640", "html": "&#127940;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿", "name": "person surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF", "html": "&#127940;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾", "name": "person surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE", "html": "&#127940;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽", "name": "person surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD", "html": "&#127940;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼", "name": "person surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC", "html": "&#127940;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻", "name": "person surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB", "html": "&#127940;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄", "name": "person surfing", "shortname": ":surfer:", "unicode": "1f3c4", "html": "&#127940;", "category": "People & Body (person-sport)", "order": "800"},
-		{"emoji": "🐭", "name": "mouse face", "shortname": ":mouse:", "unicode": "1f42d", "html": "&#128045;", "category": "Animals & Nature (animal-mammal)", "order": "1375"},
-		{"emoji": "🌒", "name": "waxing crescent moon", "shortname": ":waxing_crescent_moon:", "unicode": "1f312", "html": "&#127762;", "category": "Travel & Places (sky & weather)", "order": "1712"},
-		{"emoji": "🚙", "name": "sport utility vehicle", "shortname": ":blue_car:", "unicode": "1f699", "html": "&#128665;", "category": "Travel & Places (transport-ground)", "order": "1626"},
-		{"emoji": "🅰️", "name": "A button (blood type)", "shortname": ":a:", "unicode": "1f170", "html": "&#127344;", "category": "Symbols (alphanum)", "order": "2125"},
-		{"emoji": "⁉️", "name": "exclamation question mark", "shortname": ":interrobang:", "unicode": "2049", "html": "&#8265;", "category": "Symbols (other-symbol)", "order": "2097"},
-		{"emoji": "🈹", "name": "Japanese discount button", "shortname": ":u5272:", "unicode": "1f239", "html": "&#127545;", "category": "Symbols (alphanum)", "order": "2148"},
-		{"emoji": "🔌", "name": "electric plug", "shortname": ":electric_plug:", "unicode": "1f50c", "html": "&#128268;", "category": "Objects (computer)", "order": "1845"},
-		{"emoji": "🌓", "name": "first quarter moon", "shortname": ":first_quarter_moon:", "unicode": "1f313", "html": "&#127763;", "category": "Travel & Places (sky & weather)", "order": "1713"},
-		{"emoji": "♋", "name": "Cancer", "shortname": ":cancer:", "unicode": "264b", "html": "&#9803;", "category": "Symbols (zodiac)", "order": "2038"},
-		{"emoji": "🔱", "name": "trident emblem", "shortname": ":trident:", "unicode": "1f531", "html": "&#128305;", "category": "Symbols (other-symbol)", "order": "2076"},
-		{"emoji": "🍞", "name": "bread", "shortname": ":bread:", "unicode": "1f35e", "html": "&#127838;", "category": "Food & Drink (food-prepared)", "order": "1474"},
-		{"emoji": "👮🏿‍♀", "name": "woman police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2640", "html": "&#128110;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♀", "name": "woman police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2640", "html": "&#128110;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♀", "name": "woman police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2640", "html": "&#128110;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♀", "name": "woman police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2640", "html": "&#128110;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♀", "name": "woman police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2640", "html": "&#128110;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♀", "name": "woman police officer", "shortname": ":woman_police_officer:", "unicode": "1F46E 200D 2640", "html": "&#128110;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿", "name": "police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF", "html": "&#128110;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾", "name": "police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE", "html": "&#128110;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽", "name": "police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD", "html": "&#128110;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼", "name": "police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC", "html": "&#128110;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻", "name": "police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB", "html": "&#128110;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮", "name": "police officer", "shortname": ":cop:", "unicode": "1f46e", "html": "&#128110;", "category": "People & Body (person-role)", "order": "339"},
-		{"emoji": "🍵", "name": "teacup without handle", "shortname": ":tea:", "unicode": "1f375", "html": "&#127861;", "category": "Food & Drink (drink)", "order": "1523"},
-		{"emoji": "🎣", "name": "fishing pole", "shortname": ":fishing_pole_and_fish:", "unicode": "1f3a3", "html": "&#127907;", "category": "Activities (sport)", "order": "1801"},
-		{"emoji": "🌔", "name": "waxing gibbous moon", "shortname": ":waxing_gibbous_moon:", "unicode": "1F314", "html": "&#127764;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🚲", "name": "bicycle", "shortname": ":bike:", "unicode": "1f6b2", "html": "&#128690;", "category": "Travel & Places (transport-ground)", "order": "1630"},
-		{"emoji": "👤", "name": "bust in silhouette", "shortname": ":bust_in_silhouette:", "unicode": "1F464", "html": "&#128100;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "🍚", "name": "cooked rice", "shortname": ":rice:", "unicode": "1f35a", "html": "&#127834;", "category": "Food & Drink (food-asian)", "order": "1498"},
-		{"emoji": "📻", "name": "radio", "shortname": ":radio:", "unicode": "1f4fb", "html": "&#128251;", "category": "Objects (music)", "order": "1831"},
-		{"emoji": "🐤", "name": "baby chick", "shortname": ":baby_chick:", "unicode": "1f424", "html": "&#128036;", "category": "Animals & Nature (animal-bird)", "order": "1391"},
-		{"emoji": "⤵️", "name": "right arrow curving down", "shortname": ":arrow_heading_down:", "unicode": "2935", "html": "&#10549;", "category": "Symbols (arrow)", "order": "2015"},
-		{"emoji": "🌘", "name": "waning crescent moon", "shortname": ":waning_crescent_moon:", "unicode": "1f318", "html": "&#127768;", "category": "Travel & Places (sky & weather)", "order": "1718"},
-		{"emoji": "↕", "name": "up-down arrow", "shortname": ":arrow_up_down:", "unicode": "2195", "html": "&#8597;", "category": "Symbols (arrow)", "order": "2010"},
-		{"emoji": "🇪", "name": "", "shortname": "", "unicode": "", "html": "&#127466;", "category": "", "order": ""},
-		{"emoji": "🌗", "name": "last quarter moon", "shortname": ":last_quarter_moon:", "unicode": "1f317", "html": "&#127767;", "category": "Travel & Places (sky & weather)", "order": "1717"},
-		{"emoji": "🔘", "name": "radio button", "shortname": ":radio_button:", "unicode": "1f518", "html": "&#128280;", "category": "Symbols (geometric)", "order": "2174"},
-		{"emoji": "🐑", "name": "ewe", "shortname": ":sheep:", "unicode": "1f411", "html": "&#128017;", "category": "Animals & Nature (animal-mammal)", "order": "1369"},
-		{"emoji": "👱🏿‍♀", "name": "woman: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2640", "html": "&#128113;&#127999;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♀", "name": "woman: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2640", "html": "&#128113;&#127998;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♀", "name": "woman: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2640", "html": "&#128113;&#127997;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♀", "name": "woman: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2640", "html": "&#128113;&#127996;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♀", "name": "woman: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2640", "html": "&#128113;&#127995;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♀", "name": "woman: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2640", "html": "&#128113;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿", "name": "person: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF", "html": "&#128113;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾", "name": "person: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE", "html": "&#128113;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽", "name": "person: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD", "html": "&#128113;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼", "name": "person: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC", "html": "&#128113;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻", "name": "person: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB", "html": "&#128113;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱", "name": "person: blond hair", "shortname": ":person_with_blond_hair:", "unicode": "1f471", "html": "&#128113;", "category": "People & Body (person)", "order": "429"},
-		{"emoji": "🌖", "name": "waning gibbous moon", "shortname": ":waning_gibbous_moon:", "unicode": "1f316", "html": "&#127766;", "category": "Travel & Places (sky & weather)", "order": "1716"},
-		{"emoji": "🔒", "name": "locked", "shortname": ":lock:", "unicode": "1f512", "html": "&#128274;", "category": "Objects (lock)", "order": "1944"},
-		{"emoji": "🍏", "name": "green apple", "shortname": ":green_apple:", "unicode": "1f34f", "html": "&#127823;", "category": "Food & Drink (food-fruit)", "order": "1457"},
-		{"emoji": "👺", "name": "goblin", "shortname": ":japanese_goblin:", "unicode": "1f47a", "html": "&#128122;", "category": "Smileys & Emotion (face-costume)", "order": "79"},
-		{"emoji": "➰", "name": "curly loop", "shortname": ":curly_loop:", "unicode": "27b0", "html": "&#10160;", "category": "Symbols (other-symbol)", "order": "2090"},
-		{"emoji": "🚩", "name": "triangular flag", "shortname": ":triangular_flag_on_post:", "unicode": "1f6a9", "html": "&#128681;", "category": "Flags (flag)", "order": "2182"},
-		{"emoji": "🔄", "name": "counterclockwise arrows button", "shortname": ":arrows_counterclockwise:", "unicode": "1f504", "html": "&#128260;", "category": "Symbols (arrow)", "order": "2017"},
-		{"emoji": "🐎", "name": "horse", "shortname": ":racehorse:", "unicode": "1f40e", "html": "&#128014;", "category": "Animals & Nature (animal-mammal)", "order": "1357"},
-		{"emoji": "🍤", "name": "fried shrimp", "shortname": ":fried_shrimp:", "unicode": "1f364", "html": "&#127844;", "category": "Food & Drink (food-asian)", "order": "1505"},
-		{"emoji": "🌄", "name": "sunrise over mountains", "shortname": ":sunrise_over_mountains:", "unicode": "1f304", "html": "&#127748;", "category": "Travel & Places (place-other)", "order": "1586"},
-		{"emoji": "🌋", "name": "volcano", "shortname": ":volcano:", "unicode": "1f30b", "html": "&#127755;", "category": "Travel & Places (place-geographic)", "order": "1546"},
-		{"emoji": "🐓", "name": "rooster", "shortname": ":rooster:", "unicode": "1f413", "html": "&#128019;", "category": "Animals & Nature (animal-bird)", "order": "1389"},
-		{"emoji": "📥", "name": "inbox tray", "shortname": ":inbox_tray:", "unicode": "1f4e5", "html": "&#128229;", "category": "Objects (mail)", "order": "1906"},
-		{"emoji": "💒", "name": "wedding", "shortname": ":wedding:", "unicode": "1f492", "html": "&#128146;", "category": "Travel & Places (place-building)", "order": "1574"},
-		{"emoji": "🍣", "name": "sushi", "shortname": ":sushi:", "unicode": "1f363", "html": "&#127843;", "category": "Food & Drink (food-asian)", "order": "1504"},
-		{"emoji": "〰", "name": "wavy dash", "shortname": ":wavy_dash:", "unicode": "3030", "html": "&#12336;", "category": "Symbols (other-symbol)", "order": "2102"},
-		{"emoji": "🍨", "name": "ice cream", "shortname": ":ice_cream:", "unicode": "1f368", "html": "&#127848;", "category": "Food & Drink (food-sweet)", "order": "1510"},
-		{"emoji": "⏪", "name": "fast reverse button", "shortname": ":rewind:", "unicode": "23ea", "html": "&#9194;", "category": "Symbols (av-symbol)", "order": "2056"},
-		{"emoji": "🍅", "name": "tomato", "shortname": ":tomato:", "unicode": "1f345", "html": "&#127813;", "category": "Food & Drink (food-fruit)", "order": "1463"},
-		{"emoji": "🐇", "name": "rabbit", "shortname": ":rabbit2:", "unicode": "1f407", "html": "&#128007;", "category": "Animals & Nature (animal-mammal)", "order": "1380"},
-		{"emoji": "✴️", "name": "eight-pointed star", "shortname": ":eight_pointed_black_star:", "unicode": "2734", "html": "&#10036;", "category": "Symbols (other-symbol)", "order": "2094"},
-		{"emoji": "🔺", "name": "red triangle pointed up", "shortname": ":small_red_triangle:", "unicode": "1f53a", "html": "&#128314;", "category": "Symbols (geometric)", "order": "2171"},
-		{"emoji": "🔆", "name": "bright button", "shortname": ":high_brightness:", "unicode": "1f506", "html": "&#128262;", "category": "Symbols (av-symbol)", "order": "2068"},
-		{"emoji": "➕", "name": "plus sign", "shortname": ":heavy_plus_sign:", "unicode": "2795", "html": "&#10133;", "category": "Symbols (other-symbol)", "order": "2084"},
-		{"emoji": "👲🏿", "name": "man with skullcap: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F472 1F3FF", "html": "&#128114;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏾", "name": "man with skullcap: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F472 1F3FE", "html": "&#128114;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏽", "name": "man with skullcap: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F472 1F3FD", "html": "&#128114;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏼", "name": "man with skullcap: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F472 1F3FC", "html": "&#128114;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏻", "name": "man with skullcap: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F472 1F3FB", "html": "&#128114;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲", "name": "man with skullcap", "shortname": ":man_with_gua_pi_mao:", "unicode": "1f472", "html": "&#128114;", "category": "People & Body (person-role)", "order": "489"},
-		{"emoji": "🏪", "name": "convenience store", "shortname": ":convenience_store:", "unicode": "1f3ea", "html": "&#127978;", "category": "Travel & Places (place-building)", "order": "1568"},
-		{"emoji": "👥", "name": "busts in silhouette", "shortname": ":busts_in_silhouette:", "unicode": "1f465", "html": "&#128101;", "category": "People & Body (person-symbol)", "order": "767"},
-		{"emoji": "🐞", "name": "lady beetle", "shortname": ":beetle:", "unicode": "1f41e", "html": "&#128030;", "category": "Animals & Nature (animal-bug)", "order": "1423"},
-		{"emoji": "🔻", "name": "red triangle pointed down", "shortname": ":small_red_triangle_down:", "unicode": "1f53b", "html": "&#128315;", "category": "Symbols (geometric)", "order": "2172"},
-		{"emoji": "🇩🇪", "name": "flag: Germany", "shortname": ":ger:", "unicode": "1F1E9 1F1EA", "html": "&#127465;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "⤴️", "name": "right arrow curving up", "shortname": ":arrow_heading_up:", "unicode": "2934", "html": "&#10548;", "category": "Symbols (arrow)", "order": "2014"},
-		{"emoji": "📛", "name": "name badge", "shortname": ":name_badge:", "unicode": "1f4db", "html": "&#128219;", "category": "Symbols (other-symbol)", "order": "2073"},
-		{"emoji": "🛀🏿", "name": "person taking bath: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6C0 1F3FF", "html": "&#128704;&#127999;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏾", "name": "person taking bath: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6C0 1F3FE", "html": "&#128704;&#127998;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏽", "name": "person taking bath: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6C0 1F3FD", "html": "&#128704;&#127997;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏼", "name": "person taking bath: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6C0 1F3FC", "html": "&#128704;&#127996;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏻", "name": "person taking bath: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6C0 1F3FB", "html": "&#128704;&#127995;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀", "name": "person taking bath", "shortname": ":bath:", "unicode": "1f6c0", "html": "&#128704;", "category": "People & Body (person-resting)", "order": "1673"},
-		{"emoji": "⛔", "name": "no entry", "shortname": ":no_entry:", "unicode": "26d4", "html": "&#9940;", "category": "Symbols (warning)", "order": "1991"},
-		{"emoji": "🐊", "name": "crocodile", "shortname": ":crocodile:", "unicode": "1f40a", "html": "&#128010;", "category": "Animals & Nature (animal-reptile)", "order": "1400"},
-		{"emoji": "🌰", "name": "chestnut", "shortname": ":chestnut:", "unicode": "1F330", "html": "&#127792;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🐕", "name": "dog", "shortname": ":dog2:", "unicode": "1f415", "html": "&#128021;", "category": "Animals & Nature (animal-mammal)", "order": "1346"},
-		{"emoji": "🐈", "name": "cat", "shortname": ":cat2:", "unicode": "1f408", "html": "&#128008;", "category": "Animals & Nature (animal-mammal)", "order": "1351"},
-		{"emoji": "🔨", "name": "hammer", "shortname": ":hammer:", "unicode": "1f528", "html": "&#128296;", "category": "Objects (tool)", "order": "1950"},
-		{"emoji": "🍖", "name": "meat on bone", "shortname": ":meat_on_bone:", "unicode": "1f356", "html": "&#127830;", "category": "Food & Drink (food-prepared)", "order": "1479"},
-		{"emoji": "🐚", "name": "spiral shell", "shortname": ":shell:", "unicode": "1f41a", "html": "&#128026;", "category": "Animals & Nature (animal-marine)", "order": "1414"},
-		{"emoji": "❇️", "name": "sparkle", "shortname": ":sparkle:", "unicode": "2747", "html": "&#10055;", "category": "Symbols (other-symbol)", "order": "2095"},
-		{"emoji": "⛵", "name": "sailboat", "shortname": ":sailboat:", "unicode": "26F5", "html": "&#9973;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🅱️", "name": "B button (blood type)", "shortname": ":b:", "unicode": "1f171", "html": "&#127345;", "category": "Symbols (alphanum)", "order": "2127"},
-		{"emoji": "Ⓜ️", "name": "circled M", "shortname": ":m:", "unicode": "24c2", "html": "&#9410;", "category": "Symbols (alphanum)", "order": "2133"},
-		{"emoji": "🐩", "name": "poodle", "shortname": ":poodle:", "unicode": "1f429", "html": "&#128041;", "category": "Animals & Nature (animal-mammal)", "order": "1347"},
-		{"emoji": "♒", "name": "Aquarius", "shortname": ":aquarius:", "unicode": "2652", "html": "&#9810;", "category": "Symbols (zodiac)", "order": "2045"},
-		{"emoji": "🍲", "name": "pot of food", "shortname": ":stew:", "unicode": "1f372", "html": "&#127858;", "category": "Food & Drink (food-prepared)", "order": "1492"},
-		{"emoji": "👖", "name": "jeans", "shortname": ":jeans:", "unicode": "1f456", "html": "&#128086;", "category": "Objects (clothing)", "order": "1318"},
-		{"emoji": "🍯", "name": "honey pot", "shortname": ":honey_pot:", "unicode": "1f36f", "html": "&#127855;", "category": "Food & Drink (food-sweet)", "order": "1519"},
-		{"emoji": "🎹", "name": "musical keyboard", "shortname": ":musical_keyboard:", "unicode": "1f3b9", "html": "&#127929;", "category": "Objects (musical-instrument)", "order": "1834"},
-		{"emoji": "🔓", "name": "unlocked", "shortname": ":unlock:", "unicode": "1f513", "html": "&#128275;", "category": "Objects (lock)", "order": "1945"},
-		{"emoji": "✒", "name": "black nib", "shortname": ":black_nib:", "unicode": "2712", "html": "&#10002;", "category": "Objects (writing)", "order": "1915"},
-		{"emoji": "🗽", "name": "Statue of Liberty", "shortname": ":statue_of_liberty:", "unicode": "1f5fd", "html": "&#128509;", "category": "Travel & Places (place-building)", "order": "1576"},
-		{"emoji": "💲", "name": "heavy dollar sign", "shortname": ":heavy_dollar_sign:", "unicode": "1f4b2", "html": "&#128178;", "category": "Objects (money)", "order": "1900"},
-		{"emoji": "🏂", "name": "snowboarder", "shortname": ":snowboarder:", "unicode": "1f3c2", "html": "&#127938;", "category": "People & Body (person-sport)", "order": "776"},
-		{"emoji": "💮", "name": "white flower", "shortname": ":white_flower:", "unicode": "1f4ae", "html": "&#128174;", "category": "Animals & Nature (plant-flower)", "order": "1429"},
-		{"emoji": "👔", "name": "necktie", "shortname": ":necktie:", "unicode": "1f454", "html": "&#128084;", "category": "Objects (clothing)", "order": "1316"},
-		{"emoji": "💠", "name": "diamond with a dot", "shortname": ":diamond_shape_with_a_dot_inside:", "unicode": "1f4a0", "html": "&#128160;", "category": "Symbols (geometric)", "order": "2173"},
-		{"emoji": "♈", "name": "Aries", "shortname": ":aries:", "unicode": "2648", "html": "&#9800;", "category": "Symbols (zodiac)", "order": "2035"},
-		{"emoji": "🚺", "name": "women’s room", "shortname": ":womens:", "unicode": "1f6ba", "html": "&#128698;", "category": "Symbols (transport-sign)", "order": "1981"},
-		{"emoji": "🐜", "name": "ant", "shortname": ":ant:", "unicode": "1f41c", "html": "&#128028;", "category": "Animals & Nature (animal-bug)", "order": "1421"},
-		{"emoji": "♏", "name": "Scorpio", "shortname": ":scorpius:", "unicode": "264f", "html": "&#9807;", "category": "Symbols (zodiac)", "order": "2042"},
-		{"emoji": "🌇", "name": "sunset", "shortname": ":city_sunset:", "unicode": "1f307", "html": "&#127751;", "category": "Travel & Places (place-other)", "order": "1589"},
-		{"emoji": "⏳", "name": "hourglass not done", "shortname": ":hourglass_flowing_sand:", "unicode": "23f3", "html": "&#9203;", "category": "Travel & Places (time)", "order": "1681"},
-		{"emoji": "🅾️", "name": "O button (blood type)", "shortname": ":o2:", "unicode": "1f17e", "html": "&#127358;", "category": "Symbols (alphanum)", "order": "2136"},
-		{"emoji": "🐲", "name": "dragon face", "shortname": ":dragon_face:", "unicode": "1f432", "html": "&#128050;", "category": "Animals & Nature (animal-reptile)", "order": "1404"},
-		{"emoji": "🐌", "name": "snail", "shortname": ":snail:", "unicode": "1f40c", "html": "&#128012;", "category": "Animals & Nature (animal-bug)", "order": "1419"},
-		{"emoji": "📀", "name": "dvd", "shortname": ":dvd:", "unicode": "1f4c0", "html": "&#128192;", "category": "Objects (computer)", "order": "1855"},
-		{"emoji": "👕", "name": "t-shirt", "shortname": ":shirt:", "unicode": "1f455", "html": "&#128085;", "category": "Objects (clothing)", "order": "1317"},
-		{"emoji": "🎲", "name": "game die", "shortname": ":game_die:", "unicode": "1f3b2", "html": "&#127922;", "category": "Activities (game)", "order": "1806"},
-		{"emoji": "➖", "name": "minus sign", "shortname": ":heavy_minus_sign:", "unicode": "2796", "html": "&#10134;", "category": "Symbols (other-symbol)", "order": "2088"},
-		{"emoji": "🎎", "name": "Japanese dolls", "shortname": ":dolls:", "unicode": "1f38e", "html": "&#127886;", "category": "Activities (event)", "order": "1766"},
-		{"emoji": "♐", "name": "Sagittarius", "shortname": ":sagittarius:", "unicode": "2650", "html": "&#9808;", "category": "Symbols (zodiac)", "order": "2043"},
-		{"emoji": "🎱", "name": "pool 8 ball", "shortname": ":8ball:", "unicode": "1f3b1", "html": "&#127921;", "category": "Activities (game)", "order": "1788"},
-		{"emoji": "🚌", "name": "bus", "shortname": ":bus:", "unicode": "1f68c", "html": "&#128652;", "category": "Travel & Places (transport-ground)", "order": "1614"},
-		{"emoji": "🍮", "name": "custard", "shortname": ":custard:", "unicode": "1f36e", "html": "&#127854;", "category": "Food & Drink (food-sweet)", "order": "1518"},
-		{"emoji": "🎌", "name": "crossed flags", "shortname": ":crossed_flags:", "unicode": "1f38c", "html": "&#127884;", "category": "Flags (flag)", "order": "2183"},
-		{"emoji": "〽️", "name": "part alternation mark", "shortname": ":part_alternation_mark:", "unicode": "303d", "html": "&#12349;", "category": "Symbols (other-symbol)", "order": "2092"},
-		{"emoji": "🐫", "name": "two-hump camel", "shortname": ":camel:", "unicode": "1f42b", "html": "&#128043;", "category": "Animals & Nature (animal-mammal)", "order": "1372"},
-		{"emoji": "🍛", "name": "curry rice", "shortname": ":curry:", "unicode": "1f35b", "html": "&#127835;", "category": "Food & Drink (food-asian)", "order": "1499"},
-		{"emoji": "🚂", "name": "locomotive", "shortname": ":steam_locomotive:", "unicode": "1f682", "html": "&#128642;", "category": "Travel & Places (transport-ground)", "order": "1602"},
-		{"emoji": "🏥", "name": "hospital", "shortname": ":hospital:", "unicode": "1f3e5", "html": "&#127973;", "category": "Travel & Places (place-building)", "order": "1564"},
-		{"emoji": "🇯🇵", "name": "flag: Japan", "shortname": ":jp:", "unicode": "1F1EF 1F1F5", "html": "&#127471;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🔷", "name": "large blue diamond", "shortname": ":large_blue_diamond:", "unicode": "1f537", "html": "&#128311;", "category": "Symbols (geometric)", "order": "2168"},
-		{"emoji": "🎋", "name": "tanabata tree", "shortname": ":tanabata_tree:", "unicode": "1f38b", "html": "&#127883;", "category": "Activities (event)", "order": "1764"},
-		{"emoji": "🔔", "name": "bell", "shortname": ":bell:", "unicode": "1f514", "html": "&#128276;", "category": "Objects (sound)", "order": "1821"},
-		{"emoji": "♌", "name": "Leo", "shortname": ":leo:", "unicode": "264c", "html": "&#9804;", "category": "Symbols (zodiac)", "order": "2039"},
-		{"emoji": "♊", "name": "Gemini", "shortname": ":gemini:", "unicode": "264a", "html": "&#9802;", "category": "Symbols (zodiac)", "order": "2037"},
-		{"emoji": "🍐", "name": "pear", "shortname": ":pear:", "unicode": "1f350", "html": "&#127824;", "category": "Food & Drink (food-fruit)", "order": "1458"},
-		{"emoji": "🔶", "name": "large orange diamond", "shortname": ":large_orange_diamond:", "unicode": "1f536", "html": "&#128310;", "category": "Symbols (geometric)", "order": "2167"},
-		{"emoji": "♉", "name": "Taurus", "shortname": ":taurus:", "unicode": "2649", "html": "&#9801;", "category": "Symbols (zodiac)", "order": "2036"},
-		{"emoji": "🌐", "name": "globe with meridians", "shortname": ":globe_with_meridians:", "unicode": "1f310", "html": "&#127760;", "category": "Travel & Places (place-map)", "order": "1541"},
-		{"emoji": "🚪", "name": "door", "shortname": ":door:", "unicode": "1f6aa", "html": "&#128682;", "category": "Objects (household)", "order": "1662"},
-		{"emoji": "🕕", "name": "six o’clock", "shortname": ":clock6:", "unicode": "1f555", "html": "&#128341;", "category": "Travel & Places (time)", "order": "1699"},
-		{"emoji": "🚔", "name": "oncoming police car", "shortname": ":oncoming_police_car:", "unicode": "1f694", "html": "&#128660;", "category": "Travel & Places (transport-ground)", "order": "1621"},
-		{"emoji": "📩", "name": "envelope with arrow", "shortname": ":envelope_with_arrow:", "unicode": "1f4e9", "html": "&#128233;", "category": "Objects (mail)", "order": "1904"},
-		{"emoji": "🌂", "name": "closed umbrella", "shortname": ":closed_umbrella:", "unicode": "1f302", "html": "&#127746;", "category": "Travel & Places (sky & weather)", "order": "1744"},
-		{"emoji": "🎷", "name": "saxophone", "shortname": ":saxophone:", "unicode": "1f3b7", "html": "&#127927;", "category": "Objects (musical-instrument)", "order": "1832"},
-		{"emoji": "⛪", "name": "church", "shortname": ":church:", "unicode": "26ea", "html": "&#9962;", "category": "Travel & Places (place-religious)", "order": "1577"},
-		{"emoji": "🚴🏿‍♀", "name": "woman biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2640", "html": "&#128692;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♀", "name": "woman biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2640", "html": "&#128692;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♀", "name": "woman biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2640", "html": "&#128692;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♀", "name": "woman biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2640", "html": "&#128692;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♀", "name": "woman biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2640", "html": "&#128692;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♀", "name": "woman biking", "shortname": ":woman_biking:", "unicode": "1F6B4 200D 2640", "html": "&#128692;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿", "name": "person biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF", "html": "&#128692;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾", "name": "person biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE", "html": "&#128692;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽", "name": "person biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD", "html": "&#128692;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼", "name": "person biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC", "html": "&#128692;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻", "name": "person biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB", "html": "&#128692;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴", "name": "person biking", "shortname": ":bicyclist:", "unicode": "1f6b4", "html": "&#128692;", "category": "People & Body (person-sport)", "order": "890"},
-		{"emoji": "♓", "name": "Pisces", "shortname": ":pisces:", "unicode": "2653", "html": "&#9811;", "category": "Symbols (zodiac)", "order": "2046"},
-		{"emoji": "🍡", "name": "dango", "shortname": ":dango:", "unicode": "1f361", "html": "&#127841;", "category": "Food & Drink (food-asian)", "order": "1507"},
-		{"emoji": "♑", "name": "Capricorn", "shortname": ":capricorn:", "unicode": "2651", "html": "&#9809;", "category": "Symbols (zodiac)", "order": "2044"},
-		{"emoji": "🏢", "name": "office building", "shortname": ":office:", "unicode": "1f3e2", "html": "&#127970;", "category": "Travel & Places (place-building)", "order": "1561"},
-		{"emoji": "🚣🏿‍♀", "name": "woman rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2640", "html": "&#128675;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♀", "name": "woman rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2640", "html": "&#128675;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♀", "name": "woman rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2640", "html": "&#128675;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♀", "name": "woman rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2640", "html": "&#128675;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♀", "name": "woman rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2640", "html": "&#128675;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♀", "name": "woman rowing boat", "shortname": ":woman_rowing_boat:", "unicode": "1F6A3 200D 2640", "html": "&#128675;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿", "name": "person rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF", "html": "&#128675;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾", "name": "person rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE", "html": "&#128675;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽", "name": "person rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD", "html": "&#128675;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼", "name": "person rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC", "html": "&#128675;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻", "name": "person rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB", "html": "&#128675;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣", "name": "person rowing boat", "shortname": ":rowboat:", "unicode": "1f6a3", "html": "&#128675;", "category": "People & Body (person-sport)", "order": "818"},
-		{"emoji": "👒", "name": "woman’s hat", "shortname": ":womans_hat:", "unicode": "1f452", "html": "&#128082;", "category": "Objects (clothing)", "order": "1334"},
-		{"emoji": "👞", "name": "man’s shoe", "shortname": ":mans_shoe:", "unicode": "1f45e", "html": "&#128094;", "category": "Objects (clothing)", "order": "1328"},
-		{"emoji": "🏩", "name": "love hotel", "shortname": ":love_hotel:", "unicode": "1f3e9", "html": "&#127977;", "category": "Travel & Places (place-building)", "order": "1567"},
-		{"emoji": "🗻", "name": "mount fuji", "shortname": ":mount_fuji:", "unicode": "1f5fb", "html": "&#128507;", "category": "Travel & Places (place-geographic)", "order": "1547"},
-		{"emoji": "🐪", "name": "camel", "shortname": ":dromedary_camel:", "unicode": "1f42a", "html": "&#128042;", "category": "Animals & Nature (animal-mammal)", "order": "1371"},
-		{"emoji": "👜", "name": "handbag", "shortname": ":handbag:", "unicode": "1f45c", "html": "&#128092;", "category": "Objects (clothing)", "order": "1324"},
-		{"emoji": "⌛", "name": "hourglass done", "shortname": ":hourglass:", "unicode": "231b", "html": "&#8987;", "category": "Travel & Places (time)", "order": "1680"},
-		{"emoji": "❎", "name": "cross mark button", "shortname": ":negative_squared_cross_mark:", "unicode": "274e", "html": "&#10062;", "category": "Symbols (other-symbol)", "order": "2083"},
-		{"emoji": "🎺", "name": "trumpet", "shortname": ":trumpet:", "unicode": "1f3ba", "html": "&#127930;", "category": "Objects (musical-instrument)", "order": "1835"},
-		{"emoji": "🏫", "name": "school", "shortname": ":school:", "unicode": "1f3eb", "html": "&#127979;", "category": "Travel & Places (place-building)", "order": "1569"},
-		{"emoji": "🐄", "name": "cow", "shortname": ":cow2:", "unicode": "1f404", "html": "&#128004;", "category": "Animals & Nature (animal-mammal)", "order": "1363"},
-		{"emoji": "🌆", "name": "cityscape at dusk", "shortname": ":cityscape_at_dusk:", "unicode": "1F306", "html": "&#127750;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "👷🏿‍♀", "name": "woman construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2640", "html": "&#128119;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♀", "name": "woman construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2640", "html": "&#128119;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♀", "name": "woman construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2640", "html": "&#128119;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♀", "name": "woman construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2640", "html": "&#128119;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♀", "name": "woman construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2640", "html": "&#128119;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♀", "name": "woman construction worker", "shortname": ":woman_construction_worker:", "unicode": "1F477 200D 2640", "html": "&#128119;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿", "name": "construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF", "html": "&#128119;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾", "name": "construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE", "html": "&#128119;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽", "name": "construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD", "html": "&#128119;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼", "name": "construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC", "html": "&#128119;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻", "name": "construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB", "html": "&#128119;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷", "name": "construction worker", "shortname": ":construction_worker:", "unicode": "1f477", "html": "&#128119;", "category": "People & Body (person-role)", "order": "393"},
-		{"emoji": "🚽", "name": "toilet", "shortname": ":toilet:", "unicode": "1f6bd", "html": "&#128701;", "category": "Objects (household)", "order": "1671"},
-		{"emoji": "🐖", "name": "pig", "shortname": ":pig2:", "unicode": "1f416", "html": "&#128022;", "category": "Animals & Nature (animal-mammal)", "order": "1365"},
-		{"emoji": "❔", "name": "white question mark", "shortname": ":grey_question:", "unicode": "2754", "html": "&#10068;", "category": "Symbols (other-symbol)", "order": "2099"},
-		{"emoji": "🔰", "name": "Japanese symbol for beginner", "shortname": ":beginner:", "unicode": "1f530", "html": "&#128304;", "category": "Symbols (other-symbol)", "order": "2075"},
-		{"emoji": "🎻", "name": "violin", "shortname": ":violin:", "unicode": "1f3bb", "html": "&#127931;", "category": "Objects (musical-instrument)", "order": "1836"},
-		{"emoji": "🔛", "name": "ON! arrow", "shortname": ":on:", "unicode": "1f51b", "html": "&#128283;", "category": "Symbols (arrow)", "order": "2020"},
-		{"emoji": "💳", "name": "credit card", "shortname": ":credit_card:", "unicode": "1f4b3", "html": "&#128179;", "category": "Objects (money)", "order": "1897"},
-		{"emoji": "🆔", "name": "ID button", "shortname": ":id:", "unicode": "1f194", "html": "&#127380;", "category": "Symbols (alphanum)", "order": "2132"},
-		{"emoji": "㊙", "name": "Japanese secret button", "shortname": ":secret:", "unicode": "3299", "html": "&#12953;", "category": "Symbols (alphanum)", "order": "2156"},
-		{"emoji": "🎡", "name": "ferris wheel", "shortname": ":ferris_wheel:", "unicode": "1f3a1", "html": "&#127905;", "category": "Travel & Places (place-other)", "order": "1594"},
-		{"emoji": "🎳", "name": "bowling", "shortname": ":bowling:", "unicode": "1f3b3", "html": "&#127923;", "category": "Activities (sport)", "order": "1789"},
-		{"emoji": "♎", "name": "Libra", "shortname": ":libra:", "unicode": "264e", "html": "&#9806;", "category": "Symbols (zodiac)", "order": "2041"},
-		{"emoji": "♍", "name": "Virgo", "shortname": ":virgo:", "unicode": "264d", "html": "&#9805;", "category": "Symbols (zodiac)", "order": "2040"},
-		{"emoji": "💈", "name": "barber pole", "shortname": ":barber:", "unicode": "1f488", "html": "&#128136;", "category": "Travel & Places (place-other)", "order": "1596"},
-		{"emoji": "👛", "name": "purse", "shortname": ":purse:", "unicode": "1f45b", "html": "&#128091;", "category": "Objects (clothing)", "order": "1323"},
-		{"emoji": "🎢", "name": "roller coaster", "shortname": ":roller_coaster:", "unicode": "1f3a2", "html": "&#127906;", "category": "Travel & Places (place-other)", "order": "1595"},
-		{"emoji": "🐀", "name": "rat", "shortname": ":rat:", "unicode": "1f400", "html": "&#128000;", "category": "Animals & Nature (animal-mammal)", "order": "1377"},
-		{"emoji": "📅", "name": "calendar", "shortname": ":date:", "unicode": "1f4c5", "html": "&#128197;", "category": "Objects (office)", "order": "1925"},
-		{"emoji": "🏉", "name": "rugby football", "shortname": ":rugby_football:", "unicode": "1f3c9", "html": "&#127945;", "category": "Activities (sport)", "order": "1786"},
-		{"emoji": "🐏", "name": "ram", "shortname": ":ram:", "unicode": "1f40f", "html": "&#128015;", "category": "Animals & Nature (animal-mammal)", "order": "1368"},
-		{"emoji": "🔼", "name": "upwards button", "shortname": ":arrow_up_small:", "unicode": "1f53c", "html": "&#128316;", "category": "Symbols (av-symbol)", "order": "2058"},
-		{"emoji": "🔲", "name": "black square button", "shortname": ":black_square_button:", "unicode": "1f532", "html": "&#128306;", "category": "Symbols (geometric)", "order": "2175"},
-		{"emoji": "📴", "name": "mobile phone off", "shortname": ":mobile_phone_off:", "unicode": "1f4f4", "html": "&#128244;", "category": "Symbols (av-symbol)", "order": "2071"},
-		{"emoji": "🗼", "name": "Tokyo tower", "shortname": ":tokyo_tower:", "unicode": "1f5fc", "html": "&#128508;", "category": "Travel & Places (place-building)", "order": "1575"},
-		{"emoji": "㊗", "name": "Japanese congratulations button", "shortname": ":congratulations:", "unicode": "3297", "html": "&#12951;", "category": "Symbols (alphanum)", "order": "2155"},
-		{"emoji": "👘", "name": "kimono", "shortname": ":kimono:", "unicode": "1f458", "html": "&#128088;", "category": "Objects (clothing)", "order": "1320"},
-		{"emoji": "🇷🇺", "name": "flag: Russia", "shortname": ":ru:", "unicode": "1F1F7 1F1FA", "html": "&#127479;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🚢", "name": "ship", "shortname": ":ship:", "unicode": "1f6a2", "html": "&#128674;", "category": "Travel & Places (transport-water)", "order": "1649"},
-		{"emoji": "🔎", "name": "magnifying glass tilted right", "shortname": ":mag_right:", "unicode": "1f50e", "html": "&#128270;", "category": "Objects (light & video)", "order": "1866"},
-		{"emoji": "🔍", "name": "magnifying glass tilted left", "shortname": ":mag:", "unicode": "1f50d", "html": "&#128269;", "category": "Objects (light & video)", "order": "1865"},
-		{"emoji": "🚒", "name": "fire engine", "shortname": ":fire_engine:", "unicode": "1f692", "html": "&#128658;", "category": "Travel & Places (transport-ground)", "order": "1619"},
-		{"emoji": "🕦", "name": "eleven-thirty", "shortname": ":clock1130:", "unicode": "1f566", "html": "&#128358;", "category": "Travel & Places (time)", "order": "1710"},
-		{"emoji": "🚓", "name": "police car", "shortname": ":police_car:", "unicode": "1f693", "html": "&#128659;", "category": "Travel & Places (transport-ground)", "order": "1620"},
-		{"emoji": "🃏", "name": "joker", "shortname": ":black_joker:", "unicode": "1f0cf", "html": "&#127183;", "category": "Activities (game)", "order": "1811"},
-		{"emoji": "🌉", "name": "bridge at night", "shortname": ":bridge_at_night:", "unicode": "1f309", "html": "&#127753;", "category": "Travel & Places (place-other)", "order": "1590"},
-		{"emoji": "📦", "name": "package", "shortname": ":package:", "unicode": "1f4e6", "html": "&#128230;", "category": "Objects (mail)", "order": "1907"},
-		{"emoji": "🚖", "name": "oncoming taxi", "shortname": ":oncoming_taxi:", "unicode": "1f696", "html": "&#128662;", "category": "Travel & Places (transport-ground)", "order": "1623"},
-		{"emoji": "📆", "name": "tear-off calendar", "shortname": ":calendar:", "unicode": "1f4c6", "html": "&#128198;", "category": "Objects (office)", "order": "1926"},
-		{"emoji": "🏇", "name": "horse racing", "shortname": ":horse_racing:", "unicode": "1f3c7", "html": "&#127943;", "category": "People & Body (person-sport)", "order": "769"},
-		{"emoji": "🐅", "name": "tiger", "shortname": ":tiger2:", "unicode": "1f405", "html": "&#128005;", "category": "Animals & Nature (animal-mammal)", "order": "1354"},
-		{"emoji": "👢", "name": "woman’s boot", "shortname": ":boot:", "unicode": "1f462", "html": "&#128098;", "category": "Objects (clothing)", "order": "1332"},
-		{"emoji": "🚑", "name": "ambulance", "shortname": ":ambulance:", "unicode": "1f691", "html": "&#128657;", "category": "Travel & Places (transport-ground)", "order": "1618"},
-		{"emoji": "🔳", "name": "white square button", "shortname": ":white_square_button:", "unicode": "1f533", "html": "&#128307;", "category": "Symbols (geometric)", "order": "2176"},
-		{"emoji": "🐗", "name": "boar", "shortname": ":boar:", "unicode": "1f417", "html": "&#128023;", "category": "Animals & Nature (animal-mammal)", "order": "1366"},
-		{"emoji": "🎒", "name": "backpack", "shortname": ":school_satchel:", "unicode": "1f392", "html": "&#127890;", "category": "Objects (clothing)", "order": "1327"},
-		{"emoji": "➿", "name": "double curly loop", "shortname": ":loop:", "unicode": "27bf", "html": "&#10175;", "category": "Symbols (other-symbol)", "order": "2091"},
-		{"emoji": "💷", "name": "pound banknote", "shortname": ":pound:", "unicode": "1f4b7", "html": "&#128183;", "category": "Objects (money)", "order": "1895"},
-		{"emoji": "ℹ", "name": "information", "shortname": ":information_source:", "unicode": "2139", "html": "&#8505;", "category": "Symbols (alphanum)", "order": "2131"},
-		{"emoji": "🐂", "name": "ox", "shortname": ":ox:", "unicode": "1f402", "html": "&#128002;", "category": "Animals & Nature (animal-mammal)", "order": "1361"},
-		{"emoji": "🍙", "name": "rice ball", "shortname": ":rice_ball:", "unicode": "1f359", "html": "&#127833;", "category": "Food & Drink (food-asian)", "order": "1497"},
-		{"emoji": "🆚", "name": "VS button", "shortname": ":vs:", "unicode": "1f19a", "html": "&#127386;", "category": "Symbols (alphanum)", "order": "2141"},
-		{"emoji": "🔚", "name": "END arrow", "shortname": ":end:", "unicode": "1f51a", "html": "&#128282;", "category": "Symbols (arrow)", "order": "2019"},
-		{"emoji": "🅿️", "name": "P button", "shortname": ":parking:", "unicode": "1f17f", "html": "&#127359;", "category": "Symbols (alphanum)", "order": "2138"},
-		{"emoji": "👡", "name": "woman’s sandal", "shortname": ":sandal:", "unicode": "1f461", "html": "&#128097;", "category": "Objects (clothing)", "order": "1331"},
-		{"emoji": "⛺", "name": "tent", "shortname": ":tent:", "unicode": "26fa", "html": "&#9978;", "category": "Travel & Places (place-other)", "order": "1583"},
-		{"emoji": "💺", "name": "seat", "shortname": ":seat:", "unicode": "1f4ba", "html": "&#128186;", "category": "Travel & Places (transport-air)", "order": "1654"},
-		{"emoji": "🚕", "name": "taxi", "shortname": ":taxi:", "unicode": "1f695", "html": "&#128661;", "category": "Travel & Places (transport-ground)", "order": "1622"},
-		{"emoji": "◾", "name": "black medium-small square", "shortname": ":black_medium_small_square:", "unicode": "25fe", "html": "&#9726;", "category": "Symbols (geometric)", "order": "2164"},
-		{"emoji": "💼", "name": "briefcase", "shortname": ":briefcase:", "unicode": "1f4bc", "html": "&#128188;", "category": "Objects (office)", "order": "1921"},
-		{"emoji": "📰", "name": "newspaper", "shortname": ":newspaper:", "unicode": "1f4f0", "html": "&#128240;", "category": "Objects (book-paper)", "order": "1886"},
-		{"emoji": "🎪", "name": "circus tent", "shortname": ":circus_tent:", "unicode": "1f3aa", "html": "&#127914;", "category": "Travel & Places (place-other)", "order": "1597"},
-		{"emoji": "🔯", "name": "dotted six-pointed star", "shortname": ":six_pointed_star:", "unicode": "1f52f", "html": "&#128303;", "category": "Symbols (religion)", "order": "2034"},
-		{"emoji": "🚹", "name": "men’s room", "shortname": ":mens:", "unicode": "1f6b9", "html": "&#128697;", "category": "Symbols (transport-sign)", "order": "1980"},
-		{"emoji": "🏰", "name": "castle", "shortname": ":european_castle:", "unicode": "1f3f0", "html": "&#127984;", "category": "Travel & Places (place-building)", "order": "1573"},
-		{"emoji": "🔦", "name": "flashlight", "shortname": ":flashlight:", "unicode": "1f526", "html": "&#128294;", "category": "Objects (light & video)", "order": "1872"},
-		{"emoji": "🌁", "name": "foggy", "shortname": ":foggy:", "unicode": "1f301", "html": "&#127745;", "category": "Travel & Places (place-other)", "order": "1584"},
-		{"emoji": "⏫", "name": "fast up button", "shortname": ":arrow_double_up:", "unicode": "23eb", "html": "&#9195;", "category": "Symbols (av-symbol)", "order": "2059"},
-		{"emoji": "🎍", "name": "pine decoration", "shortname": ":bamboo:", "unicode": "1f38d", "html": "&#127885;", "category": "Activities (event)", "order": "1765"},
-		{"emoji": "🎫", "name": "ticket", "shortname": ":ticket:", "unicode": "1f3ab", "html": "&#127915;", "category": "Activities (event)", "order": "1774"},
-		{"emoji": "🚁", "name": "helicopter", "shortname": ":helicopter:", "unicode": "1f681", "html": "&#128641;", "category": "Travel & Places (transport-air)", "order": "1655"},
-		{"emoji": "💽", "name": "computer disk", "shortname": ":minidisc:", "unicode": "1f4bd", "html": "&#128189;", "category": "Objects (computer)", "order": "1852"},
-		{"emoji": "🚍", "name": "oncoming bus", "shortname": ":oncoming_bus:", "unicode": "1f68d", "html": "&#128653;", "category": "Travel & Places (transport-ground)", "order": "1615"},
-		{"emoji": "🍈", "name": "melon", "shortname": ":melon:", "unicode": "1f348", "html": "&#127816;", "category": "Food & Drink (food-fruit)", "order": "1450"},
-		{"emoji": "▫", "name": "white small square", "shortname": ":white_small_square:", "unicode": "25ab", "html": "&#9643;", "category": "Symbols (geometric)", "order": "2160"},
-		{"emoji": "🏤", "name": "post office", "shortname": ":european_post_office:", "unicode": "1f3e4", "html": "&#127972;", "category": "Travel & Places (place-building)", "order": "1563"},
-		{"emoji": "🔟", "name": "keycap: 10", "shortname": ":keycap_ten:", "unicode": "1f51f", "html": "&#128287;", "category": "Symbols (keycap)", "order": "2118"},
-		{"emoji": "📓", "name": "notebook", "shortname": ":notebook:", "unicode": "1f4d3", "html": "&#128211;", "category": "Objects (book-paper)", "order": "1881"},
-		{"emoji": "🔕", "name": "bell with slash", "shortname": ":no_bell:", "unicode": "1f515", "html": "&#128277;", "category": "Objects (sound)", "order": "1822"},
-		{"emoji": "🍢", "name": "oden", "shortname": ":oden:", "unicode": "1f362", "html": "&#127842;", "category": "Food & Drink (food-asian)", "order": "1503"},
-		{"emoji": "🎏", "name": "carp streamer", "shortname": ":flags:", "unicode": "1f38f", "html": "&#127887;", "category": "Activities (event)", "order": "1767"},
-		{"emoji": "🎠", "name": "carousel horse", "shortname": ":carousel_horse:", "unicode": "1f3a0", "html": "&#127904;", "category": "Travel & Places (place-other)", "order": "1593"},
-		{"emoji": "🐡", "name": "blowfish", "shortname": ":blowfish:", "unicode": "1f421", "html": "&#128033;", "category": "Animals & Nature (animal-marine)", "order": "1411"},
-		{"emoji": "📈", "name": "chart increasing", "shortname": ":chart_with_upwards_trend:", "unicode": "1f4c8", "html": "&#128200;", "category": "Objects (office)", "order": "1930"},
-		{"emoji": "🍠", "name": "roasted sweet potato", "shortname": ":sweet_potato:", "unicode": "1f360", "html": "&#127840;", "category": "Food & Drink (food-asian)", "order": "1502"},
-		{"emoji": "🎿", "name": "skis", "shortname": ":ski:", "unicode": "1f3bf", "html": "&#127935;", "category": "Activities (sport)", "order": "1803"},
-		{"emoji": "🕛", "name": "twelve o’clock", "shortname": ":clock12:", "unicode": "1f55b", "html": "&#128347;", "category": "Travel & Places (time)", "order": "1687"},
-		{"emoji": "📶", "name": "antenna bars", "shortname": ":signal_strength:", "unicode": "1f4f6", "html": "&#128246;", "category": "Symbols (av-symbol)", "order": "2069"},
-		{"emoji": "🚧", "name": "construction", "shortname": ":construction:", "unicode": "1f6a7", "html": "&#128679;", "category": "Travel & Places (transport-ground)", "order": "1640"},
-		{"emoji": "#", "name": "", "shortname": "", "unicode": "", "html": "&#35;", "category": "", "order": ""},
-		{"emoji": "◼", "name": "black medium square", "shortname": ":black_medium_square:", "unicode": "25fc", "html": "&#9724;", "category": "Symbols (geometric)", "order": "2162"},
-		{"emoji": "📡", "name": "satellite antenna", "shortname": ":satellite:", "unicode": "1f4e1", "html": "&#128225;", "category": "Objects (science)", "order": "1869"},
-		{"emoji": "💶", "name": "euro banknote", "shortname": ":euro:", "unicode": "1f4b6", "html": "&#128182;", "category": "Objects (money)", "order": "1894"},
-		{"emoji": "👚", "name": "woman’s clothes", "shortname": ":womans_clothes:", "unicode": "1f45a", "html": "&#128090;", "category": "Objects (clothing)", "order": "1322"},
-		{"emoji": "📒", "name": "ledger", "shortname": ":ledger:", "unicode": "1f4d2", "html": "&#128210;", "category": "Objects (book-paper)", "order": "1882"},
-		{"emoji": "🐆", "name": "leopard", "shortname": ":leopard:", "unicode": "1f406", "html": "&#128006;", "category": "Animals & Nature (animal-mammal)", "order": "1355"},
-		{"emoji": "🔅", "name": "dim button", "shortname": ":low_brightness:", "unicode": "1f505", "html": "&#128261;", "category": "Symbols (av-symbol)", "order": "2067"},
-		{"emoji": "🕒", "name": "three o’clock", "shortname": ":clock3:", "unicode": "1f552", "html": "&#128338;", "category": "Travel & Places (time)", "order": "1693"},
-		{"emoji": "🏬", "name": "department store", "shortname": ":department_store:", "unicode": "1f3ec", "html": "&#127980;", "category": "Travel & Places (place-building)", "order": "1570"},
-		{"emoji": "🚚", "name": "delivery truck", "shortname": ":truck:", "unicode": "1f69a", "html": "&#128666;", "category": "Travel & Places (transport-ground)", "order": "1627"},
-		{"emoji": "🍶", "name": "sake", "shortname": ":sake:", "unicode": "1f376", "html": "&#127862;", "category": "Food & Drink (drink)", "order": "1524"},
-		{"emoji": "🚃", "name": "railway car", "shortname": ":railway_car:", "unicode": "1f683", "html": "&#128643;", "category": "Travel & Places (transport-ground)", "order": "1603"},
-		{"emoji": "🚤", "name": "speedboat", "shortname": ":speedboat:", "unicode": "1f6a4", "html": "&#128676;", "category": "Travel & Places (transport-water)", "order": "1645"},
-		{"emoji": "🇰🇷", "name": "flag: South Korea", "shortname": ":ko:", "unicode": "1F1F0 1F1F7", "html": "&#127472;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "📼", "name": "videocassette", "shortname": ":vhs:", "unicode": "1f4fc", "html": "&#128252;", "category": "Objects (light & video)", "order": "1864"},
-		{"emoji": "🕐", "name": "one o’clock", "shortname": ":clock1:", "unicode": "1f550", "html": "&#128336;", "category": "Travel & Places (time)", "order": "1689"},
-		{"emoji": "⏬", "name": "fast down button", "shortname": ":arrow_double_down:", "unicode": "23ec", "html": "&#9196;", "category": "Symbols (av-symbol)", "order": "2061"},
-		{"emoji": "🐃", "name": "water buffalo", "shortname": ":water_buffalo:", "unicode": "1f403", "html": "&#128003;", "category": "Animals & Nature (animal-mammal)", "order": "1362"},
-		{"emoji": "🔽", "name": "downwards button", "shortname": ":arrow_down_small:", "unicode": "1f53d", "html": "&#128317;", "category": "Symbols (av-symbol)", "order": "2060"},
-		{"emoji": "💴", "name": "yen banknote", "shortname": ":yen:", "unicode": "1f4b4", "html": "&#128180;", "category": "Objects (money)", "order": "1892"},
-		{"emoji": "🔇", "name": "muted speaker", "shortname": ":mute:", "unicode": "1f507", "html": "&#128263;", "category": "Objects (sound)", "order": "1814"},
-		{"emoji": "🎽", "name": "running shirt", "shortname": ":running_shirt_with_sash:", "unicode": "1f3bd", "html": "&#127933;", "category": "Activities (sport)", "order": "1802"},
-		{"emoji": "⬜", "name": "white large square", "shortname": ":white_large_square:", "unicode": "2b1c", "html": "&#11036;", "category": "Symbols (geometric)", "order": "2166"},
-		{"emoji": "♿", "name": "wheelchair symbol", "shortname": ":wheelchair:", "unicode": "267f", "html": "&#9855;", "category": "Symbols (transport-sign)", "order": "1979"},
-		{"emoji": "🕑", "name": "two o’clock", "shortname": ":clock2:", "unicode": "1f551", "html": "&#128337;", "category": "Travel & Places (time)", "order": "1691"},
-		{"emoji": "📎", "name": "paperclip", "shortname": ":paperclip:", "unicode": "1f4ce", "html": "&#128206;", "category": "Objects (office)", "order": "1936"},
-		{"emoji": "🏧", "name": "ATM sign", "shortname": ":atm:", "unicode": "1f3e7", "html": "&#127975;", "category": "Symbols (transport-sign)", "order": "1976"},
-		{"emoji": "🎦", "name": "cinema", "shortname": ":cinema:", "unicode": "1f3a6", "html": "&#127910;", "category": "Symbols (av-symbol)", "order": "2066"},
-		{"emoji": "🔭", "name": "telescope", "shortname": ":telescope:", "unicode": "1f52d", "html": "&#128301;", "category": "Objects (science)", "order": "1868"},
-		{"emoji": "🎑", "name": "moon viewing ceremony", "shortname": ":rice_scene:", "unicode": "1f391", "html": "&#127889;", "category": "Activities (event)", "order": "1769"},
-		{"emoji": "📘", "name": "blue book", "shortname": ":blue_book:", "unicode": "1f4d8", "html": "&#128216;", "category": "Objects (book-paper)", "order": "1878"},
-		{"emoji": "◻️", "name": "white medium square", "shortname": ":white_medium_square:", "unicode": "25fb", "html": "&#9723;", "category": "Symbols (geometric)", "order": "2161"},
-		{"emoji": "📮", "name": "postbox", "shortname": ":postbox:", "unicode": "1f4ee", "html": "&#128238;", "category": "Objects (mail)", "order": "1912"},
-		{"emoji": "📧", "name": "e-mail", "shortname": ":e-mail:", "unicode": "1f4e7", "html": "&#128231;", "category": "Objects (mail)", "order": "1902"},
-		{"emoji": "🐁", "name": "mouse", "shortname": ":mouse2:", "unicode": "1f401", "html": "&#128001;", "category": "Animals & Nature (animal-mammal)", "order": "1376"},
-		{"emoji": "🚄", "name": "high-speed train", "shortname": ":bullettrain_side:", "unicode": "1f684", "html": "&#128644;", "category": "Travel & Places (transport-ground)", "order": "1604"},
-		{"emoji": "🉐", "name": "Japanese bargain button", "shortname": ":ideograph_advantage:", "unicode": "1f250", "html": "&#127568;", "category": "Symbols (alphanum)", "order": "2147"},
-		{"emoji": "🔩", "name": "nut and bolt", "shortname": ":nut_and_bolt:", "unicode": "1f529", "html": "&#128297;", "category": "Objects (tool)", "order": "1960"},
-		{"emoji": "🆖", "name": "NG button", "shortname": ":ng:", "unicode": "1f196", "html": "&#127382;", "category": "Symbols (alphanum)", "order": "2135"},
-		{"emoji": "🏨", "name": "hotel", "shortname": ":hotel:", "unicode": "1f3e8", "html": "&#127976;", "category": "Travel & Places (place-building)", "order": "1566"},
-		{"emoji": "🚾", "name": "water closet", "shortname": ":wc:", "unicode": "1f6be", "html": "&#128702;", "category": "Symbols (transport-sign)", "order": "1984"},
-		{"emoji": "🏮", "name": "red paper lantern", "shortname": ":izakaya_lantern:", "unicode": "1f3ee", "html": "&#127982;", "category": "Objects (light & video)", "order": "1873"},
-		{"emoji": "🔂", "name": "repeat single button", "shortname": ":repeat_one:", "unicode": "1f502", "html": "&#128258;", "category": "Symbols (av-symbol)", "order": "2050"},
-		{"emoji": "📬", "name": "open mailbox with raised flag", "shortname": ":mailbox_with_mail:", "unicode": "1f4ec", "html": "&#128236;", "category": "Objects (mail)", "order": "1910"},
-		{"emoji": "📉", "name": "chart decreasing", "shortname": ":chart_with_downwards_trend:", "unicode": "1f4c9", "html": "&#128201;", "category": "Objects (office)", "order": "1931"},
-		{"emoji": "📗", "name": "green book", "shortname": ":green_book:", "unicode": "1f4d7", "html": "&#128215;", "category": "Objects (book-paper)", "order": "1877"},
-		{"emoji": "🚜", "name": "tractor", "shortname": ":tractor:", "unicode": "1f69c", "html": "&#128668;", "category": "Travel & Places (transport-ground)", "order": "1629"},
-		{"emoji": "⛲", "name": "fountain", "shortname": ":fountain:", "unicode": "26f2", "html": "&#9970;", "category": "Travel & Places (place-other)", "order": "1582"},
-		{"emoji": "🚇", "name": "metro", "shortname": ":metro:", "unicode": "1f687", "html": "&#128647;", "category": "Travel & Places (transport-ground)", "order": "1607"},
-		{"emoji": "📋", "name": "clipboard", "shortname": ":clipboard:", "unicode": "1f4cb", "html": "&#128203;", "category": "Objects (office)", "order": "1933"},
-		{"emoji": "📵", "name": "no mobile phones", "shortname": ":no_mobile_phones:", "unicode": "1f4f5", "html": "&#128245;", "category": "Symbols (warning)", "order": "1998"},
-		{"emoji": "🕓", "name": "four o’clock", "shortname": ":clock4:", "unicode": "1f553", "html": "&#128339;", "category": "Travel & Places (time)", "order": "1695"},
-		{"emoji": "🚭", "name": "no smoking", "shortname": ":no_smoking:", "unicode": "1f6ad", "html": "&#128685;", "category": "Symbols (warning)", "order": "1994"},
-		{"emoji": "⬛", "name": "black large square", "shortname": ":black_large_square:", "unicode": "2b1b", "html": "&#11035;", "category": "Symbols (geometric)", "order": "2165"},
-		{"emoji": "🎰", "name": "slot machine", "shortname": ":slot_machine:", "unicode": "1f3b0", "html": "&#127920;", "category": "Activities (game)", "order": "1601"},
-		{"emoji": "🕔", "name": "five o’clock", "shortname": ":clock5:", "unicode": "1f554", "html": "&#128340;", "category": "Travel & Places (time)", "order": "1697"},
-		{"emoji": "🛁", "name": "bathtub", "shortname": ":bathtub:", "unicode": "1f6c1", "html": "&#128705;", "category": "Objects (household)", "order": "1679"},
-		{"emoji": "📜", "name": "scroll", "shortname": ":scroll:", "unicode": "1f4dc", "html": "&#128220;", "category": "Objects (book-paper)", "order": "1884"},
-		{"emoji": "🚉", "name": "station", "shortname": ":station:", "unicode": "1f689", "html": "&#128649;", "category": "Travel & Places (transport-ground)", "order": "1609"},
-		{"emoji": "🍘", "name": "rice cracker", "shortname": ":rice_cracker:", "unicode": "1f358", "html": "&#127832;", "category": "Food & Drink (food-asian)", "order": "1496"},
-		{"emoji": "🏦", "name": "bank", "shortname": ":bank:", "unicode": "1f3e6", "html": "&#127974;", "category": "Travel & Places (place-building)", "order": "1565"},
-		{"emoji": "🔧", "name": "wrench", "shortname": ":wrench:", "unicode": "1f527", "html": "&#128295;", "category": "Objects (tool)", "order": "1959"},
-		{"emoji": "🈯️", "name": "", "shortname": ":u6307:", "unicode": "1f22f", "html": "&#127535;", "category": "", "order": "2146"},
-		{"emoji": "🚛", "name": "articulated lorry", "shortname": ":articulated_lorry:", "unicode": "1f69b", "html": "&#128667;", "category": "Travel & Places (transport-ground)", "order": "1628"},
-		{"emoji": "📄", "name": "page facing up", "shortname": ":page_facing_up:", "unicode": "1f4c4", "html": "&#128196;", "category": "Objects (book-paper)", "order": "1885"},
-		{"emoji": "⛎", "name": "Ophiuchus", "shortname": ":ophiuchus:", "unicode": "26ce", "html": "&#9934;", "category": "Symbols (zodiac)", "order": "2047"},
-		{"emoji": "📊", "name": "bar chart", "shortname": ":bar_chart:", "unicode": "1f4ca", "html": "&#128202;", "category": "Objects (office)", "order": "1932"},
-		{"emoji": "🚷", "name": "no pedestrians", "shortname": ":no_pedestrians:", "unicode": "1f6b7", "html": "&#128695;", "category": "Symbols (warning)", "order": "1997"},
-		{"emoji": "🇨🇳", "name": "flag: China", "shortname": ":cn:", "unicode": "1F1E8 1F1F3", "html": "&#127464;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "📳", "name": "vibration mode", "shortname": ":vibration_mode:", "unicode": "1f4f3", "html": "&#128243;", "category": "Symbols (av-symbol)", "order": "2070"},
-		{"emoji": "🕙", "name": "ten o’clock", "shortname": ":clock10:", "unicode": "1f559", "html": "&#128345;", "category": "Travel & Places (time)", "order": "1707"},
-		{"emoji": "🕘", "name": "nine o’clock", "shortname": ":clock9:", "unicode": "1f558", "html": "&#128344;", "category": "Travel & Places (time)", "order": "1705"},
-		{"emoji": "🚅", "name": "bullet train", "shortname": ":bullettrain_front:", "unicode": "1f685", "html": "&#128645;", "category": "Travel & Places (transport-ground)", "order": "1605"},
-		{"emoji": "🚐", "name": "minibus", "shortname": ":minibus:", "unicode": "1f690", "html": "&#128656;", "category": "Travel & Places (transport-ground)", "order": "1617"},
-		{"emoji": "🚊", "name": "tram", "shortname": ":tram:", "unicode": "1f68a", "html": "&#128650;", "category": "Travel & Places (transport-ground)", "order": "1610"},
-		{"emoji": "🕗", "name": "eight o’clock", "shortname": ":clock8:", "unicode": "1f557", "html": "&#128343;", "category": "Travel & Places (time)", "order": "1703"},
-		{"emoji": "🈳", "name": "Japanese vacancy button", "shortname": ":u7a7a:", "unicode": "1f233", "html": "&#127539;", "category": "Symbols (alphanum)", "order": "2154"},
-		{"emoji": "🚥", "name": "horizontal traffic light", "shortname": ":traffic_light:", "unicode": "1f6a5", "html": "&#128677;", "category": "Travel & Places (transport-ground)", "order": "1638"},
-		{"emoji": "🚵🏿‍♀", "name": "woman mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2640", "html": "&#128693;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♀", "name": "woman mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2640", "html": "&#128693;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♀", "name": "woman mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2640", "html": "&#128693;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♀", "name": "woman mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2640", "html": "&#128693;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♀", "name": "woman mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2640", "html": "&#128693;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♀", "name": "woman mountain biking", "shortname": ":woman_mountain_biking:", "unicode": "1F6B5 200D 2640", "html": "&#128693;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿", "name": "person mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF", "html": "&#128693;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾", "name": "person mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE", "html": "&#128693;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽", "name": "person mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD", "html": "&#128693;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼", "name": "person mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC", "html": "&#128693;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻", "name": "person mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB", "html": "&#128693;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵", "name": "person mountain biking", "shortname": ":mountain_bicyclist:", "unicode": "1f6b5", "html": "&#128693;", "category": "People & Body (person-sport)", "order": "908"},
-		{"emoji": "🔬", "name": "microscope", "shortname": ":microscope:", "unicode": "1f52c", "html": "&#128300;", "category": "Objects (science)", "order": "1867"},
-		{"emoji": "🏯", "name": "Japanese castle", "shortname": ":japanese_castle:", "unicode": "1f3ef", "html": "&#127983;", "category": "Travel & Places (place-building)", "order": "1572"},
-		{"emoji": "🔖", "name": "bookmark", "shortname": ":bookmark:", "unicode": "1f516", "html": "&#128278;", "category": "Objects (book-paper)", "order": "1889"},
-		{"emoji": "📑", "name": "bookmark tabs", "shortname": ":bookmark_tabs:", "unicode": "1f4d1", "html": "&#128209;", "category": "Objects (book-paper)", "order": "1888"},
-		{"emoji": "👝", "name": "clutch bag", "shortname": ":pouch:", "unicode": "1f45d", "html": "&#128093;", "category": "Objects (clothing)", "order": "1325"},
-		{"emoji": "🆎", "name": "AB button (blood type)", "shortname": ":ab:", "unicode": "1f18e", "html": "&#127374;", "category": "Symbols (alphanum)", "order": "2126"},
-		{"emoji": "📃", "name": "page with curl", "shortname": ":page_with_curl:", "unicode": "1f4c3", "html": "&#128195;", "category": "Objects (book-paper)", "order": "1883"},
-		{"emoji": "🎴", "name": "flower playing cards", "shortname": ":flower_playing_cards:", "unicode": "1f3b4", "html": "&#127924;", "category": "Activities (game)", "order": "1813"},
-		{"emoji": "🕚", "name": "eleven o’clock", "shortname": ":clock11:", "unicode": "1f55a", "html": "&#128346;", "category": "Travel & Places (time)", "order": "1709"},
-		{"emoji": "📠", "name": "fax machine", "shortname": ":fax:", "unicode": "1f4e0", "html": "&#128224;", "category": "Objects (phone)", "order": "1843"},
-		{"emoji": "🕖", "name": "seven o’clock", "shortname": ":clock7:", "unicode": "1f556", "html": "&#128342;", "category": "Travel & Places (time)", "order": "1701"},
-		{"emoji": "◽", "name": "white medium-small square", "shortname": ":white_medium_small_square:", "unicode": "25fd", "html": "&#9725;", "category": "Symbols (geometric)", "order": "2163"},
-		{"emoji": "💱", "name": "currency exchange", "shortname": ":currency_exchange:", "unicode": "1f4b1", "html": "&#128177;", "category": "Objects (money)", "order": "1899"},
-		{"emoji": "🔉", "name": "speaker medium volume", "shortname": ":sound:", "unicode": "1f509", "html": "&#128265;", "category": "Objects (sound)", "order": "1816"},
-		{"emoji": "💹", "name": "chart increasing with yen", "shortname": ":chart:", "unicode": "1f4b9", "html": "&#128185;", "category": "Objects (money)", "order": "1898"},
-		{"emoji": "🆑", "name": "CL button", "shortname": ":cl:", "unicode": "1f191", "html": "&#127377;", "category": "Symbols (alphanum)", "order": "2128"},
-		{"emoji": "💾", "name": "floppy disk", "shortname": ":floppy_disk:", "unicode": "1f4be", "html": "&#128190;", "category": "Objects (computer)", "order": "1853"},
-		{"emoji": "🏣", "name": "Japanese post office", "shortname": ":post_office:", "unicode": "1f3e3", "html": "&#127971;", "category": "Travel & Places (place-building)", "order": "1562"},
-		{"emoji": "🔈", "name": "speaker low volume", "shortname": ":speaker:", "unicode": "1f508", "html": "&#128264;", "category": "Objects (sound)", "order": "1815"},
-		{"emoji": "🗾", "name": "map of Japan", "shortname": ":japan:", "unicode": "1f5fe", "html": "&#128510;", "category": "Travel & Places (place-map)", "order": "1543"},
-		{"emoji": "🈺", "name": "Japanese open for business button", "shortname": ":u55b6:", "unicode": "1f23a", "html": "&#127546;", "category": "Symbols (alphanum)", "order": "2157"},
-		{"emoji": "🀄", "name": "mahjong red dragon", "shortname": ":mahjong:", "unicode": "1f004", "html": "&#126980;", "category": "Activities (game)", "order": "1812"},
-		{"emoji": "📨", "name": "incoming envelope", "shortname": ":incoming_envelope:", "unicode": "1f4e8", "html": "&#128232;", "category": "Objects (mail)", "order": "1903"},
-		{"emoji": "📙", "name": "orange book", "shortname": ":orange_book:", "unicode": "1f4d9", "html": "&#128217;", "category": "Objects (book-paper)", "order": "1879"},
-		{"emoji": "🚻", "name": "restroom", "shortname": ":restroom:", "unicode": "1f6bb", "html": "&#128699;", "category": "Symbols (transport-sign)", "order": "1982"},
-		{"emoji": "🈚️", "name": "", "shortname": ":u7121:", "unicode": "1f21a", "html": "&#127514;", "category": "", "order": "2149"},
-		{"emoji": "🈶", "name": "Japanese not free of charge button", "shortname": ":u6709:", "unicode": "1f236", "html": "&#127542;", "category": "Symbols (alphanum)", "order": "2145"},
-		{"emoji": "📐", "name": "triangular ruler", "shortname": ":triangular_ruler:", "unicode": "1f4d0", "html": "&#128208;", "category": "Objects (office)", "order": "1939"},
-		{"emoji": "🚋", "name": "tram car", "shortname": ":train:", "unicode": "1f68b", "html": "&#128651;", "category": "Travel & Places (transport-ground)", "order": "1613"},
-		{"emoji": "🈸", "name": "Japanese application button", "shortname": ":u7533:", "unicode": "1f238", "html": "&#127544;", "category": "Symbols (alphanum)", "order": "2152"},
-		{"emoji": "🚎", "name": "trolleybus", "shortname": ":trolleybus:", "unicode": "1f68e", "html": "&#128654;", "category": "Travel & Places (transport-ground)", "order": "1616"},
-		{"emoji": "🈷", "name": "Japanese monthly amount button", "shortname": ":u6708:", "unicode": "1f237", "html": "&#127543;", "category": "Symbols (alphanum)", "order": "2144"},
-		{"emoji": "🔢", "name": "input numbers", "shortname": ":input_numbers:", "unicode": "1F522", "html": "&#128290;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "📔", "name": "notebook with decorative cover", "shortname": ":notebook_with_decorative_cover:", "unicode": "1f4d4", "html": "&#128212;", "category": "Objects (book-paper)", "order": "1874"},
-		{"emoji": "🈲", "name": "Japanese prohibited button", "shortname": ":u7981:", "unicode": "1f232", "html": "&#127538;", "category": "Symbols (alphanum)", "order": "2150"},
-		{"emoji": "🈵", "name": "Japanese no vacancy button", "shortname": ":u6e80:", "unicode": "1f235", "html": "&#127541;", "category": "Symbols (alphanum)", "order": "2158"},
-		{"emoji": "📯", "name": "postal horn", "shortname": ":postal_horn:", "unicode": "1f4ef", "html": "&#128239;", "category": "Objects (sound)", "order": "1820"},
-		{"emoji": "🏭", "name": "factory", "shortname": ":factory:", "unicode": "1f3ed", "html": "&#127981;", "category": "Travel & Places (place-building)", "order": "1571"},
-		{"emoji": "🚸", "name": "children crossing", "shortname": ":children_crossing:", "unicode": "1f6b8", "html": "&#128696;", "category": "Symbols (warning)", "order": "1990"},
-		{"emoji": "🚆", "name": "train", "shortname": ":train2:", "unicode": "1f686", "html": "&#128646;", "category": "Travel & Places (transport-ground)", "order": "1606"},
-		{"emoji": "📏", "name": "straight ruler", "shortname": ":straight_ruler:", "unicode": "1f4cf", "html": "&#128207;", "category": "Objects (office)", "order": "1938"},
-		{"emoji": "📟", "name": "pager", "shortname": ":pager:", "unicode": "1f4df", "html": "&#128223;", "category": "Objects (phone)", "order": "1842"},
-		{"emoji": "🉑", "name": "Japanese acceptable button", "shortname": ":accept:", "unicode": "1f251", "html": "&#127569;", "category": "Symbols (alphanum)", "order": "2151"},
-		{"emoji": "🈴", "name": "Japanese passing grade button", "shortname": ":u5408:", "unicode": "1f234", "html": "&#127540;", "category": "Symbols (alphanum)", "order": "2153"},
-		{"emoji": "🔏", "name": "locked with pen", "shortname": ":lock_with_ink_pen:", "unicode": "1f50f", "html": "&#128271;", "category": "Objects (lock)", "order": "1946"},
-		{"emoji": "🕜", "name": "one-thirty", "shortname": ":clock130:", "unicode": "1f55c", "html": "&#128348;", "category": "Travel & Places (time)", "order": "1690"},
-		{"emoji": "🈂️", "name": "Japanese service charge button", "shortname": ":sa:", "unicode": "1f202", "html": "&#127490;", "category": "Symbols (alphanum)", "order": "2143"},
-		{"emoji": "📤", "name": "outbox tray", "shortname": ":outbox_tray:", "unicode": "1f4e4", "html": "&#128228;", "category": "Objects (mail)", "order": "1905"},
-		{"emoji": "🔀", "name": "shuffle tracks button", "shortname": ":twisted_rightwards_arrows:", "unicode": "1f500", "html": "&#128256;", "category": "Symbols (av-symbol)", "order": "2048"},
-		{"emoji": "📫", "name": "closed mailbox with raised flag", "shortname": ":mailbox:", "unicode": "1f4eb", "html": "&#128235;", "category": "Objects (mail)", "order": "1908"},
-		{"emoji": "🚈", "name": "light rail", "shortname": ":light_rail:", "unicode": "1f688", "html": "&#128648;", "category": "Travel & Places (transport-ground)", "order": "1608"},
-		{"emoji": "🕤", "name": "nine-thirty", "shortname": ":clock930:", "unicode": "1f564", "html": "&#128356;", "category": "Travel & Places (time)", "order": "1706"},
-		{"emoji": "🚏", "name": "bus stop", "shortname": ":busstop:", "unicode": "1f68f", "html": "&#128655;", "category": "Travel & Places (transport-ground)", "order": "1633"},
-		{"emoji": "📂", "name": "open file folder", "shortname": ":open_file_folder:", "unicode": "1f4c2", "html": "&#128194;", "category": "Objects (office)", "order": "1923"},
-		{"emoji": "📁", "name": "file folder", "shortname": ":file_folder:", "unicode": "1f4c1", "html": "&#128193;", "category": "Objects (office)", "order": "1922"},
-		{"emoji": "🚰", "name": "potable water", "shortname": ":potable_water:", "unicode": "1f6b0", "html": "&#128688;", "category": "Symbols (transport-sign)", "order": "1978"},
-		{"emoji": "📇", "name": "card index", "shortname": ":card_index:", "unicode": "1f4c7", "html": "&#128199;", "category": "Objects (office)", "order": "1929"},
-		{"emoji": "🕝", "name": "two-thirty", "shortname": ":clock230:", "unicode": "1f55d", "html": "&#128349;", "category": "Travel & Places (time)", "order": "1692"},
-		{"emoji": "🚝", "name": "monorail", "shortname": ":monorail:", "unicode": "1f69d", "html": "&#128669;", "category": "Travel & Places (transport-ground)", "order": "1611"},
-		{"emoji": "🕧", "name": "twelve-thirty", "shortname": ":clock1230:", "unicode": "1f567", "html": "&#128359;", "category": "Travel & Places (time)", "order": "1688"},
-		{"emoji": "🕥", "name": "ten-thirty", "shortname": ":clock1030:", "unicode": "1f565", "html": "&#128357;", "category": "Travel & Places (time)", "order": "1708"},
-		{"emoji": "🔤", "name": "input latin letters", "shortname": ":abc:", "unicode": "1f524", "html": "&#128292;", "category": "Symbols (alphanum)", "order": "2124"},
-		{"emoji": "📪", "name": "closed mailbox with lowered flag", "shortname": ":mailbox_closed:", "unicode": "1f4ea", "html": "&#128234;", "category": "Objects (mail)", "order": "1909"},
-		{"emoji": "🕟", "name": "four-thirty", "shortname": ":clock430:", "unicode": "1f55f", "html": "&#128351;", "category": "Travel & Places (time)", "order": "1696"},
-		{"emoji": "🚞", "name": "mountain railway", "shortname": ":mountain_railway:", "unicode": "1f69e", "html": "&#128670;", "category": "Travel & Places (transport-ground)", "order": "1612"},
-		{"emoji": "🚯", "name": "no littering", "shortname": ":do_not_litter:", "unicode": "1f6af", "html": "&#128687;", "category": "Symbols (warning)", "order": "1995"},
-		{"emoji": "🕞", "name": "three-thirty", "shortname": ":clock330:", "unicode": "1f55e", "html": "&#128350;", "category": "Travel & Places (time)", "order": "1694"},
-		{"emoji": "➗", "name": "division sign", "shortname": ":heavy_division_sign:", "unicode": "2797", "html": "&#10135;", "category": "Symbols (other-symbol)", "order": "2089"},
-		{"emoji": "🕢", "name": "seven-thirty", "shortname": ":clock730:", "unicode": "1f562", "html": "&#128354;", "category": "Travel & Places (time)", "order": "1702"},
-		{"emoji": "🕠", "name": "five-thirty", "shortname": ":clock530:", "unicode": "1f560", "html": "&#128352;", "category": "Travel & Places (time)", "order": "1698"},
-		{"emoji": "🔠", "name": "input latin uppercase", "shortname": ":capital_abcd:", "unicode": "1f520", "html": "&#128288;", "category": "Symbols (alphanum)", "order": "2120"},
-		{"emoji": "📭", "name": "open mailbox with lowered flag", "shortname": ":mailbox_with_no_mail:", "unicode": "1f4ed", "html": "&#128237;", "category": "Objects (mail)", "order": "1911"},
-		{"emoji": "🔣", "name": "input symbols", "shortname": ":symbols:", "unicode": "1f523", "html": "&#128291;", "category": "Symbols (alphanum)", "order": "2123"},
-		{"emoji": "🚡", "name": "aerial tramway", "shortname": ":aerial_tramway:", "unicode": "1f6a1", "html": "&#128673;", "category": "Travel & Places (transport-air)", "order": "1658"},
-		{"emoji": "🕣", "name": "eight-thirty", "shortname": ":clock830:", "unicode": "1f563", "html": "&#128355;", "category": "Travel & Places (time)", "order": "1704"},
-		{"emoji": "🕡", "name": "six-thirty", "shortname": ":clock630:", "unicode": "1f561", "html": "&#128353;", "category": "Travel & Places (time)", "order": "1700"},
-		{"emoji": "🔡", "name": "input latin lowercase", "shortname": ":abcd:", "unicode": "1f521", "html": "&#128289;", "category": "Symbols (alphanum)", "order": "2121"},
-		{"emoji": "🚠", "name": "mountain cableway", "shortname": ":mountain_cableway:", "unicode": "1f6a0", "html": "&#128672;", "category": "Travel & Places (transport-air)", "order": "1657"},
-		{"emoji": "🈁", "name": "Japanese here button", "shortname": ":koko:", "unicode": "1f201", "html": "&#127489;", "category": "Symbols (alphanum)", "order": "2142"},
-		{"emoji": "🛂", "name": "passport control", "shortname": ":passport_control:", "unicode": "1f6c2", "html": "&#128706;", "category": "Symbols (transport-sign)", "order": "1985"},
-		{"emoji": "🚱", "name": "non-potable water", "shortname": ":non-potable_water:", "unicode": "1f6b1", "html": "&#128689;", "category": "Symbols (warning)", "order": "1996"},
-		{"emoji": "🚟", "name": "suspension railway", "shortname": ":suspension_railway:", "unicode": "1f69f", "html": "&#128671;", "category": "Travel & Places (transport-air)", "order": "1656"},
-		{"emoji": "🛄", "name": "baggage claim", "shortname": ":baggage_claim:", "unicode": "1f6c4", "html": "&#128708;", "category": "Symbols (transport-sign)", "order": "1987"},
-		{"emoji": "🚳", "name": "no bicycles", "shortname": ":no_bicycles:", "unicode": "1f6b3", "html": "&#128691;", "category": "Symbols (warning)", "order": "1993"},
-		{"emoji": "🏳‍🌈", "name": "rainbow flag", "shortname": ":rainbow_flag:", "unicode": "1F3F3 200D 1F308", "html": "&#127987;&zwj;&#127752;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🕵🏿‍♀", "name": "woman detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2640", "html": "&#128373;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♀", "name": "woman detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2640", "html": "&#128373;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♀", "name": "woman detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2640", "html": "&#128373;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♀", "name": "woman detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2640", "html": "&#128373;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♀", "name": "woman detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2640", "html": "&#128373;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♀", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 200D 2640", "html": "&#128373;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿", "name": "detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF", "html": "&#128373;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾", "name": "detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE", "html": "&#128373;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽", "name": "detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD", "html": "&#128373;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼", "name": "detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC", "html": "&#128373;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻", "name": "detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB", "html": "&#128373;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵", "name": "detective", "shortname": ":detective:", "unicode": "1F575", "html": "&#128373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "☹", "name": "frowning face", "shortname": ":frowning_face:", "unicode": "2639", "html": "&#9785;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "☠", "name": "skull and crossbones", "shortname": ":skull_crossbones:", "unicode": "2620", "html": "&#9760;", "category": "Smileys & Emotion (face-negative)", "order": "81"},
-		{"emoji": "🤗", "name": "hugging face", "shortname": ":hugging:", "unicode": "1f917", "html": "&#129303;", "category": "Smileys & Emotion (face-hand)", "order": "20"},
-		{"emoji": "🤖", "name": "robot", "shortname": ":robot:", "unicode": "1F916", "html": "&#129302;", "category": "Smileys & Emotion (face-costume)", "order": ""},
-		{"emoji": "🤕", "name": "face with head-bandage", "shortname": ":face_with_headbandage:", "unicode": "1F915", "html": "&#129301;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤔", "name": "thinking face", "shortname": ":thinking:", "unicode": "1f914", "html": "&#129300;", "category": "Smileys & Emotion (face-hand)", "order": "21"},
-		{"emoji": "🤓", "name": "nerd face", "shortname": ":nerd:", "unicode": "1f913", "html": "&#129299;", "category": "Smileys & Emotion (face-glasses)", "order": "36"},
-		{"emoji": "🤒", "name": "face with thermometer", "shortname": ":face_with_thermometer:", "unicode": "1F912", "html": "&#129298;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤑", "name": "money-mouth face", "shortname": ":moneymouth_face:", "unicode": "1F911", "html": "&#129297;", "category": "Smileys & Emotion (face-tongue)", "order": ""},
-		{"emoji": "🤐", "name": "zipper-mouth face", "shortname": ":zipper_mouth:", "unicode": "1f910", "html": "&#129296;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "30"},
-		{"emoji": "🙄", "name": "face with rolling eyes", "shortname": ":rolling_eyes:", "unicode": "1f644", "html": "&#128580;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "25"},
-		{"emoji": "🙃", "name": "upside-down face", "shortname": ":upside_down:", "unicode": "1f643", "html": "&#128579;", "category": "Smileys & Emotion (face-smiling)", "order": "45"},
-		{"emoji": "🙂", "name": "slightly smiling face", "shortname": ":slight_smile:", "unicode": "1f642", "html": "&#128578;", "category": "Smileys & Emotion (face-smiling)", "order": "19"},
-		{"emoji": "🙁", "name": "slightly frowning face", "shortname": ":slightly_frowning_face:", "unicode": "1F641", "html": "&#128577;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🤘🏿", "name": "sign of the horns: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F918 1F3FF", "html": "&#129304;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏾", "name": "sign of the horns: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F918 1F3FE", "html": "&#129304;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏽", "name": "sign of the horns: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F918 1F3FD", "html": "&#129304;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏼", "name": "sign of the horns: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F918 1F3FC", "html": "&#129304;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏻", "name": "sign of the horns: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F918 1F3FB", "html": "&#129304;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘", "name": "sign of the horns", "shortname": ":sign_of_the_horns:", "unicode": "1F918", "html": "&#129304;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🖖🏿", "name": "vulcan salute: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F596 1F3FF", "html": "&#128406;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏾", "name": "vulcan salute: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F596 1F3FE", "html": "&#128406;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏽", "name": "vulcan salute: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F596 1F3FD", "html": "&#128406;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏼", "name": "vulcan salute: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F596 1F3FC", "html": "&#128406;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏻", "name": "vulcan salute: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F596 1F3FB", "html": "&#128406;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖", "name": "vulcan salute", "shortname": ":vulcan_salute:", "unicode": "1F596", "html": "&#128406;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖕🏿", "name": "middle finger: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F595 1F3FF", "html": "&#128405;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏾", "name": "middle finger: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F595 1F3FE", "html": "&#128405;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏽", "name": "middle finger: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F595 1F3FD", "html": "&#128405;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏼", "name": "middle finger: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F595 1F3FC", "html": "&#128405;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏻", "name": "middle finger: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F595 1F3FB", "html": "&#128405;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕", "name": "middle finger", "shortname": ":middle_finger:", "unicode": "1f595", "html": "&#128405;", "category": "People & Body (hand-single-finger)", "order": "1116"},
-		{"emoji": "🖐🏿", "name": "hand with fingers splayed: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F590 1F3FF", "html": "&#128400;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏾", "name": "hand with fingers splayed: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F590 1F3FE", "html": "&#128400;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏽", "name": "hand with fingers splayed: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F590 1F3FD", "html": "&#128400;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏼", "name": "hand with fingers splayed: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F590 1F3FC", "html": "&#128400;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏻", "name": "hand with fingers splayed: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F590 1F3FB", "html": "&#128400;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐", "name": "hand with fingers splayed", "shortname": ":hand_with_fingers_splayed:", "unicode": "1F590", "html": "&#128400;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✍🏿", "name": "writing hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270D 1F3FF", "html": "&#9997;&#127999;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏾", "name": "writing hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270D 1F3FE", "html": "&#9997;&#127998;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏽", "name": "writing hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270D 1F3FD", "html": "&#9997;&#127997;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏼", "name": "writing hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270D 1F3FC", "html": "&#9997;&#127996;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏻", "name": "writing hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270D 1F3FB", "html": "&#9997;&#127995;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍", "name": "writing hand", "shortname": ":writing_hand:", "unicode": "270d", "html": "&#9997;", "category": "People & Body (hand-prop)", "order": "1230"},
-		{"emoji": "🕶", "name": "sunglasses", "shortname": ":dark_sunglasses:", "unicode": "1f576", "html": "&#128374;", "category": "Objects (clothing)", "order": "1315"},
-		{"emoji": "👁‍🗨", "name": "eye in speech bubble", "shortname": ":eye_speachbubble:", "unicode": "1F441 200D 1F5E8", "html": "&#128065;&zwj;&#128488;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁", "name": "eye", "shortname": ":eye:", "unicode": "1f441", "html": "&#128065;", "category": "People & Body (body-parts)", "order": "1280"},
-		{"emoji": "🏋🏿‍♀", "name": "woman lifting weights: dark skin tone", "shortname": ":weightlifter_woman_dt:", "unicode": "1F3CB 1F3FF 200D 2640", "html": "&#127947;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♀", "name": "woman lifting weights: medium-dark skin tone", "shortname": ":weightlifter_woman_mdt:", "unicode": "1F3CB 1F3FE 200D 2640", "html": "&#127947;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♀", "name": "woman lifting weights: medium skin tone", "shortname": ":weightlifter_woman_mt:", "unicode": "1F3CB 1F3FD 200D 2640", "html": "&#127947;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♀", "name": "woman lifting weights: medium-light skin tone", "shortname": ":weightlifter_woman_mlt:", "unicode": "1F3CB 1F3FC 200D 2640", "html": "&#127947;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♀", "name": "woman lifting weights: light skin tone", "shortname": ":weightlifter_woman_lt:", "unicode": "1F3CB 1F3FB 200D 2640", "html": "&#127947;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♀", "name": "woman lifting weights", "shortname": ":weightlifter_woman:", "unicode": "1F3CB 200D 2640", "html": "&#127947;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿", "name": "person lifting weights: dark skin tone", "shortname": ":weightlifter_dt:", "unicode": "1F3CB 1F3FF", "html": "&#127947;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾", "name": "person lifting weights: medium-dark skin tone", "shortname": ":weightlifter_mdt:", "unicode": "1F3CB 1F3FE", "html": "&#127947;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽", "name": "person lifting weights: medium skin tone", "shortname": ":weightlifter_mt:", "unicode": "1F3CB 1F3FD", "html": "&#127947;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼", "name": "person lifting weights: medium-light skin tone", "shortname": ":weightlifter_mlt:", "unicode": "1F3CB 1F3FC", "html": "&#127947;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻", "name": "person lifting weights: light skin tone", "shortname": ":weightlifter_lt:", "unicode": "1F3CB 1F3FB", "html": "&#127947;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋", "name": "person lifting weights", "shortname": ":weightlifter:", "unicode": "1F3CB", "html": "&#127947;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♀", "name": "woman bouncing ball: dark skin tone", "shortname": ":basketballer_woman_dt:", "unicode": ":basketballer:", "html": "&#9977;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♀", "name": "woman bouncing ball: medium-dark skin tone", "shortname": ":basketballer_woman_mdt:", "unicode": ":basketballer:", "html": "&#9977;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♀", "name": "woman bouncing ball: medium skin tone", "shortname": ":basketballer_woman_mt:", "unicode": ":basketballer:", "html": "&#9977;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♀", "name": "woman bouncing ball: medium-light skin tone", "shortname": ":basketballer_woman_mlt:", "unicode": ":basketballer:", "html": "&#9977;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♀", "name": "woman bouncing ball: light skin tone", "shortname": ":basketballer_woman_lt:", "unicode": ":basketballer:", "html": "&#9977;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♀", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": ":basketballer_woman:", "html": "&#9977;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿", "name": "person bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": ":basketballer_dt:", "html": "&#9977;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾", "name": "person bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": ":basketballer_mdt:", "html": "&#9977;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽", "name": "person bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": ":basketballer_mt:", "html": "&#9977;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼", "name": "person bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": ":basketballer_mlt:", "html": "&#9977;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻", "name": "person bouncing ball: light skin tone", "shortname": ":basketballer_lt:", "unicode": "26F9 1F3FB", "html": "&#9977;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹", "name": "person bouncing ball", "shortname": ":basketballer:", "unicode": "26F9", "html": "&#9977;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🕴", "name": "man in suit levitating", "shortname": ":man_in_suit:", "unicode": "1f574", "html": "&#128372;", "category": "People & Body (person-activity)", "order": "784"},
-		{"emoji": "🏌", "name": "person golfing", "shortname": ":golfer:", "unicode": "1f3cc", "html": "&#127948;", "category": "People & Body (person-sport)", "order": "782"},
-		{"emoji": "🏌‍♀", "name": "woman golfing", "shortname": ":golfer_woman:", "unicode": "1F3CC 200D 2640", "html": "&#127948;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": "783"},
-		{"emoji": "*️⃣", "name": "keycap: #", "shortname": "*", "unicode": "0023 FE0F 20E3", "html": "&#42;", "category": "Symbols (keycap)", "order": "2118"},
-		{"emoji": "❣️", "name": "heart exclamation", "shortname": ":heart_exclamation:", "unicode": "2763", "html": "&#10083;", "category": "Smileys & Emotion (emotion)", "order": "1300"},
-		{"emoji": "✡️", "name": "star of David", "shortname": ":star_of_david:", "unicode": "2721", "html": "&#10017;", "category": "Symbols (religion)", "order": "2026"},
-		{"emoji": "✝️", "name": "latin cross", "shortname": ":cross:", "unicode": "271d", "html": "&#10013;", "category": "Symbols (religion)", "order": "2029"},
-		{"emoji": "⚜", "name": "fleur-de-lis", "shortname": ":fleur-de-lis:", "unicode": "269c", "html": "&#9884;", "category": "Symbols (other-symbol)", "order": "2074"},
-		{"emoji": "⚛", "name": "atom symbol", "shortname": ":atom:", "unicode": "269b", "html": "&#9883;", "category": "Symbols (religion)", "order": "2024"},
-		{"emoji": "☸", "name": "wheel of dharma", "shortname": ":wheel_of_dharma:", "unicode": "2638", "html": "&#9784;", "category": "Symbols (religion)", "order": "2027"},
-		{"emoji": "☯", "name": "yin yang", "shortname": ":yin_yang:", "unicode": "262f", "html": "&#9775;", "category": "Symbols (religion)", "order": "2028"},
-		{"emoji": "☮", "name": "peace symbol", "shortname": ":peace:", "unicode": "262e", "html": "&#9774;", "category": "Symbols (religion)", "order": "2032"},
-		{"emoji": "☪", "name": "star and crescent", "shortname": ":star_and_crescent:", "unicode": "262a", "html": "&#9770;", "category": "Symbols (religion)", "order": "2031"},
-		{"emoji": "☦", "name": "orthodox cross", "shortname": ":orthodox_cross:", "unicode": "2626", "html": "&#9766;", "category": "Symbols (religion)", "order": "2030"},
-		{"emoji": "☣", "name": "biohazard", "shortname": ":biohazard:", "unicode": "2623", "html": "&#9763;", "category": "Symbols (warning)", "order": "2001"},
-		{"emoji": "☢", "name": "radioactive", "shortname": ":radioactive:", "unicode": "2622", "html": "&#9762;", "category": "Symbols (warning)", "order": "2000"},
-		{"emoji": "🛐", "name": "place of worship", "shortname": ":place_of_worship:", "unicode": "1f6d0", "html": "&#128720;", "category": "Symbols (religion)", "order": "2023"},
-		{"emoji": "🗯", "name": "right anger bubble", "shortname": ":anger_right:", "unicode": "1f5ef", "html": "&#128495;", "category": "Smileys & Emotion (emotion)", "order": "1311"},
-		{"emoji": "🕎", "name": "menorah", "shortname": ":menorah:", "unicode": "1f54e", "html": "&#128334;", "category": "Symbols (religion)", "order": "2033"},
-		{"emoji": "🕉", "name": "om", "shortname": ":om_symbol:", "unicode": "1f549", "html": "&#128329;", "category": "Symbols (religion)", "order": "2025"},
-		{"emoji": "⚱", "name": "funeral urn", "shortname": ":funeral_urn:", "unicode": "26B1", "html": "&#9905;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚰", "name": "coffin", "shortname": ":coffin:", "unicode": "26b0", "html": "&#9904;", "category": "Objects (other-object)", "order": "1970"},
-		{"emoji": "⚙", "name": "gear", "shortname": ":gear:", "unicode": "2699", "html": "&#9881;", "category": "Objects (tool)", "order": "1961"},
-		{"emoji": "⚗", "name": "alembic", "shortname": ":alembic:", "unicode": "2697", "html": "&#9879;", "category": "Objects (science)", "order": "1963"},
-		{"emoji": "⚖", "name": "balance scale", "shortname": ":scales:", "unicode": "2696", "html": "&#9878;", "category": "Objects (tool)", "order": "1964"},
-		{"emoji": "⚔", "name": "crossed swords", "shortname": ":crossed_swords:", "unicode": "2694", "html": "&#9876;", "category": "Objects (tool)", "order": "1955"},
-		{"emoji": "⌨", "name": "keyboard", "shortname": ":keyboard:", "unicode": "2328", "html": "&#9000;", "category": "Objects (computer)", "order": "1849"},
-		{"emoji": "🛢", "name": "oil drum", "shortname": ":oil_drum:", "unicode": "1F6E2", "html": "&#128738;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛡", "name": "shield", "shortname": ":shield:", "unicode": "1f6e1", "html": "&#128737;", "category": "Objects (tool)", "order": "1958"},
-		{"emoji": "🛠", "name": "hammer and wrench", "shortname": ":hammer_and_wrench:", "unicode": "1F6E0", "html": "&#128736;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛏", "name": "bed", "shortname": ":bed:", "unicode": "1f6cf", "html": "&#128719;", "category": "Objects (household)", "order": "1669"},
-		{"emoji": "🛎", "name": "bellhop bell", "shortname": ":bellhop_bell:", "unicode": "1F6CE", "html": "&#128718;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "🛍", "name": "shopping bags", "shortname": ":shopping_bags:", "unicode": "1f6cd", "html": "&#128717;", "category": "Objects (clothing)", "order": "1326"},
-		{"emoji": "🛌", "name": "person in bed", "shortname": ":sleeping_accommodation:", "unicode": "1f6cc", "html": "&#128716;", "category": "People & Body (person-resting)", "order": "1663"},
-		{"emoji": "🛋", "name": "couch and lamp", "shortname": ":couch_and_lamp:", "unicode": "1F6CB", "html": "&#128715;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🗳", "name": "ballot box with ballot", "shortname": ":ballot_box:", "unicode": "1f5f3", "html": "&#128499;", "category": "Objects (mail)", "order": "1913"},
-		{"emoji": "🗡", "name": "dagger", "shortname": ":dagger:", "unicode": "1F5E1", "html": "&#128481;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗞", "name": "rolled-up newspaper", "shortname": ":rolledup_newspaper:", "unicode": "1F5DE", "html": "&#128478;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🗝", "name": "old key", "shortname": ":old_key:", "unicode": "1F5DD", "html": "&#128477;", "category": "Objects (lock)", "order": ""},
-		{"emoji": "🗜", "name": "clamp", "shortname": ":compression:", "unicode": "1f5dc", "html": "&#128476;", "category": "Objects (tool)", "order": "1962"},
-		{"emoji": "🗓", "name": "spiral calendar", "shortname": ":spiral_calendar:", "unicode": "1F5D3", "html": "&#128467;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗒", "name": "spiral notepad", "shortname": ":spiral_notepad:", "unicode": "1F5D2", "html": "&#128466;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗑", "name": "wastebasket", "shortname": ":wastebasket:", "unicode": "1f5d1", "html": "&#128465;", "category": "Objects (office)", "order": "1943"},
-		{"emoji": "🗄", "name": "file cabinet", "shortname": ":file_cabinet:", "unicode": "1f5c4", "html": "&#128452;", "category": "Objects (office)", "order": "1942"},
-		{"emoji": "🗃", "name": "card file box", "shortname": ":card_file_box:", "unicode": "1F5C3", "html": "&#128451;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗂", "name": "card index dividers", "shortname": ":card_index_dividers:", "unicode": "1F5C2", "html": "&#128450;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🖼", "name": "framed picture", "shortname": ":framed_picture:", "unicode": "1F5BC", "html": "&#128444;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🖲", "name": "trackball", "shortname": ":trackball:", "unicode": "1f5b2", "html": "&#128434;", "category": "Objects (computer)", "order": "1851"},
-		{"emoji": "🖱", "name": "computer mouse", "shortname": ":computer_mouse:", "unicode": "1F5B1", "html": "&#128433;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖨", "name": "printer", "shortname": ":printer:", "unicode": "1f5a8", "html": "&#128424;", "category": "Objects (computer)", "order": "1848"},
-		{"emoji": "🖥", "name": "desktop computer", "shortname": ":desktop_computer:", "unicode": "1F5A5", "html": "&#128421;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖍", "name": "crayon", "shortname": ":crayon:", "unicode": "1F58D", "html": "&#128397;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖌", "name": "paintbrush", "shortname": ":paintbrush:", "unicode": "1F58C", "html": "&#128396;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖋", "name": "fountain pen", "shortname": ":fountain_pen:", "unicode": "1F58B", "html": "&#128395;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖊", "name": "pen", "shortname": ":pen:", "unicode": "1F58A", "html": "&#128394;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖇", "name": "linked paperclips", "shortname": ":linked_paperclips:", "unicode": "1F587", "html": "&#128391;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🕹", "name": "joystick", "shortname": ":joystick:", "unicode": "1f579", "html": "&#128377;", "category": "Activities (game)", "order": "1805"},
-		{"emoji": "🕳", "name": "hole", "shortname": ":hole:", "unicode": "1f573", "html": "&#128371;", "category": "Smileys & Emotion (emotion)", "order": "1313"},
-		{"emoji": "🕰", "name": "mantelpiece clock", "shortname": ":mantelpiece_clock:", "unicode": "1F570", "html": "&#128368;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🕯", "name": "candle", "shortname": ":candle:", "unicode": "1f56f", "html": "&#128367;", "category": "Objects (light & video)", "order": "1870"},
-		{"emoji": "📿", "name": "prayer beads", "shortname": ":prayer_beads:", "unicode": "1f4ff", "html": "&#128255;", "category": "Objects (clothing)", "order": "1338"},
-		{"emoji": "📽", "name": "film projector", "shortname": ":film_projector:", "unicode": "1F4FD", "html": "&#128253;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "📸", "name": "camera with flash", "shortname": ":camera_with_flash:", "unicode": "1f4f8", "html": "&#128248;", "category": "Objects (light & video)", "order": "1862"},
-		{"emoji": "🏺", "name": "amphora", "shortname": ":amphora:", "unicode": "1f3fa", "html": "&#127994;", "category": "Food & Drink (dishware)", "order": "1537"},
-		{"emoji": "🏷", "name": "label", "shortname": ":label:", "unicode": "1f3f7", "html": "&#127991;", "category": "Objects (book-paper)", "order": "1890"},
-		{"emoji": "🏴", "name": "black flag", "shortname": ":flag_black:", "unicode": "1f3f4", "html": "&#127988;", "category": "Flags (flag)", "order": "2184"},
-		{"emoji": "🏳", "name": "white flag", "shortname": ":flag_white:", "unicode": "1f3f3", "html": "&#127987;", "category": "Flags (flag)", "order": "2185"},
-		{"emoji": "🎞", "name": "film frames", "shortname": ":film_frames:", "unicode": "1f39e", "html": "&#127902;", "category": "Objects (light & video)", "order": "1857"},
-		{"emoji": "🎛", "name": "control knobs", "shortname": ":control_knobs:", "unicode": "1f39b", "html": "&#127899;", "category": "Objects (music)", "order": "1828"},
-		{"emoji": "🎚", "name": "level slider", "shortname": ":level_slider:", "unicode": "1f39a", "html": "&#127898;", "category": "Objects (music)", "order": "1827"},
-		{"emoji": "🎙", "name": "studio microphone", "shortname": ":studio_microphone:", "unicode": "1F399", "html": "&#127897;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🌡", "name": "thermometer", "shortname": ":thermometer:", "unicode": "1f321", "html": "&#127777;", "category": "Travel & Places (sky & weather)", "order": "1723"},
-		{"emoji": "🛳", "name": "passenger ship", "shortname": ":passenger_ship:", "unicode": "1F6F3", "html": "&#128755;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛰", "name": "satellite", "shortname": ":satellite:", "unicode": "1F6F0", "html": "&#128752;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛬", "name": "airplane arrival", "shortname": ":airplane_arriving:", "unicode": "1f6ec", "html": "&#128748;", "category": "Travel & Places (transport-air)", "order": "1653"},
-		{"emoji": "🛫", "name": "airplane departure", "shortname": ":airplane_departure:", "unicode": "1f6eb", "html": "&#128747;", "category": "Travel & Places (transport-air)", "order": "1652"},
-		{"emoji": "🛩", "name": "small airplane", "shortname": ":small_airplane:", "unicode": "1F6E9", "html": "&#128745;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛥", "name": "motor boat", "shortname": ":motor_boat:", "unicode": "1F6E5", "html": "&#128741;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛤", "name": "railway track", "shortname": ":railway_track:", "unicode": "1f6e4", "html": "&#128740;", "category": "Travel & Places (transport-ground)", "order": "1635"},
-		{"emoji": "🛣", "name": "motorway", "shortname": ":motorway:", "unicode": "1f6e3", "html": "&#128739;", "category": "Travel & Places (transport-ground)", "order": "1634"},
-		{"emoji": "🗺", "name": "world map", "shortname": ":world_map:", "unicode": "1F5FA", "html": "&#128506;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🕍", "name": "synagogue", "shortname": ":synagogue:", "unicode": "1f54d", "html": "&#128333;", "category": "Travel & Places (place-religious)", "order": "1579"},
-		{"emoji": "🕌", "name": "mosque", "shortname": ":mosque:", "unicode": "1f54c", "html": "&#128332;", "category": "Travel & Places (place-religious)", "order": "1578"},
-		{"emoji": "🕋", "name": "kaaba", "shortname": ":kaaba:", "unicode": "1f54b", "html": "&#128331;", "category": "Travel & Places (place-religious)", "order": "1581"},
-		{"emoji": "🏟", "name": "stadium", "shortname": ":stadium:", "unicode": "1f3df", "html": "&#127967;", "category": "Travel & Places (place-building)", "order": "1553"},
-		{"emoji": "🏞", "name": "national park", "shortname": ":national_park:", "unicode": "1F3DE", "html": "&#127966;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏝", "name": "desert island", "shortname": ":desert_island:", "unicode": "1F3DD", "html": "&#127965;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏜", "name": "desert", "shortname": ":desert:", "unicode": "1f3dc", "html": "&#127964;", "category": "Travel & Places (place-geographic)", "order": "1550"},
-		{"emoji": "🏛", "name": "classical building", "shortname": ":classical_building:", "unicode": "1f3db", "html": "&#127963;", "category": "Travel & Places (place-building)", "order": "1554"},
-		{"emoji": "🏚", "name": "derelict house", "shortname": ":derelict_house:", "unicode": "1F3DA", "html": "&#127962;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏙", "name": "cityscape", "shortname": ":cityscape:", "unicode": "1f3d9", "html": "&#127961;", "category": "Travel & Places (place-other)", "order": "1557"},
-		{"emoji": "🏘", "name": "houses", "shortname": ":houses:", "unicode": "1F3D8", "html": "&#127960;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏗", "name": "building construction", "shortname": ":building_construction:", "unicode": "1F3D7", "html": "&#127959;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏖", "name": "beach with umbrella", "shortname": ":beach_with_umbrella:", "unicode": "1F3D6", "html": "&#127958;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏕", "name": "camping", "shortname": ":camping:", "unicode": "1f3d5", "html": "&#127957;", "category": "Travel & Places (place-geographic)", "order": "1548"},
-		{"emoji": "🏔", "name": "snow-capped mountain", "shortname": ":snowcapped_mountain:", "unicode": "1F3D4", "html": "&#127956;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏎", "name": "racing car", "shortname": ":racing_car:", "unicode": "1F3CE", "html": "&#127950;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏍", "name": "motorcycle", "shortname": ":motorcycle:", "unicode": "1F3CD", "html": "&#127949;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏹", "name": "bow and arrow", "shortname": ":bow_and_arrow:", "unicode": "1f3f9", "html": "&#127993;", "category": "Objects (tool)", "order": "1957"},
-		{"emoji": "🏸", "name": "badminton", "shortname": ":badminton:", "unicode": "1F3F8", "html": "&#127992;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏵", "name": "rosette", "shortname": ":rosette:", "unicode": "1f3f5", "html": "&#127989;", "category": "Animals & Nature (plant-flower)", "order": "1430"},
-		{"emoji": "🏓", "name": "ping pong", "shortname": ":ping_pong:", "unicode": "1F3D3", "html": "&#127955;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏒", "name": "ice hockey", "shortname": ":ice_hockey:", "unicode": "1F3D2", "html": "&#127954;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏑", "name": "field hockey", "shortname": ":field_hockey:", "unicode": "1F3D1", "html": "&#127953;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏐", "name": "volleyball", "shortname": ":volleyball:", "unicode": "1f3d0", "html": "&#127952;", "category": "Activities (sport)", "order": "1784"},
-		{"emoji": "🏏", "name": "cricket game", "shortname": ":cricket_game:", "unicode": "1F3CF", "html": "&#127951;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏅", "name": "sports medal", "shortname": ":medal:", "unicode": "1f3c5", "html": "&#127941;", "category": "Activities (award-medal)", "order": "1777"},
-		{"emoji": "🎟", "name": "admission tickets", "shortname": ":admission_tickets:", "unicode": "1F39F", "html": "&#127903;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎗", "name": "reminder ribbon", "shortname": ":reminder_ribbon:", "unicode": "1f397", "html": "&#127895;", "category": "Activities (event)", "order": "1772"},
-		{"emoji": "🎖", "name": "military medal", "shortname": ":military_medal:", "unicode": "1F396", "html": "&#127894;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🧀", "name": "cheese wedge", "shortname": ":cheese_wedge:", "unicode": "1F9C0", "html": "&#129472;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🍿", "name": "popcorn", "shortname": ":popcorn:", "unicode": "1f37f", "html": "&#127871;", "category": "Food & Drink (food-prepared)", "order": "1494"},
-		{"emoji": "🍾", "name": "bottle with popping cork", "shortname": ":champagne:", "unicode": "1f37e", "html": "&#127870;", "category": "Food & Drink (drink)", "order": "1525"},
-		{"emoji": "🍽", "name": "fork and knife with plate", "shortname": ":fork_and_knife_with_plate:", "unicode": "1F37D", "html": "&#127869;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🌶", "name": "hot pepper", "shortname": ":hot_pepper:", "unicode": "1f336", "html": "&#127798;", "category": "Food & Drink (food-vegetable)", "order": "1469"},
-		{"emoji": "🌯", "name": "burrito", "shortname": ":burrito:", "unicode": "1f32f", "html": "&#127791;", "category": "Food & Drink (food-prepared)", "order": "1487"},
-		{"emoji": "🌮", "name": "taco", "shortname": ":taco:", "unicode": "1f32e", "html": "&#127790;", "category": "Food & Drink (food-prepared)", "order": "1486"},
-		{"emoji": "🌭", "name": "hot dog", "shortname": ":hotdog:", "unicode": "1f32d", "html": "&#127789;", "category": "Food & Drink (food-prepared)", "order": "1485"},
-		{"emoji": "☘", "name": "shamrock", "shortname": ":shamrock:", "unicode": "2618", "html": "&#9752;", "category": "Animals & Nature (plant-other)", "order": "1444"},
-		{"emoji": "☄", "name": "comet", "shortname": ":comet:", "unicode": "2604", "html": "&#9732;", "category": "Travel & Places (sky & weather)", "order": "1752"},
-		{"emoji": "☃️", "name": "snowman", "shortname": ":snowman:", "unicode": "2603 FE0F", "html": "&#9731;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☂️", "name": "umbrella", "shortname": ":umbrella:", "unicode": "2602 FE0F", "html": "&#9730;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🦄", "name": "unicorn", "shortname": ":unicorn:", "unicode": "1F984", "html": "&#129412;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦃", "name": "turkey", "shortname": ":turkey:", "unicode": "1f983", "html": "&#129411;", "category": "Animals & Nature (animal-bird)", "order": "1387"},
-		{"emoji": "🦂", "name": "scorpion", "shortname": ":scorpion:", "unicode": "1f982", "html": "&#129410;", "category": "Animals & Nature (animal-bug)", "order": "1426"},
-		{"emoji": "🦁", "name": "lion", "shortname": ":lion_face:", "unicode": "1f981", "html": "&#129409;", "category": "Animals & Nature (animal-mammal)", "order": "1352"},
-		{"emoji": "🦀", "name": "crab", "shortname": ":crab:", "unicode": "1f980", "html": "&#129408;", "category": "Food & Drink (food-marine)", "order": "1415"},
-		{"emoji": "🕸", "name": "spider web", "shortname": ":spider_web:", "unicode": "1f578", "html": "&#128376;", "category": "Animals & Nature (animal-bug)", "order": "1425"},
-		{"emoji": "🕷", "name": "spider", "shortname": ":spider:", "unicode": "1f577", "html": "&#128375;", "category": "Animals & Nature (animal-bug)", "order": "1424"},
-		{"emoji": "🕊", "name": "dove", "shortname": ":dove:", "unicode": "1F54A", "html": "&#128330;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🐿", "name": "chipmunk", "shortname": ":chipmunk:", "unicode": "1f43f", "html": "&#128063;", "category": "Animals & Nature (animal-mammal)", "order": "1381"},
-		{"emoji": "🌬", "name": "wind face", "shortname": ":wind_blowing_face:", "unicode": "1f32c", "html": "&#127788;", "category": "Travel & Places (sky & weather)", "order": "1741"},
-		{"emoji": "🌫", "name": "fog", "shortname": ":fog:", "unicode": "1f32b", "html": "&#127787;", "category": "Travel & Places (sky & weather)", "order": "1740"},
-		{"emoji": "🌪", "name": "tornado", "shortname": ":tornado:", "unicode": "1F32A", "html": "&#127786;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌩", "name": "cloud with lightning", "shortname": ":cloud_with_lightning:", "unicode": "1F329", "html": "&#127785;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌨", "name": "cloud with snow", "shortname": ":cloud_with_snow:", "unicode": "1F328", "html": "&#127784;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌧", "name": "cloud with rain", "shortname": ":cloud_with_rain:", "unicode": "1F327", "html": "&#127783;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌦", "name": "sun behind rain cloud", "shortname": ":sun_behind_rain_cloud:", "unicode": "1F326", "html": "&#127782;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌥", "name": "sun behind large cloud", "shortname": ":sun_behind_large_cloud:", "unicode": "1F325", "html": "&#127781;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌤", "name": "sun behind small cloud", "shortname": ":sun_behind_small_cloud:", "unicode": "1F324", "html": "&#127780;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🗣", "name": "speaking head", "shortname": ":speaking_head:", "unicode": "1F5E3", "html": "&#128483;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "⏺", "name": "record button", "shortname": ":record_button:", "unicode": "23FA", "html": "&#9210;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏹", "name": "stop button", "shortname": ":stop_button:", "unicode": "23F9", "html": "&#9209;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏸", "name": "pause button", "shortname": ":pause_button:", "unicode": "23F8", "html": "&#9208;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏯", "name": "play or pause button", "shortname": ":play_pause:", "unicode": "23ef", "html": "&#9199;", "category": "Symbols (av-symbol)", "order": "2054"},
-		{"emoji": "⏮", "name": "last track button", "shortname": ":track_previous:", "unicode": "23ee", "html": "&#9198;", "category": "Symbols (av-symbol)", "order": "2057"},
-		{"emoji": "⏭", "name": "next track button", "shortname": ":track_next:", "unicode": "23ed", "html": "&#9197;", "category": "Symbols (av-symbol)", "order": "2053"},
-		{"emoji": "⛱", "name": "umbrella on ground", "shortname": ":beach_umbrella:", "unicode": "26f1", "html": "&#9969;", "category": "Travel & Places (sky & weather)", "order": "1747"},
-		{"emoji": "⛓", "name": "chains", "shortname": ":chains:", "unicode": "26d3", "html": "&#9939;", "category": "Objects (tool)", "order": "1966"},
-		{"emoji": "⛏", "name": "pick", "shortname": ":pick:", "unicode": "26cf", "html": "&#9935;", "category": "Objects (tool)", "order": "1951"},
-		{"emoji": "⚒", "name": "hammer and pick", "shortname": ":hammer_and_pick:", "unicode": "2692", "html": "&#9874;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⏲", "name": "timer clock", "shortname": ":timer_clock:", "unicode": "23F2", "html": "&#9202;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "⏱", "name": "stopwatch", "shortname": ":stopwatch:", "unicode": "23f1", "html": "&#9201;", "category": "Travel & Places (time)", "order": "1684"},
-		{"emoji": "⛴", "name": "ferry", "shortname": ":ferry:", "unicode": "26f4", "html": "&#9972;", "category": "Travel & Places (transport-water)", "order": "1647"},
-		{"emoji": "⛰", "name": "mountain", "shortname": ":mountain:", "unicode": "26f0", "html": "&#9968;", "category": "Travel & Places (place-geographic)", "order": "1545"},
-		{"emoji": "⛩", "name": "shinto shrine", "shortname": ":shinto_shrine:", "unicode": "2.6E+10", "html": "&#9961;", "category": "Travel & Places (place-religious)", "order": "1580"},
-		{"emoji": "⛸", "name": "ice skate", "shortname": ":ice_skate:", "unicode": "26f8", "html": "&#9976;", "category": "Activities (sport)", "order": "1800"},
-		{"emoji": "⛷", "name": "skier", "shortname": ":skier:", "unicode": "26f7", "html": "&#9975;", "category": "People & Body (person-sport)", "order": "775"},
-		{"emoji": "⛈", "name": "cloud with lightning and rain", "shortname": ":cloud_with_lightning_and_rain:", "unicode": "26C8", "html": "&#9928;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛑", "name": "rescue worker’s helmet", "shortname": ":rescue_worker’s_helmet:", "unicode": "26D1", "html": "&#9937;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🇦🇨", "name": "flag: Ascension Island", "shortname": ":flag_ac:", "unicode": "1f1e6-1f1e8", "html": "&#127462;&#127464;", "category": "Flags (country-flag)", "order": "2187"},
-		{"emoji": "🇦🇩", "name": "flag: Andorra", "shortname": ":flag_ad:", "unicode": "1f1e6-1f1e9", "html": "&#127462;&#127465;", "category": "Flags (country-flag)", "order": "2188"},
-		{"emoji": "🇦🇪", "name": "flag: United Arab Emirates", "shortname": ":flag_ae:", "unicode": "1f1e6-1f1ea", "html": "&#127462;&#127466;", "category": "Flags (country-flag)", "order": "2189"},
-		{"emoji": "🇦🇫", "name": "flag: Afghanistan", "shortname": ":flag_af:", "unicode": "1f1e6-1f1eb", "html": "&#127462;&#127467;", "category": "Flags (country-flag)", "order": "2190"},
-		{"emoji": "🇦🇬", "name": "flag: Antigua & Barbuda", "shortname": ":flag_ag:", "unicode": "1f1e6-1f1ec", "html": "&#127462;&#127468;", "category": "Flags (country-flag)", "order": "2191"},
-		{"emoji": "🇦🇮", "name": "flag: Anguilla", "shortname": ":flag_ai:", "unicode": "1f1e6-1f1ee", "html": "&#127462;&#127470;", "category": "Flags (country-flag)", "order": "2192"},
-		{"emoji": "🇦🇱", "name": "flag: Albania", "shortname": ":flag_al:", "unicode": "1f1e6-1f1f1", "html": "&#127462;&#127473;", "category": "Flags (country-flag)", "order": "2193"},
-		{"emoji": "🇦🇲", "name": "flag: Armenia", "shortname": ":flag_am:", "unicode": "1f1e6-1f1f2", "html": "&#127462;&#127474;", "category": "Flags (country-flag)", "order": "2194"},
-		{"emoji": "🇦🇴", "name": "flag: Angola", "shortname": ":flag-ao:", "unicode": "1f1e6-1f1f4", "html": "&#127462;&#127476;", "category": "Flags (country-flag)", "order": "2195"},
-		{"emoji": "🇦🇶", "name": "flag: Antarctica", "shortname": ":flag-aq:", "unicode": "1f1e6-1f1f6", "html": "&#127462;&#127478;", "category": "Flags (country-flag)", "order": "2196"},
-		{"emoji": "🇦🇷", "name": "flag: Argentina", "shortname": ":flag-ar:", "unicode": "1f1e6-1f1f7", "html": "&#127462;&#127479;", "category": "Flags (country-flag)", "order": "2197"},
-		{"emoji": "🇦🇸", "name": "flag: American Samoa", "shortname": ":flag-as:", "unicode": "1f1e6-1f1f8", "html": "&#127462;&#127480;", "category": "Flags (country-flag)", "order": "2198"},
-		{"emoji": "🇦🇹", "name": "flag: Austria", "shortname": ":flag-at:", "unicode": "1f1e6-1f1f9", "html": "&#127462;&#127481;", "category": "Flags (country-flag)", "order": "2199"},
-		{"emoji": "🇦🇺", "name": "flag: Australia", "shortname": ":flag-au:", "unicode": "1f1e6-1f1fa", "html": "&#127462;&#127482;", "category": "Flags (country-flag)", "order": "2200"},
-		{"emoji": "🇦🇼", "name": "flag: Aruba", "shortname": ":flag-aw:", "unicode": "1f1e6-1f1fc", "html": "&#127462;&#127484;", "category": "Flags (country-flag)", "order": "2201"},
-		{"emoji": "🇦🇽", "name": "flag: Åland Islands", "shortname": ":flag-ax:", "unicode": "1f1e6-1f1fd", "html": "&#127462;&#127485;", "category": "Flags (country-flag)", "order": "2202"},
-		{"emoji": "🇦🇿", "name": "flag: Azerbaijan", "shortname": ":flag-az:", "unicode": "1f1e6-1f1ff", "html": "&#127462;&#127487;", "category": "Flags (country-flag)", "order": "2203"},
-		{"emoji": "🇧🇦", "name": "flag: Bosnia & Herzegovina", "shortname": ":flag-ba:", "unicode": "1f1e7-1f1e6", "html": "&#127463;&#127462;", "category": "Flags (country-flag)", "order": "2204"},
-		{"emoji": "🇧🇧", "name": "flag: Barbados", "shortname": ":flag-bb:", "unicode": "1f1e7-1f1e7", "html": "&#127463;&#127463;", "category": "Flags (country-flag)", "order": "2205"},
-		{"emoji": "🇧🇩", "name": "flag: Bangladesh", "shortname": ":flag-bd:", "unicode": "1f1e7-1f1e9", "html": "&#127463;&#127465;", "category": "Flags (country-flag)", "order": "2206"},
-		{"emoji": "🇧🇪", "name": "flag: Belgium", "shortname": ":flag-be:", "unicode": "1f1e7-1f1ea", "html": "&#127463;&#127466;", "category": "Flags (country-flag)", "order": "2207"},
-		{"emoji": "🇧🇫", "name": "flag: Burkina Faso", "shortname": ":flag-bf:", "unicode": "1f1e7-1f1eb", "html": "&#127463;&#127467;", "category": "Flags (country-flag)", "order": "2208"},
-		{"emoji": "🇧🇬", "name": "flag: Bulgaria", "shortname": ":flag-bg:", "unicode": "1f1e7-1f1ec", "html": "&#127463;&#127468;", "category": "Flags (country-flag)", "order": "2209"},
-		{"emoji": "🇧🇭", "name": "flag: Bahrain", "shortname": ":flag-bh:", "unicode": "1f1e7-1f1ed", "html": "&#127463;&#127469;", "category": "Flags (country-flag)", "order": "2210"},
-		{"emoji": "🇧🇮", "name": "flag: Burundi", "shortname": ":flag-bi:", "unicode": "1f1e7-1f1ee", "html": "&#127463;&#127470;", "category": "Flags (country-flag)", "order": "2211"},
-		{"emoji": "🇧🇯", "name": "flag: Benin", "shortname": ":flag-bj:", "unicode": "1f1e7-1f1ef", "html": "&#127463;&#127471;", "category": "Flags (country-flag)", "order": "2212"},
-		{"emoji": "🇧🇱", "name": "flag: St. Barthélemy", "shortname": ":flag-bl:", "unicode": "1f1e7-1f1f1", "html": "&#127463;&#127473;", "category": "Flags (country-flag)", "order": "2213"},
-		{"emoji": "🇧🇲", "name": "flag: Bermuda", "shortname": ":flag-bm:", "unicode": "1f1e7-1f1f2", "html": "&#127463;&#127474;", "category": "Flags (country-flag)", "order": "2214"},
-		{"emoji": "🇧🇳", "name": "flag: Brunei", "shortname": ":flag-bn:", "unicode": "1f1e7-1f1f3", "html": "&#127463;&#127475;", "category": "Flags (country-flag)", "order": "2215"},
-		{"emoji": "🇧🇴", "name": "flag: Bolivia", "shortname": ":flag-bo:", "unicode": "1f1e7-1f1f4", "html": "&#127463;&#127476;", "category": "Flags (country-flag)", "order": "2216"},
-		{"emoji": "🇧🇶", "name": "flag: Caribbean Netherlands", "shortname": ":flag-bq:", "unicode": "1f1e7-1f1f6", "html": "&#127463;&#127478;", "category": "Flags (country-flag)", "order": "2217"},
-		{"emoji": "🇧🇷", "name": "flag: Brazil", "shortname": ":flag-br:", "unicode": "1f1e7-1f1f7", "html": "&#127463;&#127479;", "category": "Flags (country-flag)", "order": "2218"},
-		{"emoji": "🇧🇸", "name": "flag: Bahamas", "shortname": ":flag-bs:", "unicode": "1f1e7-1f1f8", "html": "&#127463;&#127480;", "category": "Flags (country-flag)", "order": "2219"},
-		{"emoji": "🇧🇹", "name": "flag: Bhutan", "shortname": ":flag-bt:", "unicode": "1f1e7-1f1f9", "html": "&#127463;&#127481;", "category": "Flags (country-flag)", "order": "2220"},
-		{"emoji": "🇧🇻", "name": "flag: Bouvet Island", "shortname": ":flag-bv:", "unicode": "1f1e7-1f1fb", "html": "&#127463;&#127483;", "category": "Flags (country-flag)", "order": "2221"},
-		{"emoji": "🇧🇼", "name": "flag: Botswana", "shortname": ":flag-bw:", "unicode": "1f1e7-1f1fc", "html": "&#127463;&#127484;", "category": "Flags (country-flag)", "order": "2222"},
-		{"emoji": "🇧🇾", "name": "flag: Belarus", "shortname": ":flag-by:", "unicode": "1f1e7-1f1fe", "html": "&#127463;&#127486;", "category": "Flags (country-flag)", "order": "2223"},
-		{"emoji": "🇧🇿", "name": "flag: Belize", "shortname": ":flag-bz:", "unicode": "1f1e7-1f1ff", "html": "&#127463;&#127487;", "category": "Flags (country-flag)", "order": "2224"},
-		{"emoji": "🇨🇦", "name": "flag: Canada", "shortname": ":flag-ca:", "unicode": "1f1e8-1f1e6", "html": "&#127464;&#127462;", "category": "Flags (country-flag)", "order": "2225"},
-		{"emoji": "🇨🇨", "name": "flag: Cocos (Keeling) Islands", "shortname": ":flag-cc:", "unicode": "1f1e8-1f1e8", "html": "&#127464;&#127464;", "category": "Flags (country-flag)", "order": "2226"},
-		{"emoji": "🇨🇩", "name": "flag: Congo - Kinshasa", "shortname": ":flag-cd:", "unicode": "1f1e8-1f1e9", "html": "&#127464;&#127465;", "category": "Flags (country-flag)", "order": "2227"},
-		{"emoji": "🇨🇫", "name": "flag: Central African Republic", "shortname": ":flag-cf:", "unicode": "1f1e8-1f1eb", "html": "&#127464;&#127467;", "category": "Flags (country-flag)", "order": "2228"},
-		{"emoji": "🇨🇬", "name": "flag: Congo - Brazzaville", "shortname": ":flag-cg:", "unicode": "1f1e8-1f1ec", "html": "&#127464;&#127468;", "category": "Flags (country-flag)", "order": "2229"},
-		{"emoji": "🇨🇭", "name": "flag: Switzerland", "shortname": ":flag-ch:", "unicode": "1f1e8-1f1ed", "html": "&#127464;&#127469;", "category": "Flags (country-flag)", "order": "2230"},
-		{"emoji": "🇨🇮", "name": "flag: Côte d’Ivoire", "shortname": ":flag-ci:", "unicode": "1f1e8-1f1ee", "html": "&#127464;&#127470;", "category": "Flags (country-flag)", "order": "2231"},
-		{"emoji": "🇨🇰", "name": "flag: Cook Islands", "shortname": ":flag-ck:", "unicode": "1f1e8-1f1f0", "html": "&#127464;&#127472;", "category": "Flags (country-flag)", "order": "2232"},
-		{"emoji": "🇨🇱", "name": "flag: Chile", "shortname": ":flag-cl:", "unicode": "1f1e8-1f1f1", "html": "&#127464;&#127473;", "category": "Flags (country-flag)", "order": "2233"},
-		{"emoji": "🇨🇲", "name": "flag: Cameroon", "shortname": ":flag-cm:", "unicode": "1f1e8-1f1f2", "html": "&#127464;&#127474;", "category": "Flags (country-flag)", "order": "2234"},
-		{"emoji": "🇨🇳", "name": "flag: China", "shortname": ":flag-cn:", "unicode": "1f1e8-1f1f3", "html": "&#127464;&#127475;", "category": "Flags (country-flag)", "order": "2235"},
-		{"emoji": "🇨🇴", "name": "flag: Colombia", "shortname": ":flag-co:", "unicode": "1f1e8-1f1f4", "html": "&#127464;&#127476;", "category": "Flags (country-flag)", "order": "2236"},
-		{"emoji": "🇨🇵", "name": "flag: Clipperton Island", "shortname": ":flag-cp:", "unicode": "1f1e8-1f1f5", "html": "&#127464;&#127477;", "category": "Flags (country-flag)", "order": "2237"},
-		{"emoji": "🇨🇷", "name": "flag: Costa Rica", "shortname": ":flag-cr:", "unicode": "1f1e8-1f1f7", "html": "&#127464;&#127479;", "category": "Flags (country-flag)", "order": "2238"},
-		{"emoji": "🇨🇺", "name": "flag: Cuba", "shortname": ":flag-cu:", "unicode": "1f1e8-1f1fa", "html": "&#127464;&#127482;", "category": "Flags (country-flag)", "order": "2239"},
-		{"emoji": "🇨🇻", "name": "flag: Cape Verde", "shortname": ":flag-cv:", "unicode": "1f1e8-1f1fb", "html": "&#127464;&#127483;", "category": "Flags (country-flag)", "order": "2240"},
-		{"emoji": "🇨🇼", "name": "flag: Curaçao", "shortname": ":flag-cw:", "unicode": "1f1e8-1f1fc", "html": "&#127464;&#127484;", "category": "Flags (country-flag)", "order": "2241"},
-		{"emoji": "🇨🇽", "name": "flag: Christmas Island", "shortname": ":flag-cx:", "unicode": "1f1e8-1f1fd", "html": "&#127464;&#127485;", "category": "Flags (country-flag)", "order": "2242"},
-		{"emoji": "🇨🇾", "name": "flag: Cyprus", "shortname": ":flag-cy:", "unicode": "1f1e8-1f1fe", "html": "&#127464;&#127486;", "category": "Flags (country-flag)", "order": "2243"},
-		{"emoji": "🇨🇿", "name": "flag: Czechia", "shortname": ":flag-cz:", "unicode": "1f1e8-1f1ff", "html": "&#127464;&#127487;", "category": "Flags (country-flag)", "order": "2244"},
-		{"emoji": "🇩🇪", "name": "flag: Germany", "shortname": ":flag-de:", "unicode": "1f1e9-1f1ea", "html": "&#127465;&#127466;", "category": "Flags (country-flag)", "order": "2245"},
-		{"emoji": "🇩🇬", "name": "flag: Diego Garcia", "shortname": ":flag-dg:", "unicode": "1f1e9-1f1ec", "html": "&#127465;&#127468;", "category": "Flags (country-flag)", "order": "2246"},
-		{"emoji": "🇩🇯", "name": "flag: Djibouti", "shortname": ":flag-dj:", "unicode": "1f1e9-1f1ef", "html": "&#127465;&#127471;", "category": "Flags (country-flag)", "order": "2247"},
-		{"emoji": "🇩🇰", "name": "flag: Denmark", "shortname": ":flag-dk:", "unicode": "1f1e9-1f1f0", "html": "&#127465;&#127472;", "category": "Flags (country-flag)", "order": "2248"},
-		{"emoji": "🇩🇲", "name": "flag: Dominica", "shortname": ":flag-dm:", "unicode": "1f1e9-1f1f2", "html": "&#127465;&#127474;", "category": "Flags (country-flag)", "order": "2249"},
-		{"emoji": "🇩🇴", "name": "flag: Dominican Republic", "shortname": ":flag-do:", "unicode": "1f1e9-1f1f4", "html": "&#127465;&#127476;", "category": "Flags (country-flag)", "order": "2250"},
-		{"emoji": "🇩🇿", "name": "flag: Algeria", "shortname": ":flag-dz:", "unicode": "1f1e9-1f1ff", "html": "&#127465;&#127487;", "category": "Flags (country-flag)", "order": "2251"},
-		{"emoji": "🇪🇦", "name": "flag: Ceuta & Melilla", "shortname": ":flag-ea:", "unicode": "1f1ea-1f1e6", "html": "&#127466;&#127462;", "category": "Flags (country-flag)", "order": "2252"},
-		{"emoji": "🇪🇨", "name": "flag: Ecuador", "shortname": ":flag-ec:", "unicode": "1f1ea-1f1e8", "html": "&#127466;&#127464;", "category": "Flags (country-flag)", "order": "2253"},
-		{"emoji": "🇪🇪", "name": "flag: Estonia", "shortname": ":flag-ee:", "unicode": "1f1ea-1f1ea", "html": "&#127466;&#127466;", "category": "Flags (country-flag)", "order": "2254"},
-		{"emoji": "🇪🇬", "name": "flag: Egypt", "shortname": ":flag-eg:", "unicode": "1f1ea-1f1ec", "html": "&#127466;&#127468;", "category": "Flags (country-flag)", "order": "2255"},
-		{"emoji": "🇪🇭", "name": "flag: Western Sahara", "shortname": ":flag-eh:", "unicode": "1f1ea-1f1ed", "html": "&#127466;&#127469;", "category": "Flags (country-flag)", "order": "2256"},
-		{"emoji": "🇪🇷", "name": "flag: Eritrea", "shortname": ":flag-er:", "unicode": "1f1ea-1f1f7", "html": "&#127466;&#127479;", "category": "Flags (country-flag)", "order": "2257"},
-		{"emoji": "🇪🇸", "name": "flag: Spain", "shortname": ":flag-es:", "unicode": "1f1ea-1f1f8", "html": "&#127466;&#127480;", "category": "Flags (country-flag)", "order": "2258"},
-		{"emoji": "🇪🇹", "name": "flag: Ethiopia", "shortname": ":flag-et:", "unicode": "1f1ea-1f1f9", "html": "&#127466;&#127481;", "category": "Flags (country-flag)", "order": "2259"},
-		{"emoji": "🇪🇺", "name": "flag: European Union", "shortname": ":flag-eu:", "unicode": "1f1ea-1f1fa", "html": "&#127466;&#127482;", "category": "Flags (country-flag)", "order": "2260"},
-		{"emoji": "🇫🇮", "name": "flag: Finland", "shortname": ":flag-fi:", "unicode": "1f1eb-1f1ee", "html": "&#127467;&#127470;", "category": "Flags (country-flag)", "order": "2261"},
-		{"emoji": "🇫🇯", "name": "flag: Fiji", "shortname": ":flag-fj:", "unicode": "1f1eb-1f1ef", "html": "&#127467;&#127471;", "category": "Flags (country-flag)", "order": "2262"},
-		{"emoji": "🇫🇰", "name": "flag: Falkland Islands", "shortname": ":flag-fk:", "unicode": "1f1eb-1f1f0", "html": "&#127467;&#127472;", "category": "Flags (country-flag)", "order": "2263"},
-		{"emoji": "🇫🇲", "name": "flag: Micronesia", "shortname": ":flag-fm:", "unicode": "1f1eb-1f1f2", "html": "&#127467;&#127474;", "category": "Flags (country-flag)", "order": "2264"},
-		{"emoji": "🇫🇴", "name": "flag: Faroe Islands", "shortname": ":flag-fo:", "unicode": "1f1eb-1f1f4", "html": "&#127467;&#127476;", "category": "Flags (country-flag)", "order": "2265"},
-		{"emoji": "🇫🇷", "name": "flag: France", "shortname": ":flag-fr:", "unicode": "1f1eb-1f1f7", "html": "&#127467;&#127479;", "category": "Flags (country-flag)", "order": "2266"},
-		{"emoji": "🇬🇦", "name": "flag: Gabon", "shortname": ":flag-ga:", "unicode": "1f1ec-1f1e6", "html": "&#127468;&#127462;", "category": "Flags (country-flag)", "order": "2267"},
-		{"emoji": "🇬🇧", "name": "flag: United Kingdom", "shortname": ":flag-gb:", "unicode": "1f1ec-1f1e7", "html": "&#127468;&#127463;", "category": "Flags (country-flag)", "order": "2268"},
-		{"emoji": "🇬🇩", "name": "flag: Grenada", "shortname": ":flag-gd:", "unicode": "1f1ec-1f1e9", "html": "&#127468;&#127465;", "category": "Flags (country-flag)", "order": "2269"},
-		{"emoji": "🇬🇪", "name": "flag: Georgia", "shortname": ":flag-ge:", "unicode": "1f1ec-1f1ea", "html": "&#127468;&#127466;", "category": "Flags (country-flag)", "order": "2270"},
-		{"emoji": "🇬🇫", "name": "flag: French Guiana", "shortname": ":flag-gf:", "unicode": "1f1ec-1f1eb", "html": "&#127468;&#127467;", "category": "Flags (country-flag)", "order": "2271"},
-		{"emoji": "🇬🇬", "name": "flag: Guernsey", "shortname": ":flag-gg:", "unicode": "1f1ec-1f1ec", "html": "&#127468;&#127468;", "category": "Flags (country-flag)", "order": "2272"},
-		{"emoji": "🇬🇭", "name": "flag: Ghana", "shortname": ":flag-gh:", "unicode": "1f1ec-1f1ed", "html": "&#127468;&#127469;", "category": "Flags (country-flag)", "order": "2273"},
-		{"emoji": "🇬🇮", "name": "flag: Gibraltar", "shortname": ":flag-gi:", "unicode": "1f1ec-1f1ee", "html": "&#127468;&#127470;", "category": "Flags (country-flag)", "order": "2274"},
-		{"emoji": "🇬🇱", "name": "flag: Greenland", "shortname": ":flag-gl:", "unicode": "1f1ec-1f1f1", "html": "&#127468;&#127473;", "category": "Flags (country-flag)", "order": "2275"},
-		{"emoji": "🇬🇲", "name": "flag: Gambia", "shortname": ":flag-gm:", "unicode": "1f1ec-1f1f2", "html": "&#127468;&#127474;", "category": "Flags (country-flag)", "order": "2276"},
-		{"emoji": "🇬🇳", "name": "flag: Guinea", "shortname": ":flag-gn:", "unicode": "1f1ec-1f1f3", "html": "&#127468;&#127475;", "category": "Flags (country-flag)", "order": "2277"},
-		{"emoji": "🇬🇵", "name": "flag: Guadeloupe", "shortname": ":flag-gp:", "unicode": "1f1ec-1f1f5", "html": "&#127468;&#127477;", "category": "Flags (country-flag)", "order": "2278"},
-		{"emoji": "🇬🇶", "name": "flag: Equatorial Guinea", "shortname": ":flag-gq:", "unicode": "1f1ec-1f1f6", "html": "&#127468;&#127478;", "category": "Flags (country-flag)", "order": "2279"},
-		{"emoji": "🇬🇷", "name": "flag: Greece", "shortname": ":flag-gr:", "unicode": "1f1ec-1f1f7", "html": "&#127468;&#127479;", "category": "Flags (country-flag)", "order": "2280"},
-		{"emoji": "🇬🇸", "name": "flag: South Georgia & South Sandwich Islands", "shortname": ":flag-gs:", "unicode": "1f1ec-1f1f8", "html": "&#127468;&#127480;", "category": "Flags (country-flag)", "order": "2281"},
-		{"emoji": "🇬🇹", "name": "flag: Guatemala", "shortname": ":flag-gt:", "unicode": "1f1ec-1f1f9", "html": "&#127468;&#127481;", "category": "Flags (country-flag)", "order": "2282"},
-		{"emoji": "🇬🇺", "name": "flag: Guam", "shortname": ":flag-gu:", "unicode": "1f1ec-1f1fa", "html": "&#127468;&#127482;", "category": "Flags (country-flag)", "order": "2283"},
-		{"emoji": "🇬🇼", "name": "flag: Guinea-Bissau", "shortname": ":flag-gw:", "unicode": "1f1ec-1f1fc", "html": "&#127468;&#127484;", "category": "Flags (country-flag)", "order": "2284"},
-		{"emoji": "🇬🇾", "name": "flag: Guyana", "shortname": ":flag-gy:", "unicode": "1f1ec-1f1fe", "html": "&#127468;&#127486;", "category": "Flags (country-flag)", "order": "2285"},
-		{"emoji": "🇭🇰", "name": "flag: Hong Kong SAR China", "shortname": ":flag-hk:", "unicode": "1f1ed-1f1f0", "html": "&#127469;&#127472;", "category": "Flags (country-flag)", "order": "2286"},
-		{"emoji": "🇭🇲", "name": "flag: Heard & McDonald Islands", "shortname": ":flag-hm:", "unicode": "1f1ed-1f1f2", "html": "&#127469;&#127474;", "category": "Flags (country-flag)", "order": "2287"},
-		{"emoji": "🇭🇳", "name": "flag: Honduras", "shortname": ":flag-hn:", "unicode": "1f1ed-1f1f3", "html": "&#127469;&#127475;", "category": "Flags (country-flag)", "order": "2288"},
-		{"emoji": "🇭🇷", "name": "flag: Croatia", "shortname": ":flag-hr:", "unicode": "1f1ed-1f1f7", "html": "&#127469;&#127479;", "category": "Flags (country-flag)", "order": "2289"},
-		{"emoji": "🇭🇹", "name": "flag: Haiti", "shortname": ":flag-ht:", "unicode": "1f1ed-1f1f9", "html": "&#127469;&#127481;", "category": "Flags (country-flag)", "order": "2290"},
-		{"emoji": "🇭🇺", "name": "flag: Hungary", "shortname": ":flag-hu:", "unicode": "1f1ed-1f1fa", "html": "&#127469;&#127482;", "category": "Flags (country-flag)", "order": "2291"},
-		{"emoji": "🇮🇨", "name": "flag: Canary Islands", "shortname": ":flag-ic:", "unicode": "1f1ee-1f1e8", "html": "&#127470;&#127464;", "category": "Flags (country-flag)", "order": "2292"},
-		{"emoji": "🇮🇩", "name": "flag: Indonesia", "shortname": ":flag-id:", "unicode": "1f1ee-1f1e9", "html": "&#127470;&#127465;", "category": "Flags (country-flag)", "order": "2293"},
-		{"emoji": "🇮🇪", "name": "flag: Ireland", "shortname": ":flag-ie:", "unicode": "1f1ee-1f1ea", "html": "&#127470;&#127466;", "category": "Flags (country-flag)", "order": "2294"},
-		{"emoji": "🇮🇱", "name": "flag: Israel", "shortname": ":flag-il:", "unicode": "1f1ee-1f1f1", "html": "&#127470;&#127473;", "category": "Flags (country-flag)", "order": "2295"},
-		{"emoji": "🇮🇲", "name": "flag: Isle of Man", "shortname": ":flag-im:", "unicode": "1f1ee-1f1f2", "html": "&#127470;&#127474;", "category": "Flags (country-flag)", "order": "2296"},
-		{"emoji": "🇮🇳", "name": "flag: India", "shortname": ":flag-in:", "unicode": "1f1ee-1f1f3", "html": "&#127470;&#127475;", "category": "Flags (country-flag)", "order": "2297"},
-		{"emoji": "🇮🇴", "name": "flag: British Indian Ocean Territory", "shortname": ":flag-io:", "unicode": "1f1ee-1f1f4", "html": "&#127470;&#127476;", "category": "Flags (country-flag)", "order": "2298"},
-		{"emoji": "🇮🇶", "name": "flag: Iraq", "shortname": ":flag-iq:", "unicode": "1f1ee-1f1f6", "html": "&#127470;&#127478;", "category": "Flags (country-flag)", "order": "2299"},
-		{"emoji": "🇮🇷", "name": "flag: Iran", "shortname": ":flag-ir:", "unicode": "1f1ee-1f1f7", "html": "&#127470;&#127479;", "category": "Flags (country-flag)", "order": "2300"},
-		{"emoji": "🇮🇸", "name": "flag: Iceland", "shortname": ":flag-is:", "unicode": "1f1ee-1f1f8", "html": "&#127470;&#127480;", "category": "Flags (country-flag)", "order": "2301"},
-		{"emoji": "🇮🇹", "name": "flag: Italy", "shortname": ":flag-it:", "unicode": "1f1ee-1f1f9", "html": "&#127470;&#127481;", "category": "Flags (country-flag)", "order": "2302"},
-		{"emoji": "🇯🇪", "name": "flag: Jersey", "shortname": ":flag-je:", "unicode": "1f1ef-1f1ea", "html": "&#127471;&#127466;", "category": "Flags (country-flag)", "order": "2303"},
-		{"emoji": "🇯🇲", "name": "flag: Jamaica", "shortname": ":flag-jm:", "unicode": "1f1ef-1f1f2", "html": "&#127471;&#127474;", "category": "Flags (country-flag)", "order": "2304"},
-		{"emoji": "🇯🇴", "name": "flag: Jordan", "shortname": ":flag-jo:", "unicode": "1f1ef-1f1f4", "html": "&#127471;&#127476;", "category": "Flags (country-flag)", "order": "2305"},
-		{"emoji": "🇯🇵", "name": "flag: Japan", "shortname": ":flag-jp:", "unicode": "1f1ef-1f1f5", "html": "&#127471;&#127477;", "category": "Flags (country-flag)", "order": "2306"},
-		{"emoji": "🇰🇪", "name": "flag: Kenya", "shortname": ":flag-ke:", "unicode": "1f1f0-1f1ea", "html": "&#127472;&#127466;", "category": "Flags (country-flag)", "order": "2307"},
-		{"emoji": "🇰🇬", "name": "flag: Kyrgyzstan", "shortname": ":flag-kg:", "unicode": "1f1f0-1f1ec", "html": "&#127472;&#127468;", "category": "Flags (country-flag)", "order": "2308"},
-		{"emoji": "🇰🇭", "name": "flag: Cambodia", "shortname": ":flag-kh:", "unicode": "1f1f0-1f1ed", "html": "&#127472;&#127469;", "category": "Flags (country-flag)", "order": "2309"},
-		{"emoji": "🇰🇮", "name": "flag: Kiribati", "shortname": ":flag-ki:", "unicode": "1f1f0-1f1ee", "html": "&#127472;&#127470;", "category": "Flags (country-flag)", "order": "2310"},
-		{"emoji": "🇰🇲", "name": "flag: Comoros", "shortname": ":flag-km:", "unicode": "1f1f0-1f1f2", "html": "&#127472;&#127474;", "category": "Flags (country-flag)", "order": "2311"},
-		{"emoji": "🇰🇳", "name": "flag: St. Kitts & Nevis", "shortname": ":flag-kn:", "unicode": "1f1f0-1f1f3", "html": "&#127472;&#127475;", "category": "Flags (country-flag)", "order": "2312"},
-		{"emoji": "🇰🇵", "name": "flag: North Korea", "shortname": ":flag-kp:", "unicode": "1f1f0-1f1f5", "html": "&#127472;&#127477;", "category": "Flags (country-flag)", "order": "2313"},
-		{"emoji": "🇰🇷", "name": "flag: South Korea", "shortname": ":flag-kr:", "unicode": "1f1f0-1f1f7", "html": "&#127472;&#127479;", "category": "Flags (country-flag)", "order": "2314"},
-		{"emoji": "🇰🇼", "name": "flag: Kuwait", "shortname": ":flag-kw:", "unicode": "1f1f0-1f1fc", "html": "&#127472;&#127484;", "category": "Flags (country-flag)", "order": "2315"},
-		{"emoji": "🇰🇾", "name": "flag: Cayman Islands", "shortname": ":flag-ky:", "unicode": "1f1f0-1f1fe", "html": "&#127472;&#127486;", "category": "Flags (country-flag)", "order": "2316"},
-		{"emoji": "🇰🇿", "name": "flag: Kazakhstan", "shortname": ":flag-kz:", "unicode": "1f1f0-1f1ff", "html": "&#127472;&#127487;", "category": "Flags (country-flag)", "order": "2317"},
-		{"emoji": "🇱🇦", "name": "flag: Laos", "shortname": ":flag-la:", "unicode": "1f1f1-1f1e6", "html": "&#127473;&#127462;", "category": "Flags (country-flag)", "order": "2318"},
-		{"emoji": "🇱🇧", "name": "flag: Lebanon", "shortname": ":flag-lb:", "unicode": "1f1f1-1f1e7", "html": "&#127473;&#127463;", "category": "Flags (country-flag)", "order": "2319"},
-		{"emoji": "🇱🇨", "name": "flag: St. Lucia", "shortname": ":flag-lc:", "unicode": "1f1f1-1f1e8", "html": "&#127473;&#127464;", "category": "Flags (country-flag)", "order": "2320"},
-		{"emoji": "🇱🇮", "name": "flag: Liechtenstein", "shortname": ":flag-li:", "unicode": "1f1f1-1f1ee", "html": "&#127473;&#127470;", "category": "Flags (country-flag)", "order": "2321"},
-		{"emoji": "🇱🇰", "name": "flag: Sri Lanka", "shortname": ":flag-lk:", "unicode": "1f1f1-1f1f0", "html": "&#127473;&#127472;", "category": "Flags (country-flag)", "order": "2322"},
-		{"emoji": "🇱🇷", "name": "flag: Liberia", "shortname": ":flag-lr:", "unicode": "1f1f1-1f1f7", "html": "&#127473;&#127479;", "category": "Flags (country-flag)", "order": "2323"},
-		{"emoji": "🇱🇸", "name": "flag: Lesotho", "shortname": ":flag-ls:", "unicode": "1f1f1-1f1f8", "html": "&#127473;&#127480;", "category": "Flags (country-flag)", "order": "2324"},
-		{"emoji": "🇱🇹", "name": "flag: Lithuania", "shortname": ":flag-lt:", "unicode": "1f1f1-1f1f9", "html": "&#127473;&#127481;", "category": "Flags (country-flag)", "order": "2325"},
-		{"emoji": "🇱🇺", "name": "flag: Luxembourg", "shortname": ":flag-lu:", "unicode": "1f1f1-1f1fa", "html": "&#127473;&#127482;", "category": "Flags (country-flag)", "order": "2326"},
-		{"emoji": "🇱🇻", "name": "flag: Latvia", "shortname": ":flag-lv:", "unicode": "1f1f1-1f1fb", "html": "&#127473;&#127483;", "category": "Flags (country-flag)", "order": "2327"},
-		{"emoji": "🇱🇾", "name": "flag: Libya", "shortname": ":flag-ly:", "unicode": "1f1f1-1f1fe", "html": "&#127473;&#127486;", "category": "Flags (country-flag)", "order": "2328"},
-		{"emoji": "🇲🇦", "name": "flag: Morocco", "shortname": ":flag-ma:", "unicode": "1f1f2-1f1e6", "html": "&#127474;&#127462;", "category": "Flags (country-flag)", "order": "2329"},
-		{"emoji": "🇲🇨", "name": "flag: Monaco", "shortname": ":flag-mc:", "unicode": "1f1f2-1f1e8", "html": "&#127474;&#127464;", "category": "Flags (country-flag)", "order": "2330"},
-		{"emoji": "🇲🇩", "name": "flag: Moldova", "shortname": ":flag-md:", "unicode": "1f1f2-1f1e9", "html": "&#127474;&#127465;", "category": "Flags (country-flag)", "order": "2331"},
-		{"emoji": "🇲🇪", "name": "flag: Montenegro", "shortname": ":flag-me:", "unicode": "1f1f2-1f1ea", "html": "&#127474;&#127466;", "category": "Flags (country-flag)", "order": "2332"},
-		{"emoji": "🇲🇫", "name": "flag: St. Martin", "shortname": ":flag-mf:", "unicode": "1f1f2-1f1eb", "html": "&#127474;&#127467;", "category": "Flags (country-flag)", "order": "2333"},
-		{"emoji": "🇲🇬", "name": "flag: Madagascar", "shortname": ":flag-mg:", "unicode": "1f1f2-1f1ec", "html": "&#127474;&#127468;", "category": "Flags (country-flag)", "order": "2334"},
-		{"emoji": "🇲🇭", "name": "flag: Marshall Islands", "shortname": ":flag-mh:", "unicode": "1f1f2-1f1ed", "html": "&#127474;&#127469;", "category": "Flags (country-flag)", "order": "2335"},
-		{"emoji": "🇲🇰", "name": "flag: North Macedonia", "shortname": ":flag-mk:", "unicode": "1f1f2-1f1f0", "html": "&#127474;&#127472;", "category": "Flags (country-flag)", "order": "2336"},
-		{"emoji": "🇲🇱", "name": "flag: Mali", "shortname": ":flag-ml:", "unicode": "1f1f2-1f1f1", "html": "&#127474;&#127473;", "category": "Flags (country-flag)", "order": "2337"},
-		{"emoji": "🇲🇲", "name": "flag: Myanmar (Burma)", "shortname": ":flag-mm:", "unicode": "1f1f2-1f1f2", "html": "&#127474;&#127474;", "category": "Flags (country-flag)", "order": "2338"},
-		{"emoji": "🇲🇳", "name": "flag: Mongolia", "shortname": ":flag-mn:", "unicode": "1f1f2-1f1f3", "html": "&#127474;&#127475;", "category": "Flags (country-flag)", "order": "2339"},
-		{"emoji": "🇲🇴", "name": "flag: Macao SAR China", "shortname": ":flag-mo:", "unicode": "1f1f2-1f1f4", "html": "&#127474;&#127476;", "category": "Flags (country-flag)", "order": "2340"},
-		{"emoji": "🇲🇵", "name": "flag: Northern Mariana Islands", "shortname": ":flag-mp:", "unicode": "1f1f2-1f1f5", "html": "&#127474;&#127477;", "category": "Flags (country-flag)", "order": "2341"},
-		{"emoji": "🇲🇶", "name": "flag: Martinique", "shortname": ":flag-mq:", "unicode": "1f1f2-1f1f6", "html": "&#127474;&#127478;", "category": "Flags (country-flag)", "order": "2342"},
-		{"emoji": "🇲🇷", "name": "flag: Mauritania", "shortname": ":flag-mr:", "unicode": "1f1f2-1f1f7", "html": "&#127474;&#127479;", "category": "Flags (country-flag)", "order": "2343"},
-		{"emoji": "🇲🇸", "name": "flag: Montserrat", "shortname": ":flag-ms:", "unicode": "1f1f2-1f1f8", "html": "&#127474;&#127480;", "category": "Flags (country-flag)", "order": "2344"},
-		{"emoji": "🇲🇹", "name": "flag: Malta", "shortname": ":flag-mt:", "unicode": "1f1f2-1f1f9", "html": "&#127474;&#127481;", "category": "Flags (country-flag)", "order": "2345"},
-		{"emoji": "🇲🇺", "name": "flag: Mauritius", "shortname": ":flag-mu:", "unicode": "1f1f2-1f1fa", "html": "&#127474;&#127482;", "category": "Flags (country-flag)", "order": "2346"},
-		{"emoji": "🇲🇻", "name": "flag: Maldives", "shortname": ":flag-mv:", "unicode": "1f1f2-1f1fb", "html": "&#127474;&#127483;", "category": "Flags (country-flag)", "order": "2347"},
-		{"emoji": "🇲🇼", "name": "flag: Malawi", "shortname": ":flag-mw:", "unicode": "1f1f2-1f1fc", "html": "&#127474;&#127484;", "category": "Flags (country-flag)", "order": "2348"},
-		{"emoji": "🇲🇽", "name": "flag: Mexico", "shortname": ":flag-mx:", "unicode": "1f1f2-1f1fd", "html": "&#127474;&#127485;", "category": "Flags (country-flag)", "order": "2349"},
-		{"emoji": "🇲🇾", "name": "flag: Malaysia", "shortname": ":flag-my:", "unicode": "1f1f2-1f1fe", "html": "&#127474;&#127486;", "category": "Flags (country-flag)", "order": "2350"},
-		{"emoji": "🇲🇿", "name": "flag: Mozambique", "shortname": ":flag-mz:", "unicode": "1f1f2-1f1ff", "html": "&#127474;&#127487;", "category": "Flags (country-flag)", "order": "2351"},
-		{"emoji": "🇳🇦", "name": "flag: Namibia", "shortname": ":flag-na:", "unicode": "1f1f3-1f1e6", "html": "&#127475;&#127462;", "category": "Flags (country-flag)", "order": "2352"},
-		{"emoji": "🇳🇨", "name": "flag: New Caledonia", "shortname": ":flag-nc:", "unicode": "1f1f3-1f1e8", "html": "&#127475;&#127464;", "category": "Flags (country-flag)", "order": "2353"},
-		{"emoji": "🇳🇪", "name": "flag: Niger", "shortname": ":flag-ne:", "unicode": "1f1f3-1f1ea", "html": "&#127475;&#127466;", "category": "Flags (country-flag)", "order": "2354"},
-		{"emoji": "🇳🇫", "name": "flag: Norfolk Island", "shortname": ":flag-nf:", "unicode": "1f1f3-1f1eb", "html": "&#127475;&#127467;", "category": "Flags (country-flag)", "order": "2355"},
-		{"emoji": "🇳🇬", "name": "flag: Nigeria", "shortname": ":flag-ng:", "unicode": "1f1f3-1f1ec", "html": "&#127475;&#127468;", "category": "Flags (country-flag)", "order": "2356"},
-		{"emoji": "🇳🇮", "name": "flag: Nicaragua", "shortname": ":flag-ni:", "unicode": "1f1f3-1f1ee", "html": "&#127475;&#127470;", "category": "Flags (country-flag)", "order": "2357"},
-		{"emoji": "🇳🇱", "name": "flag: Netherlands", "shortname": ":flag-nl:", "unicode": "1f1f3-1f1f1", "html": "&#127475;&#127473;", "category": "Flags (country-flag)", "order": "2358"},
-		{"emoji": "🇳🇴", "name": "flag: Norway", "shortname": ":flag-no:", "unicode": "1f1f3-1f1f4", "html": "&#127475;&#127476;", "category": "Flags (country-flag)", "order": "2359"},
-		{"emoji": "🇳🇵", "name": "flag: Nepal", "shortname": ":flag-np:", "unicode": "1f1f3-1f1f5", "html": "&#127475;&#127477;", "category": "Flags (country-flag)", "order": "2360"},
-		{"emoji": "🇳🇷", "name": "flag: Nauru", "shortname": ":flag-nr:", "unicode": "1f1f3-1f1f7", "html": "&#127475;&#127479;", "category": "Flags (country-flag)", "order": "2361"},
-		{"emoji": "🇳🇺", "name": "flag: Niue", "shortname": ":flag-nu:", "unicode": "1f1f3-1f1fa", "html": "&#127475;&#127482;", "category": "Flags (country-flag)", "order": "2362"},
-		{"emoji": "🇳🇿", "name": "flag: New Zealand", "shortname": ":flag-nz:", "unicode": "1f1f3-1f1ff", "html": "&#127475;&#127487;", "category": "Flags (country-flag)", "order": "2363"},
-		{"emoji": "🇴🇲", "name": "flag: Oman", "shortname": ":flag-om:", "unicode": "1f1f4-1f1f2", "html": "&#127476;&#127474;", "category": "Flags (country-flag)", "order": "2364"},
-		{"emoji": "🇵🇦", "name": "flag: Panama", "shortname": ":flag-pa:", "unicode": "1f1f5-1f1e6", "html": "&#127477;&#127462;", "category": "Flags (country-flag)", "order": "2365"},
-		{"emoji": "🇵🇪", "name": "flag: Peru", "shortname": ":flag-pe:", "unicode": "1f1f5-1f1ea", "html": "&#127477;&#127466;", "category": "Flags (country-flag)", "order": "2366"},
-		{"emoji": "🇵🇫", "name": "flag: French Polynesia", "shortname": ":flag-pf:", "unicode": "1f1f5-1f1eb", "html": "&#127477;&#127467;", "category": "Flags (country-flag)", "order": "2367"},
-		{"emoji": "🇵🇬", "name": "flag: Papua New Guinea", "shortname": ":flag-pg:", "unicode": "1f1f5-1f1ec", "html": "&#127477;&#127468;", "category": "Flags (country-flag)", "order": "2368"},
-		{"emoji": "🇵🇭", "name": "flag: Philippines", "shortname": ":flag-ph:", "unicode": "1f1f5-1f1ed", "html": "&#127477;&#127469;", "category": "Flags (country-flag)", "order": "2369"},
-		{"emoji": "🇵🇰", "name": "flag: Pakistan", "shortname": ":flag-pk:", "unicode": "1f1f5-1f1f0", "html": "&#127477;&#127472;", "category": "Flags (country-flag)", "order": "2370"},
-		{"emoji": "🇵🇱", "name": "flag: Poland", "shortname": ":flag-pl:", "unicode": "1f1f5-1f1f1", "html": "&#127477;&#127473;", "category": "Flags (country-flag)", "order": "2371"},
-		{"emoji": "🇵🇲", "name": "flag: St. Pierre & Miquelon", "shortname": ":flag-pm:", "unicode": "1f1f5-1f1f2", "html": "&#127477;&#127474;", "category": "Flags (country-flag)", "order": "2372"},
-		{"emoji": "🇵🇳", "name": "flag: Pitcairn Islands", "shortname": ":flag-pn:", "unicode": "1f1f5-1f1f3", "html": "&#127477;&#127475;", "category": "Flags (country-flag)", "order": "2373"},
-		{"emoji": "🇵🇷", "name": "flag: Puerto Rico", "shortname": ":flag-pr:", "unicode": "1f1f5-1f1f7", "html": "&#127477;&#127479;", "category": "Flags (country-flag)", "order": "2374"},
-		{"emoji": "🇵🇸", "name": "flag: Palestinian Territories", "shortname": ":flag-ps:", "unicode": "1f1f5-1f1f8", "html": "&#127477;&#127480;", "category": "Flags (country-flag)", "order": "2375"},
-		{"emoji": "🇵🇹", "name": "flag: Portugal", "shortname": ":flag-pt:", "unicode": "1f1f5-1f1f9", "html": "&#127477;&#127481;", "category": "Flags (country-flag)", "order": "2376"},
-		{"emoji": "🇵🇼", "name": "flag: Palau", "shortname": ":flag-pw:", "unicode": "1f1f5-1f1fc", "html": "&#127477;&#127484;", "category": "Flags (country-flag)", "order": "2377"},
-		{"emoji": "🇵🇾", "name": "flag: Paraguay", "shortname": ":flag-py:", "unicode": "1f1f5-1f1fe", "html": "&#127477;&#127486;", "category": "Flags (country-flag)", "order": "2378"},
-		{"emoji": "🇶🇦", "name": "flag: Qatar", "shortname": ":flag-qa:", "unicode": "1f1f6-1f1e6", "html": "&#127478;&#127462;", "category": "Flags (country-flag)", "order": "2379"},
-		{"emoji": "🇷🇪", "name": "flag: Réunion", "shortname": ":flag-re:", "unicode": "1f1f7-1f1ea", "html": "&#127479;&#127466;", "category": "Flags (country-flag)", "order": "2380"},
-		{"emoji": "🇷🇴", "name": "flag: Romania", "shortname": ":flag-ro:", "unicode": "1f1f7-1f1f4", "html": "&#127479;&#127476;", "category": "Flags (country-flag)", "order": "2381"},
-		{"emoji": "🇷🇸", "name": "flag: Serbia", "shortname": ":flag-rs:", "unicode": "1f1f7-1f1f8", "html": "&#127479;&#127480;", "category": "Flags (country-flag)", "order": "2382"},
-		{"emoji": "🇷🇺", "name": "flag: Russia", "shortname": ":flag-ru:", "unicode": "1f1f7-1f1fa", "html": "&#127479;&#127482;", "category": "Flags (country-flag)", "order": "2383"},
-		{"emoji": "🇷🇼", "name": "flag: Rwanda", "shortname": ":flag-rw:", "unicode": "1f1f7-1f1fc", "html": "&#127479;&#127484;", "category": "Flags (country-flag)", "order": "2384"},
-		{"emoji": "🇸🇦", "name": "flag: Saudi Arabia", "shortname": ":flag-sa:", "unicode": "1f1f8-1f1e6", "html": "&#127480;&#127462;", "category": "Flags (country-flag)", "order": "2385"},
-		{"emoji": "🇸🇧", "name": "flag: Solomon Islands", "shortname": ":flag-sb:", "unicode": "1f1f8-1f1e7", "html": "&#127480;&#127463;", "category": "Flags (country-flag)", "order": "2386"},
-		{"emoji": "🇸🇨", "name": "flag: Seychelles", "shortname": ":flag-sc:", "unicode": "1f1f8-1f1e8", "html": "&#127480;&#127464;", "category": "Flags (country-flag)", "order": "2387"},
-		{"emoji": "🇸🇩", "name": "flag: Sudan", "shortname": ":flag-sd:", "unicode": "1f1f8-1f1e9", "html": "&#127480;&#127465;", "category": "Flags (country-flag)", "order": "2388"},
-		{"emoji": "🇸🇪", "name": "flag: Sweden", "shortname": ":flag-se:", "unicode": "1f1f8-1f1ea", "html": "&#127480;&#127466;", "category": "Flags (country-flag)", "order": "2389"},
-		{"emoji": "🇸🇬", "name": "flag: Singapore", "shortname": ":flag-sg:", "unicode": "1f1f8-1f1ec", "html": "&#127480;&#127468;", "category": "Flags (country-flag)", "order": "2390"},
-		{"emoji": "🇸🇭", "name": "flag: St. Helena", "shortname": ":flag-sh:", "unicode": "1f1f8-1f1ed", "html": "&#127480;&#127469;", "category": "Flags (country-flag)", "order": "2391"},
-		{"emoji": "🇸🇮", "name": "flag: Slovenia", "shortname": ":flag-si:", "unicode": "1f1f8-1f1ee", "html": "&#127480;&#127470;", "category": "Flags (country-flag)", "order": "2392"},
-		{"emoji": "🇸🇯", "name": "flag: Svalbard & Jan Mayen", "shortname": ":flag-sj:", "unicode": "1f1f8-1f1ef", "html": "&#127480;&#127471;", "category": "Flags (country-flag)", "order": "2393"},
-		{"emoji": "🇸🇰", "name": "flag: Slovakia", "shortname": ":flag-sk:", "unicode": "1f1f8-1f1f0", "html": "&#127480;&#127472;", "category": "Flags (country-flag)", "order": "2394"},
-		{"emoji": "🇸🇱", "name": "flag: Sierra Leone", "shortname": ":flag-sl:", "unicode": "1f1f8-1f1f1", "html": "&#127480;&#127473;", "category": "Flags (country-flag)", "order": "2395"},
-		{"emoji": "🇸🇲", "name": "flag: San Marino", "shortname": ":flag-sm:", "unicode": "1f1f8-1f1f2", "html": "&#127480;&#127474;", "category": "Flags (country-flag)", "order": "2396"},
-		{"emoji": "🇸🇳", "name": "flag: Senegal", "shortname": ":flag-sn:", "unicode": "1f1f8-1f1f3", "html": "&#127480;&#127475;", "category": "Flags (country-flag)", "order": "2397"},
-		{"emoji": "🇸🇴", "name": "flag: Somalia", "shortname": ":flag-so:", "unicode": "1f1f8-1f1f4", "html": "&#127480;&#127476;", "category": "Flags (country-flag)", "order": "2398"},
-		{"emoji": "🇸🇷", "name": "flag: Suriname", "shortname": ":flag-sr:", "unicode": "1f1f8-1f1f7", "html": "&#127480;&#127479;", "category": "Flags (country-flag)", "order": "2399"},
-		{"emoji": "🇸🇸", "name": "flag: South Sudan", "shortname": ":flag-ss:", "unicode": "1f1f8-1f1f8", "html": "&#127480;&#127480;", "category": "Flags (country-flag)", "order": "2400"},
-		{"emoji": "🇸🇹", "name": "flag: São Tomé & Príncipe", "shortname": ":flag-st:", "unicode": "1f1f8-1f1f9", "html": "&#127480;&#127481;", "category": "Flags (country-flag)", "order": "2401"},
-		{"emoji": "🇸🇻", "name": "flag: El Salvador", "shortname": ":flag-sv:", "unicode": "1f1f8-1f1fb", "html": "&#127480;&#127483;", "category": "Flags (country-flag)", "order": "2402"},
-		{"emoji": "🇸🇽", "name": "flag: Sint Maarten", "shortname": ":flag-sx:", "unicode": "1f1f8-1f1fd", "html": "&#127480;&#127485;", "category": "Flags (country-flag)", "order": "2403"},
-		{"emoji": "🇸🇾", "name": "flag: Syria", "shortname": ":flag-sy:", "unicode": "1f1f8-1f1fe", "html": "&#127480;&#127486;", "category": "Flags (country-flag)", "order": "2404"},
-		{"emoji": "🇸🇿", "name": "flag: Eswatini", "shortname": ":flag-sz:", "unicode": "1f1f8-1f1ff", "html": "&#127480;&#127487;", "category": "Flags (country-flag)", "order": "2405"},
-		{"emoji": "🇹🇦", "name": "flag: Tristan da Cunha", "shortname": ":flag-ta:", "unicode": "1f1f9-1f1e6", "html": "&#127481;&#127462;", "category": "Flags (country-flag)", "order": "2406"},
-		{"emoji": "🇹🇨", "name": "flag: Turks & Caicos Islands", "shortname": ":flag-tc:", "unicode": "1f1f9-1f1e8", "html": "&#127481;&#127464;", "category": "Flags (country-flag)", "order": "2407"},
-		{"emoji": "🇹🇩", "name": "flag: Chad", "shortname": ":flag-td:", "unicode": "1f1f9-1f1e9", "html": "&#127481;&#127465;", "category": "Flags (country-flag)", "order": "2408"},
-		{"emoji": "🇹🇫", "name": "flag: French Southern Territories", "shortname": ":flag-tf:", "unicode": "1f1f9-1f1eb", "html": "&#127481;&#127467;", "category": "Flags (country-flag)", "order": "2409"},
-		{"emoji": "🇹🇬", "name": "flag: Togo", "shortname": ":flag-tg:", "unicode": "1f1f9-1f1ec", "html": "&#127481;&#127468;", "category": "Flags (country-flag)", "order": "2410"},
-		{"emoji": "🇹🇭", "name": "flag: Thailand", "shortname": ":flag-th:", "unicode": "1f1f9-1f1ed", "html": "&#127481;&#127469;", "category": "Flags (country-flag)", "order": "2411"},
-		{"emoji": "🇹🇯", "name": "flag: Tajikistan", "shortname": ":flag-tj:", "unicode": "1f1f9-1f1ef", "html": "&#127481;&#127471;", "category": "Flags (country-flag)", "order": "2412"},
-		{"emoji": "🇹🇰", "name": "flag: Tokelau", "shortname": ":flag-tk:", "unicode": "1f1f9-1f1f0", "html": "&#127481;&#127472;", "category": "Flags (country-flag)", "order": "2413"},
-		{"emoji": "🇹🇱", "name": "flag: Timor-Leste", "shortname": ":flag-tl:", "unicode": "1f1f9-1f1f1", "html": "&#127481;&#127473;", "category": "Flags (country-flag)", "order": "2414"},
-		{"emoji": "🇹🇲", "name": "flag: Turkmenistan", "shortname": ":flag-tm:", "unicode": "1f1f9-1f1f2", "html": "&#127481;&#127474;", "category": "Flags (country-flag)", "order": "2415"},
-		{"emoji": "🇹🇳", "name": "flag: Tunisia", "shortname": ":flag-tn:", "unicode": "1f1f9-1f1f3", "html": "&#127481;&#127475;", "category": "Flags (country-flag)", "order": "2416"},
-		{"emoji": "🇹🇴", "name": "flag: Tonga", "shortname": ":flag-to:", "unicode": "1f1f9-1f1f4", "html": "&#127481;&#127476;", "category": "Flags (country-flag)", "order": "2417"},
-		{"emoji": "🇹🇷", "name": "flag: Turkey", "shortname": ":flag-tr:", "unicode": "1f1f9-1f1f7", "html": "&#127481;&#127479;", "category": "Flags (country-flag)", "order": "2418"},
-		{"emoji": "🇹🇹", "name": "flag: Trinidad & Tobago", "shortname": ":flag-tt:", "unicode": "1f1f9-1f1f9", "html": "&#127481;&#127481;", "category": "Flags (country-flag)", "order": "2419"},
-		{"emoji": "🇹🇻", "name": "flag: Tuvalu", "shortname": ":flag-tv:", "unicode": "1f1f9-1f1fb", "html": "&#127481;&#127483;", "category": "Flags (country-flag)", "order": "2420"},
-		{"emoji": "🇹🇼", "name": "flag: Taiwan", "shortname": ":flag-tw:", "unicode": "1f1f9-1f1fc", "html": "&#127481;&#127484;", "category": "Flags (country-flag)", "order": "2421"},
-		{"emoji": "🇹🇿", "name": "flag: Tanzania", "shortname": ":flag-tz:", "unicode": "1f1f9-1f1ff", "html": "&#127481;&#127487;", "category": "Flags (country-flag)", "order": "2422"},
-		{"emoji": "🇺🇦", "name": "flag: Ukraine", "shortname": ":flag-ua:", "unicode": "1f1fa-1f1e6", "html": "&#127482;&#127462;", "category": "Flags (country-flag)", "order": "2423"},
-		{"emoji": "🇺🇬", "name": "flag: Uganda", "shortname": ":flag-ug:", "unicode": "1f1fa-1f1ec", "html": "&#127482;&#127468;", "category": "Flags (country-flag)", "order": "2424"},
-		{"emoji": "🇺🇲", "name": "flag: U.S. Outlying Islands", "shortname": ":flag-um:", "unicode": "1f1fa-1f1f2", "html": "&#127482;&#127474;", "category": "Flags (country-flag)", "order": "2425"},
-		{"emoji": "🇺🇸", "name": "flag: United States", "shortname": ":flag-us:", "unicode": "1f1fa-1f1f8", "html": "&#127482;&#127480;", "category": "Flags (country-flag)", "order": "2427"},
-		{"emoji": "🇺🇾", "name": "flag: Uruguay", "shortname": ":flag-uy:", "unicode": "1f1fa-1f1fe", "html": "&#127482;&#127486;", "category": "Flags (country-flag)", "order": "2428"},
-		{"emoji": "🇺🇿", "name": "flag: Uzbekistan", "shortname": ":flag-uz:", "unicode": "1f1fa-1f1ff", "html": "&#127482;&#127487;", "category": "Flags (country-flag)", "order": "2429"},
-		{"emoji": "🇻🇦", "name": "flag: Vatican City", "shortname": ":flag-va:", "unicode": "1f1fb-1f1e6", "html": "&#127483;&#127462;", "category": "Flags (country-flag)", "order": "2430"},
-		{"emoji": "🇻🇨", "name": "flag: St. Vincent & Grenadines", "shortname": ":flag-vc:", "unicode": "1f1fb-1f1e8", "html": "&#127483;&#127464;", "category": "Flags (country-flag)", "order": "2431"},
-		{"emoji": "🇻🇪", "name": "flag: Venezuela", "shortname": ":flag-ve:", "unicode": "1f1fb-1f1ea", "html": "&#127483;&#127466;", "category": "Flags (country-flag)", "order": "2432"},
-		{"emoji": "🇻🇬", "name": "flag: British Virgin Islands", "shortname": ":flag-vg:", "unicode": "1f1fb-1f1ec", "html": "&#127483;&#127468;", "category": "Flags (country-flag)", "order": "2433"},
-		{"emoji": "🇻🇮", "name": "flag: U.S. Virgin Islands", "shortname": ":flag-vi:", "unicode": "1f1fb-1f1ee", "html": "&#127483;&#127470;", "category": "Flags (country-flag)", "order": "2434"},
-		{"emoji": "🇻🇳", "name": "flag: Vietnam", "shortname": ":flag-vn:", "unicode": "1f1fb-1f1f3", "html": "&#127483;&#127475;", "category": "Flags (country-flag)", "order": "2435"},
-		{"emoji": "🇻🇺", "name": "flag: Vanuatu", "shortname": ":flag_vu:", "unicode": "1f1fb-1f1fa", "html": "&#127483;&#127482;", "category": "Flags (country-flag)", "order": "2436"},
-		{"emoji": "🇼🇫", "name": "flag: Wallis & Futuna", "shortname": ":flag_wf:", "unicode": "1f1fc-1f1eb", "html": "&#127484;&#127467;", "category": "Flags (country-flag)", "order": "2437"},
-		{"emoji": "🇼🇸", "name": "flag: Samoa", "shortname": ":flag_ws:", "unicode": "1f1fc-1f1f8", "html": "&#127484;&#127480;", "category": "Flags (country-flag)", "order": "2438"},
-		{"emoji": "🇽🇰", "name": "flag: Kosovo", "shortname": ":flag_xk:", "unicode": "1f1fd-1f1f0", "html": "&#127485;&#127472;", "category": "Flags (country-flag)", "order": "2439"},
-		{"emoji": "🇾🇪", "name": "flag: Yemen", "shortname": ":flag_ye:", "unicode": "1f1fe-1f1ea", "html": "&#127486;&#127466;", "category": "Flags (country-flag)", "order": "2440"},
-		{"emoji": "🇾🇹", "name": "flag: Mayotte", "shortname": ":flag_yt:", "unicode": "1f1fe-1f1f9", "html": "&#127486;&#127481;", "category": "Flags (country-flag)", "order": "2441"},
-		{"emoji": "🇿🇦", "name": "flag: South Africa", "shortname": ":flag_za:", "unicode": "1f1ff-1f1e6", "html": "&#127487;&#127462;", "category": "Flags (country-flag)", "order": "2442"},
-		{"emoji": "🇿🇲", "name": "flag: Zambia", "shortname": ":flag_zm:", "unicode": "1f1ff-1f1f2", "html": "&#127487;&#127474;", "category": "Flags (country-flag)", "order": "2443"},
-		{"emoji": "🇿🇼", "name": "flag: Zimbabwe", "shortname": ":flag_zw:", "unicode": "1f1ff-1f1fc", "html": "&#127487;&#127484;", "category": "Flags (country-flag)", "order": "2444"},
-		{"emoji": "🖤", "name": "black heart", "shortname": ":black_heart:", "unicode": "1f5a4", "html": "&#128420;", "category": "Smileys & Emotion (emotion)", "order": "1296"},
-		{"emoji": "🗨", "name": "left speech bubble", "shortname": ":speech_left:", "unicode": "1f5e8", "html": "&#128488;", "category": "Smileys & Emotion (emotion)", "order": "1310"},
-		{"emoji": "🥚", "name": "egg", "shortname": ":egg:", "unicode": "1f95a", "html": "&#129370;", "category": "Food & Drink (food-prepared)", "order": "1489"},
-		{"emoji": "🛑", "name": "stop sign", "shortname": ":octagonal_sign:", "unicode": "1f6d1", "html": "&#128721;", "category": "Travel & Places (transport-ground)", "order": "1641"},
-		{"emoji": "♠", "name": "spade suit", "shortname": ":spades:", "unicode": "2660", "html": "&spades;", "category": "Activities (game)", "order": "1807"},
-		{"emoji": "♥", "name": "heart suit", "shortname": ":hearts:", "unicode": "2665", "html": "&hearts;", "category": "Activities (game)", "order": "1808"},
-		{"emoji": "♦", "name": "diamond suit", "shortname": ":diamonds:", "unicode": "2666", "html": "&diams;", "category": "Activities (game)", "order": "1809"},
-		{"emoji": "♣", "name": "club suit", "shortname": ":clubs:", "unicode": "2663", "html": "&clubs;", "category": "Activities (game)", "order": "1810"},
-		{"emoji": "🥁", "name": "drum", "shortname": ":drum:", "unicode": "1f941", "html": "&#129345;", "category": "Objects (musical-instrument)", "order": "1837"},
-		{"emoji": "↔", "name": "left-right arrow", "shortname": ":left_right_arrow:", "unicode": "2194", "html": "&harr;", "category": "Symbols (arrow)", "order": "2011"},
-		{"emoji": "©", "name": "copyright", "shortname": ":copyright:", "unicode": "00a9", "html": "&copy;", "category": "Symbols (other-symbol)", "order": "2103"},
-		{"emoji": "®", "name": "registered", "shortname": ":registered:", "unicode": "00ae", "html": "&reg;", "category": "Symbols (other-symbol)", "order": "2104"},
-		{"emoji": "™", "name": "trade mark", "shortname": ":tm:", "unicode": "2122", "html": "&trade;", "category": "Symbols (other-symbol)", "order": "2105"},
-		{"emoji": "0️⃣", "name": "keycap: 0", "shortname": ":0:", "unicode": "0030 FE0F 20E3", "html": "&#48;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "1️⃣", "name": "keycap: 1", "shortname": ":1:", "unicode": "0031 FE0F 20E3", "html": "&#49;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "2️⃣", "name": "keycap: 2", "shortname": ":2:", "unicode": "0032 FE0F 20E3", "html": "&#50;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "3️⃣", "name": "keycap: 3", "shortname": ":3:", "unicode": "0033 FE0F 20E3", "html": "&#51;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "4️⃣", "name": "keycap: 4", "shortname": ":4:", "unicode": "0034 FE0F 20E3", "html": "&#52;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "5️⃣", "name": "keycap: 5", "shortname": ":5:", "unicode": "0035 FE0F 20E3", "html": "&#53;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "6️⃣", "name": "keycap: 6", "shortname": ":6:", "unicode": "0036 FE0F 20E3", "html": "&#54;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "7️⃣", "name": "keycap: 7", "shortname": ":7:", "unicode": "0037 FE0F 20E3", "html": "&#55;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "8️⃣", "name": "keycap: 8", "shortname": ":8:", "unicode": "0038 FE0F 20E3", "html": "&#56;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "9️⃣", "name": "keycap: 9", "shortname": ":9:", "unicode": "0039 FE0F 20E3", "html": "&#57;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "#⃣", "name": "keycap: #", "shortname": ":hash:", "unicode": "0023-20e3", "html": "#&#8419;", "category": "Symbols (keycap)", "order": "2106"},
-		{"emoji": "*⃣", "name": "keycap: #", "shortname": ":asterisk:", "unicode": "002a-20e3", "html": "*&#8419;", "category": "Symbols (keycap)", "order": "2107"},
-		{"emoji": "0⃣", "name": "keycap: 0", "shortname": ":zero:", "unicode": "0030-20e3", "html": "0&#8419;", "category": "Symbols (keycap)", "order": "2108"},
-		{"emoji": "1⃣", "name": "keycap: 1", "shortname": ":one:", "unicode": "0031-20e3", "html": "1&#8419;", "category": "Symbols (keycap)", "order": "2109"},
-		{"emoji": "2⃣", "name": "keycap: 2", "shortname": ":two:", "unicode": "0032-20e3", "html": "2&#8419;", "category": "Symbols (keycap)", "order": "2110"},
-		{"emoji": "3⃣", "name": "keycap: 3", "shortname": ":three:", "unicode": "0033-20e3", "html": "3&#8419;", "category": "Symbols (keycap)", "order": "2111"},
-		{"emoji": "4⃣", "name": "keycap: 4", "shortname": ":four:", "unicode": "0034-20e3", "html": "4&#8419;", "category": "Symbols (keycap)", "order": "2112"},
-		{"emoji": "5⃣", "name": "keycap: 5", "shortname": ":five:", "unicode": "0035-20e3", "html": "5&#8419;", "category": "Symbols (keycap)", "order": "2113"},
-		{"emoji": "6⃣", "name": "keycap: 6", "shortname": ":six:", "unicode": "0036-20e3", "html": "6&#8419;", "category": "Symbols (keycap)", "order": "2114"},
-		{"emoji": "7⃣", "name": "keycap: 7", "shortname": ":seven:", "unicode": "0037-20e3", "html": "7&#8419;", "category": "Symbols (keycap)", "order": "2115"},
-		{"emoji": "8⃣", "name": "keycap: 8", "shortname": ":eight:", "unicode": "0038-20e3", "html": "8&#8419;", "category": "Symbols (keycap)", "order": "2116"},
-		{"emoji": "9⃣", "name": "keycap: 9", "shortname": ":nine:", "unicode": "0039-20e3", "html": "9&#8419;", "category": "Symbols (keycap)", "order": "2117"},
-		{"emoji": "🤣", "name": "rolling on the floor laughing", "shortname": ":rolling_on_the_floor_laughing:", "unicode": "1F923", "html": "&#x1F923;", "category": "Smileys & Emotion (face-smiling)", "order": ""},
-		{"emoji": "🥰", "name": "smiling face with hearts", "shortname": ":smiling_face_with_hearts:", "unicode": "1F970", "html": "&#x1F970;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "🤩", "name": "star-struck", "shortname": ":starstruck:", "unicode": "1F929", "html": "&#x1F929;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "☺", "name": "smiling face", "shortname": ":smiling_face:", "unicode": "263A", "html": "&#x263A;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "🤪", "name": "zany face", "shortname": ":zany_face:", "unicode": "1F92A", "html": "&#x1F92A;", "category": "Smileys & Emotion (face-tongue)", "order": ""},
-		{"emoji": "🤭", "name": "face with hand over mouth", "shortname": ":face_with_hand_over_mouth:", "unicode": "1F92D", "html": "&#x1F92D;", "category": "Smileys & Emotion (face-hand)", "order": ""},
-		{"emoji": "🤫", "name": "shushing face", "shortname": ":shushing_face:", "unicode": "1F92B", "html": "&#x1F92B;", "category": "Smileys & Emotion (face-hand)", "order": ""},
-		{"emoji": "🤨", "name": "face with raised eyebrow", "shortname": ":face_with_raised_eyebrow:", "unicode": "1F928", "html": "&#x1F928;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": ""},
-		{"emoji": "🤥", "name": "lying face", "shortname": ":lying_face:", "unicode": "1F925", "html": "&#x1F925;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": ""},
-		{"emoji": "🤤", "name": "drooling face", "shortname": ":drooling_face:", "unicode": "1F924", "html": "&#x1F924;", "category": "Smileys & Emotion (face-sleepy)", "order": ""},
-		{"emoji": "🤢", "name": "nauseated face", "shortname": ":nauseated_face:", "unicode": "1F922", "html": "&#x1F922;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤮", "name": "face vomiting", "shortname": ":face_vomiting:", "unicode": "1F92E", "html": "&#x1F92E;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤧", "name": "sneezing face", "shortname": ":sneezing_face:", "unicode": "1F927", "html": "&#x1F927;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥵", "name": "hot face", "shortname": ":hot_face:", "unicode": "1F975", "html": "&#x1F975;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥶", "name": "cold face", "shortname": ":cold_face:", "unicode": "1F976", "html": "&#x1F976;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥴", "name": "woozy face", "shortname": ":woozy_face:", "unicode": "1F974", "html": "&#x1F974;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤯", "name": "exploding head", "shortname": ":exploding_head:", "unicode": "1F92F", "html": "&#x1F92F;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤠", "name": "cowboy hat face", "shortname": ":cowboy_hat_face:", "unicode": "1F920", "html": "&#x1F920;", "category": "Smileys & Emotion (face-hat)", "order": ""},
-		{"emoji": "🥳", "name": "partying face", "shortname": ":partying_face:", "unicode": "1F973", "html": "&#x1F973;", "category": "Smileys & Emotion (face-hat)", "order": ""},
-		{"emoji": "🧐", "name": "face with monocle", "shortname": ":face_with_monocle:", "unicode": "1F9D0", "html": "&#x1F9D0;", "category": "Smileys & Emotion (face-glasses)", "order": ""},
-		{"emoji": "☹️", "name": "frowning face", "shortname": ":frowning_face:", "unicode": "2639 FE0F", "html": "&#x2639;&#xFE0F;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🥺", "name": "pleading face", "shortname": ":pleading_face:", "unicode": "1F97A", "html": "&#x1F97A;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🥱", "name": "yawning face", "shortname": ":yawning_face:", "unicode": "1F971", "html": "&#x1F971;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🤬", "name": "face with symbols on mouth", "shortname": ":face_with_symbols_on_mouth:", "unicode": "1F92C", "html": "&#x1F92C;", "category": "Smileys & Emotion (face-negative)", "order": ""},
-		{"emoji": "☠️", "name": "skull and crossbones", "shortname": ":skull_and_crossbones:", "unicode": "2620 FE0F", "html": "&#x2620;&#xFE0F;", "category": "Smileys & Emotion (face-negative)", "order": ""},
-		{"emoji": "🤡", "name": "clown face", "shortname": ":clown_face:", "unicode": "1F921", "html": "&#x1F921;", "category": "Smileys & Emotion (face-costume)", "order": ""},
-		{"emoji": "❣", "name": "heart exclamation", "shortname": ":heart_exclamation:", "unicode": "2763", "html": "&#x2763;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "❤", "name": "red heart", "shortname": ":red_heart:", "unicode": "2764", "html": "&#x2764;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🧡", "name": "orange heart", "shortname": ":orange_heart:", "unicode": "1F9E1", "html": "&#x1F9E1;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤎", "name": "brown heart", "shortname": ":brown_heart:", "unicode": "1F90E", "html": "&#x1F90E;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤍", "name": "white heart", "shortname": ":white_heart:", "unicode": "1F90D", "html": "&#x1F90D;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🕳️", "name": "hole", "shortname": ":hole:", "unicode": "1F573 FE0F", "html": "&#x1F573;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁️‍🗨️", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 FE0F 200D 1F5E8 FE0F", "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁‍🗨️", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 200D 1F5E8 FE0F", "html": "&#x1F441;&#x200D;&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁️‍🗨", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 FE0F 200D 1F5E8", "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🗨️", "name": "left speech bubble", "shortname": ":left_speech_bubble:", "unicode": "1F5E8 FE0F", "html": "&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🗯️", "name": "right anger bubble", "shortname": ":right_anger_bubble:", "unicode": "1F5EF FE0F", "html": "&#x1F5EF;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤚", "name": "raised back of hand", "shortname": ":raised_back_of_hand:", "unicode": "1F91A", "html": "&#x1F91A;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏻", "name": "raised back of hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91A 1F3FB", "html": "&#x1F91A;&#x1F3FB;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏼", "name": "raised back of hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91A 1F3FC", "html": "&#x1F91A;&#x1F3FC;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏽", "name": "raised back of hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91A 1F3FD", "html": "&#x1F91A;&#x1F3FD;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏾", "name": "raised back of hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91A 1F3FE", "html": "&#x1F91A;&#x1F3FE;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏿", "name": "raised back of hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91A 1F3FF", "html": "&#x1F91A;&#x1F3FF;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐️", "name": "hand with fingers splayed", "shortname": ":hand_with_fingers_splayed:", "unicode": "1F590 FE0F", "html": "&#x1F590;&#xFE0F;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤏", "name": "pinching hand", "shortname": ":pinching_hand:", "unicode": "1F90F", "html": "&#x1F90F;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏻", "name": "pinching hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F90F 1F3FB", "html": "&#x1F90F;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏼", "name": "pinching hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F90F 1F3FC", "html": "&#x1F90F;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏽", "name": "pinching hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F90F 1F3FD", "html": "&#x1F90F;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏾", "name": "pinching hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F90F 1F3FE", "html": "&#x1F90F;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏿", "name": "pinching hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F90F 1F3FF", "html": "&#x1F90F;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌", "name": "victory hand", "shortname": ":victory_hand:", "unicode": "270C", "html": "&#x270C;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞", "name": "crossed fingers", "shortname": ":crossed_fingers:", "unicode": "1F91E", "html": "&#x1F91E;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏻", "name": "crossed fingers: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91E 1F3FB", "html": "&#x1F91E;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏼", "name": "crossed fingers: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91E 1F3FC", "html": "&#x1F91E;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏽", "name": "crossed fingers: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91E 1F3FD", "html": "&#x1F91E;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏾", "name": "crossed fingers: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91E 1F3FE", "html": "&#x1F91E;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏿", "name": "crossed fingers: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91E 1F3FF", "html": "&#x1F91E;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟", "name": "love-you gesture", "shortname": ":loveyou_gesture:", "unicode": "1F91F", "html": "&#x1F91F;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏻", "name": "love-you gesture: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91F 1F3FB", "html": "&#x1F91F;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏼", "name": "love-you gesture: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91F 1F3FC", "html": "&#x1F91F;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏽", "name": "love-you gesture: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91F 1F3FD", "html": "&#x1F91F;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏾", "name": "love-you gesture: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91F 1F3FE", "html": "&#x1F91F;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏿", "name": "love-you gesture: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91F 1F3FF", "html": "&#x1F91F;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙", "name": "call me hand", "shortname": ":call_me_hand:", "unicode": "1F919", "html": "&#x1F919;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏻", "name": "call me hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F919 1F3FB", "html": "&#x1F919;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏼", "name": "call me hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F919 1F3FC", "html": "&#x1F919;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏽", "name": "call me hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F919 1F3FD", "html": "&#x1F919;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏾", "name": "call me hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F919 1F3FE", "html": "&#x1F919;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏿", "name": "call me hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F919 1F3FF", "html": "&#x1F919;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "☝", "name": "index pointing up", "shortname": ":index_pointing_up:", "unicode": "261D", "html": "&#x261D;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🤛", "name": "left-facing fist", "shortname": ":leftfacing_fist:", "unicode": "1F91B", "html": "&#x1F91B;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏻", "name": "left-facing fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91B 1F3FB", "html": "&#x1F91B;&#x1F3FB;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏼", "name": "left-facing fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91B 1F3FC", "html": "&#x1F91B;&#x1F3FC;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏽", "name": "left-facing fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91B 1F3FD", "html": "&#x1F91B;&#x1F3FD;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏾", "name": "left-facing fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91B 1F3FE", "html": "&#x1F91B;&#x1F3FE;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏿", "name": "left-facing fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91B 1F3FF", "html": "&#x1F91B;&#x1F3FF;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜", "name": "right-facing fist", "shortname": ":rightfacing_fist:", "unicode": "1F91C", "html": "&#x1F91C;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏻", "name": "right-facing fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91C 1F3FB", "html": "&#x1F91C;&#x1F3FB;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏼", "name": "right-facing fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91C 1F3FC", "html": "&#x1F91C;&#x1F3FC;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏽", "name": "right-facing fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91C 1F3FD", "html": "&#x1F91C;&#x1F3FD;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏾", "name": "right-facing fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91C 1F3FE", "html": "&#x1F91C;&#x1F3FE;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏿", "name": "right-facing fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91C 1F3FF", "html": "&#x1F91C;&#x1F3FF;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤲", "name": "palms up together", "shortname": ":palms_up_together:", "unicode": "1F932", "html": "&#x1F932;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏻", "name": "palms up together: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F932 1F3FB", "html": "&#x1F932;&#x1F3FB;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏼", "name": "palms up together: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F932 1F3FC", "html": "&#x1F932;&#x1F3FC;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏽", "name": "palms up together: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F932 1F3FD", "html": "&#x1F932;&#x1F3FD;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏾", "name": "palms up together: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F932 1F3FE", "html": "&#x1F932;&#x1F3FE;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏿", "name": "palms up together: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F932 1F3FF", "html": "&#x1F932;&#x1F3FF;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤝", "name": "handshake", "shortname": ":handshake:", "unicode": "1F91D", "html": "&#x1F91D;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "✍️", "name": "writing hand", "shortname": ":writing_hand:", "unicode": "270D FE0F", "html": "&#x270D;&#xFE0F;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳", "name": "selfie", "shortname": ":selfie:", "unicode": "1F933", "html": "&#x1F933;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏻", "name": "selfie: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F933 1F3FB", "html": "&#x1F933;&#x1F3FB;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏼", "name": "selfie: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F933 1F3FC", "html": "&#x1F933;&#x1F3FC;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏽", "name": "selfie: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F933 1F3FD", "html": "&#x1F933;&#x1F3FD;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏾", "name": "selfie: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F933 1F3FE", "html": "&#x1F933;&#x1F3FE;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏿", "name": "selfie: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F933 1F3FF", "html": "&#x1F933;&#x1F3FF;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🦾", "name": "mechanical arm", "shortname": ":mechanical_arm:", "unicode": "1F9BE", "html": "&#x1F9BE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦿", "name": "mechanical leg", "shortname": ":mechanical_leg:", "unicode": "1F9BF", "html": "&#x1F9BF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵", "name": "leg", "shortname": ":leg:", "unicode": "1F9B5", "html": "&#x1F9B5;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏻", "name": "leg: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B5 1F3FB", "html": "&#x1F9B5;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏼", "name": "leg: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B5 1F3FC", "html": "&#x1F9B5;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏽", "name": "leg: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B5 1F3FD", "html": "&#x1F9B5;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏾", "name": "leg: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B5 1F3FE", "html": "&#x1F9B5;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏿", "name": "leg: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B5 1F3FF", "html": "&#x1F9B5;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶", "name": "foot", "shortname": ":foot:", "unicode": "1F9B6", "html": "&#x1F9B6;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏻", "name": "foot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B6 1F3FB", "html": "&#x1F9B6;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏼", "name": "foot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B6 1F3FC", "html": "&#x1F9B6;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏽", "name": "foot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B6 1F3FD", "html": "&#x1F9B6;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏾", "name": "foot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B6 1F3FE", "html": "&#x1F9B6;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏿", "name": "foot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B6 1F3FF", "html": "&#x1F9B6;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻", "name": "ear with hearing aid", "shortname": ":ear_with_hearing_aid:", "unicode": "1F9BB", "html": "&#x1F9BB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏻", "name": "ear with hearing aid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9BB 1F3FB", "html": "&#x1F9BB;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏼", "name": "ear with hearing aid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9BB 1F3FC", "html": "&#x1F9BB;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏽", "name": "ear with hearing aid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9BB 1F3FD", "html": "&#x1F9BB;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏾", "name": "ear with hearing aid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9BB 1F3FE", "html": "&#x1F9BB;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏿", "name": "ear with hearing aid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9BB 1F3FF", "html": "&#x1F9BB;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🧠", "name": "brain", "shortname": ":brain:", "unicode": "1F9E0", "html": "&#x1F9E0;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦷", "name": "tooth", "shortname": ":tooth:", "unicode": "1F9B7", "html": "&#x1F9B7;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦴", "name": "bone", "shortname": ":bone:", "unicode": "1F9B4", "html": "&#x1F9B4;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👁️", "name": "eye", "shortname": ":eye:", "unicode": "1F441 FE0F", "html": "&#x1F441;&#xFE0F;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🧒", "name": "child", "shortname": ":child:", "unicode": "1F9D2", "html": "&#x1F9D2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏻", "name": "child: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D2 1F3FB", "html": "&#x1F9D2;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏼", "name": "child: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D2 1F3FC", "html": "&#x1F9D2;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏽", "name": "child: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D2 1F3FD", "html": "&#x1F9D2;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏾", "name": "child: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D2 1F3FE", "html": "&#x1F9D2;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏿", "name": "child: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D2 1F3FF", "html": "&#x1F9D2;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑", "name": "person", "shortname": ":person:", "unicode": "1F9D1", "html": "&#x1F9D1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻", "name": "person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼", "name": "person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽", "name": "person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾", "name": "person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿", "name": "person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔", "name": "man: beard", "shortname": ":beard:", "unicode": "1F9D4", "html": "&#x1F9D4;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏻", "name": "man: light skin tone, beard", "shortname": ":light_skin_tone_beard:", "unicode": "1F9D4 1F3FB", "html": "&#x1F9D4;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏼", "name": "man: medium-light skin tone, beard", "shortname": ":mediumlight_skin_tone_beard:", "unicode": "1F9D4 1F3FC", "html": "&#x1F9D4;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏽", "name": "man: medium skin tone, beard", "shortname": ":medium_skin_tone_beard:", "unicode": "1F9D4 1F3FD", "html": "&#x1F9D4;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏾", "name": "man: medium-dark skin tone, beard", "shortname": ":mediumdark_skin_tone_beard:", "unicode": "1F9D4 1F3FE", "html": "&#x1F9D4;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏿", "name": "man: dark skin tone, beard", "shortname": ":dark_skin_tone_beard:", "unicode": "1F9D4 1F3FF", "html": "&#x1F9D4;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦰", "name": "man: red hair", "shortname": ":red_hair:", "unicode": "1F468 200D 1F9B0", "html": "&#x1F468;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦰", "name": "man: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F468 1F3FB 200D 1F9B0", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦰", "name": "man: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F468 1F3FC 200D 1F9B0", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦰", "name": "man: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F468 1F3FD 200D 1F9B0", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦰", "name": "man: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F468 1F3FE 200D 1F9B0", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦰", "name": "man: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F468 1F3FF 200D 1F9B0", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦱", "name": "man: curly hair", "shortname": ":curly_hair:", "unicode": "1F468 200D 1F9B1", "html": "&#x1F468;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦱", "name": "man: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F468 1F3FB 200D 1F9B1", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦱", "name": "man: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F468 1F3FC 200D 1F9B1", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦱", "name": "man: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F468 1F3FD 200D 1F9B1", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦱", "name": "man: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F468 1F3FE 200D 1F9B1", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦱", "name": "man: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F468 1F3FF 200D 1F9B1", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦳", "name": "man: white hair", "shortname": ":white_hair:", "unicode": "1F468 200D 1F9B3", "html": "&#x1F468;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦳", "name": "man: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F468 1F3FB 200D 1F9B3", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦳", "name": "man: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F468 1F3FC 200D 1F9B3", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦳", "name": "man: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F468 1F3FD 200D 1F9B3", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦳", "name": "man: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F468 1F3FE 200D 1F9B3", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦳", "name": "man: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F468 1F3FF 200D 1F9B3", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦲", "name": "man: bald", "shortname": ":bald:", "unicode": "1F468 200D 1F9B2", "html": "&#x1F468;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦲", "name": "man: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F468 1F3FB 200D 1F9B2", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦲", "name": "man: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F468 1F3FC 200D 1F9B2", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦲", "name": "man: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F468 1F3FD 200D 1F9B2", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦲", "name": "man: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F468 1F3FE 200D 1F9B2", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦲", "name": "man: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F468 1F3FF 200D 1F9B2", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦰", "name": "woman: red hair", "shortname": ":red_hair:", "unicode": "1F469 200D 1F9B0", "html": "&#x1F469;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦰", "name": "woman: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F469 1F3FB 200D 1F9B0", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦰", "name": "woman: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F469 1F3FC 200D 1F9B0", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦰", "name": "woman: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F469 1F3FD 200D 1F9B0", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦰", "name": "woman: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F469 1F3FE 200D 1F9B0", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦰", "name": "woman: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F469 1F3FF 200D 1F9B0", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦰", "name": "person: red hair", "shortname": ":red_hair:", "unicode": "1F9D1 200D 1F9B0", "html": "&#x1F9D1;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦰", "name": "person: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦰", "name": "person: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦰", "name": "person: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦰", "name": "person: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦰", "name": "person: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦱", "name": "woman: curly hair", "shortname": ":curly_hair:", "unicode": "1F469 200D 1F9B1", "html": "&#x1F469;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦱", "name": "woman: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F469 1F3FB 200D 1F9B1", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦱", "name": "woman: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F469 1F3FC 200D 1F9B1", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦱", "name": "woman: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F469 1F3FD 200D 1F9B1", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦱", "name": "woman: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F469 1F3FE 200D 1F9B1", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦱", "name": "woman: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F469 1F3FF 200D 1F9B1", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦱", "name": "person: curly hair", "shortname": ":curly_hair:", "unicode": "1F9D1 200D 1F9B1", "html": "&#x1F9D1;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦱", "name": "person: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦱", "name": "person: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦱", "name": "person: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦱", "name": "person: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦱", "name": "person: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦳", "name": "woman: white hair", "shortname": ":white_hair:", "unicode": "1F469 200D 1F9B3", "html": "&#x1F469;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦳", "name": "woman: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F469 1F3FB 200D 1F9B3", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦳", "name": "woman: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F469 1F3FC 200D 1F9B3", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦳", "name": "woman: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F469 1F3FD 200D 1F9B3", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦳", "name": "woman: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F469 1F3FE 200D 1F9B3", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦳", "name": "woman: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F469 1F3FF 200D 1F9B3", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦳", "name": "person: white hair", "shortname": ":white_hair:", "unicode": "1F9D1 200D 1F9B3", "html": "&#x1F9D1;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦳", "name": "person: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦳", "name": "person: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦳", "name": "person: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦳", "name": "person: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦳", "name": "person: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦲", "name": "woman: bald", "shortname": ":bald:", "unicode": "1F469 200D 1F9B2", "html": "&#x1F469;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦲", "name": "woman: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F469 1F3FB 200D 1F9B2", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦲", "name": "woman: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F469 1F3FC 200D 1F9B2", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦲", "name": "woman: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F469 1F3FD 200D 1F9B2", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦲", "name": "woman: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F469 1F3FE 200D 1F9B2", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦲", "name": "woman: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F469 1F3FF 200D 1F9B2", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦲", "name": "person: bald", "shortname": ":bald:", "unicode": "1F9D1 200D 1F9B2", "html": "&#x1F9D1;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦲", "name": "person: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F9D1 1F3FB 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦲", "name": "person: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F9D1 1F3FC 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦲", "name": "person: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F9D1 1F3FD 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦲", "name": "person: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F9D1 1F3FE 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦲", "name": "person: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F9D1 1F3FF 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♀️", "name": "woman: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2640 FE0F", "html": "&#x1F471;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♀️", "name": "woman: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♀️", "name": "woman: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♀️", "name": "woman: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♀️", "name": "woman: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♀️", "name": "woman: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♂️", "name": "man: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2642 FE0F", "html": "&#x1F471;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♂", "name": "man: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2642", "html": "&#x1F471;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♂️", "name": "man: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♂", "name": "man: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2642", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♂️", "name": "man: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♂", "name": "man: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2642", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♂️", "name": "man: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♂", "name": "man: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2642", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♂️", "name": "man: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♂", "name": "man: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2642", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♂️", "name": "man: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♂", "name": "man: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2642", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓", "name": "older person", "shortname": ":older_person:", "unicode": "1F9D3", "html": "&#x1F9D3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏻", "name": "older person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D3 1F3FB", "html": "&#x1F9D3;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏼", "name": "older person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D3 1F3FC", "html": "&#x1F9D3;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏽", "name": "older person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D3 1F3FD", "html": "&#x1F9D3;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏾", "name": "older person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D3 1F3FE", "html": "&#x1F9D3;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏿", "name": "older person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D3 1F3FF", "html": "&#x1F9D3;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🙍‍♂️", "name": "man frowning", "shortname": ":man_frowning:", "unicode": "1F64D 200D 2642 FE0F", "html": "&#x1F64D;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♂️", "name": "man frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♂️", "name": "man frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♂️", "name": "man frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♂️", "name": "man frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♂️", "name": "man frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♀️", "name": "woman frowning", "shortname": ":woman_frowning:", "unicode": "1F64D 200D 2640 FE0F", "html": "&#x1F64D;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♀", "name": "woman frowning", "shortname": ":woman_frowning:", "unicode": "1F64D 200D 2640", "html": "&#x1F64D;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♀️", "name": "woman frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♀", "name": "woman frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2640", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♀️", "name": "woman frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♀", "name": "woman frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2640", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♀️", "name": "woman frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♀", "name": "woman frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2640", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♀️", "name": "woman frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♀", "name": "woman frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2640", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♀️", "name": "woman frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♀", "name": "woman frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2640", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♂️", "name": "man pouting", "shortname": ":man_pouting:", "unicode": "1F64E 200D 2642 FE0F", "html": "&#x1F64E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♂️", "name": "man pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♂️", "name": "man pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♂️", "name": "man pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♂️", "name": "man pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♂️", "name": "man pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♀️", "name": "woman pouting", "shortname": ":woman_pouting:", "unicode": "1F64E 200D 2640 FE0F", "html": "&#x1F64E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♀", "name": "woman pouting", "shortname": ":woman_pouting:", "unicode": "1F64E 200D 2640", "html": "&#x1F64E;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♀️", "name": "woman pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♀", "name": "woman pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2640", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♀️", "name": "woman pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♀", "name": "woman pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2640", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♀️", "name": "woman pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♀", "name": "woman pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2640", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♀️", "name": "woman pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♀", "name": "woman pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2640", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♀️", "name": "woman pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♀", "name": "woman pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2640", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♂️", "name": "man gesturing NO", "shortname": ":man_gesturing_NO:", "unicode": "1F645 200D 2642 FE0F", "html": "&#x1F645;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♂️", "name": "man gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♂️", "name": "man gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♂️", "name": "man gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♂️", "name": "man gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♂️", "name": "man gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♀️", "name": "woman gesturing NO", "shortname": ":woman_gesturing_NO:", "unicode": "1F645 200D 2640 FE0F", "html": "&#x1F645;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♀", "name": "woman gesturing NO", "shortname": ":woman_gesturing_NO:", "unicode": "1F645 200D 2640", "html": "&#x1F645;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♀️", "name": "woman gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♀", "name": "woman gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2640", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♀️", "name": "woman gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♀", "name": "woman gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2640", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♀️", "name": "woman gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♀", "name": "woman gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2640", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♀️", "name": "woman gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♀", "name": "woman gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2640", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♀️", "name": "woman gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♀", "name": "woman gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2640", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♂️", "name": "man gesturing OK", "shortname": ":man_gesturing_OK:", "unicode": "1F646 200D 2642 FE0F", "html": "&#x1F646;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♂️", "name": "man gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♂️", "name": "man gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♂️", "name": "man gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♂️", "name": "man gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♂️", "name": "man gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♀️", "name": "woman gesturing OK", "shortname": ":woman_gesturing_OK:", "unicode": "1F646 200D 2640 FE0F", "html": "&#x1F646;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♀", "name": "woman gesturing OK", "shortname": ":woman_gesturing_OK:", "unicode": "1F646 200D 2640", "html": "&#x1F646;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♀️", "name": "woman gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♀", "name": "woman gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2640", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♀️", "name": "woman gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♀", "name": "woman gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2640", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♀️", "name": "woman gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♀", "name": "woman gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2640", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♀️", "name": "woman gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♀", "name": "woman gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2640", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♀️", "name": "woman gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♀", "name": "woman gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2640", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♂️", "name": "man tipping hand", "shortname": ":man_tipping_hand:", "unicode": "1F481 200D 2642 FE0F", "html": "&#x1F481;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♂️", "name": "man tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♂️", "name": "man tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♂️", "name": "man tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♂️", "name": "man tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♂️", "name": "man tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♀️", "name": "woman tipping hand", "shortname": ":woman_tipping_hand:", "unicode": "1F481 200D 2640 FE0F", "html": "&#x1F481;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♀", "name": "woman tipping hand", "shortname": ":woman_tipping_hand:", "unicode": "1F481 200D 2640", "html": "&#x1F481;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♀️", "name": "woman tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♀", "name": "woman tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2640", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♀️", "name": "woman tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♀", "name": "woman tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2640", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♀️", "name": "woman tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♀", "name": "woman tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2640", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♀️", "name": "woman tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♀", "name": "woman tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2640", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♀️", "name": "woman tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♀", "name": "woman tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2640", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♂️", "name": "man raising hand", "shortname": ":man_raising_hand:", "unicode": "1F64B 200D 2642 FE0F", "html": "&#x1F64B;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♂️", "name": "man raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♂️", "name": "man raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♂️", "name": "man raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♂️", "name": "man raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♂️", "name": "man raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♀️", "name": "woman raising hand", "shortname": ":woman_raising_hand:", "unicode": "1F64B 200D 2640 FE0F", "html": "&#x1F64B;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♀", "name": "woman raising hand", "shortname": ":woman_raising_hand:", "unicode": "1F64B 200D 2640", "html": "&#x1F64B;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♀️", "name": "woman raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♀", "name": "woman raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2640", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♀️", "name": "woman raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♀", "name": "woman raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2640", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♀️", "name": "woman raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♀", "name": "woman raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2640", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♀️", "name": "woman raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♀", "name": "woman raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2640", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♀️", "name": "woman raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♀", "name": "woman raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2640", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏", "name": "deaf person", "shortname": ":deaf_person:", "unicode": "1F9CF", "html": "&#x1F9CF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻", "name": "deaf person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB", "html": "&#x1F9CF;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼", "name": "deaf person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC", "html": "&#x1F9CF;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽", "name": "deaf person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD", "html": "&#x1F9CF;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾", "name": "deaf person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE", "html": "&#x1F9CF;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿", "name": "deaf person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF", "html": "&#x1F9CF;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♂️", "name": "deaf man", "shortname": ":deaf_man:", "unicode": "1F9CF 200D 2642 FE0F", "html": "&#x1F9CF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♂", "name": "deaf man", "shortname": ":deaf_man:", "unicode": "1F9CF 200D 2642", "html": "&#x1F9CF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♂️", "name": "deaf man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♂", "name": "deaf man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2642", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♂️", "name": "deaf man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♂", "name": "deaf man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2642", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♂️", "name": "deaf man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♂", "name": "deaf man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2642", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♂️", "name": "deaf man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♂", "name": "deaf man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2642", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♂️", "name": "deaf man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♂", "name": "deaf man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2642", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♀️", "name": "deaf woman", "shortname": ":deaf_woman:", "unicode": "1F9CF 200D 2640 FE0F", "html": "&#x1F9CF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♀", "name": "deaf woman", "shortname": ":deaf_woman:", "unicode": "1F9CF 200D 2640", "html": "&#x1F9CF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♀️", "name": "deaf woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♀", "name": "deaf woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2640", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♀️", "name": "deaf woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♀", "name": "deaf woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2640", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♀️", "name": "deaf woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♀", "name": "deaf woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2640", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♀️", "name": "deaf woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♀", "name": "deaf woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2640", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♀️", "name": "deaf woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♀", "name": "deaf woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2640", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♂️", "name": "man bowing", "shortname": ":man_bowing:", "unicode": "1F647 200D 2642 FE0F", "html": "&#x1F647;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♂", "name": "man bowing", "shortname": ":man_bowing:", "unicode": "1F647 200D 2642", "html": "&#x1F647;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♂️", "name": "man bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♂", "name": "man bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2642", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♂️", "name": "man bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♂", "name": "man bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2642", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♂️", "name": "man bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♂", "name": "man bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2642", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♂️", "name": "man bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♂", "name": "man bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2642", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♂️", "name": "man bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♂", "name": "man bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2642", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♀️", "name": "woman bowing", "shortname": ":woman_bowing:", "unicode": "1F647 200D 2640 FE0F", "html": "&#x1F647;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♀️", "name": "woman bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♀️", "name": "woman bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♀️", "name": "woman bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♀️", "name": "woman bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♀️", "name": "woman bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦", "name": "person facepalming", "shortname": ":person_facepalming:", "unicode": "1F926", "html": "&#x1F926;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻", "name": "person facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB", "html": "&#x1F926;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼", "name": "person facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC", "html": "&#x1F926;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽", "name": "person facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD", "html": "&#x1F926;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾", "name": "person facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE", "html": "&#x1F926;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿", "name": "person facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF", "html": "&#x1F926;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♂️", "name": "man facepalming", "shortname": ":man_facepalming:", "unicode": "1F926 200D 2642 FE0F", "html": "&#x1F926;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♂", "name": "man facepalming", "shortname": ":man_facepalming:", "unicode": "1F926 200D 2642", "html": "&#x1F926;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♂️", "name": "man facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♂", "name": "man facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2642", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♂️", "name": "man facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♂", "name": "man facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2642", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♂️", "name": "man facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♂", "name": "man facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2642", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♂️", "name": "man facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♂", "name": "man facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2642", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♂️", "name": "man facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♂", "name": "man facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2642", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♀️", "name": "woman facepalming", "shortname": ":woman_facepalming:", "unicode": "1F926 200D 2640 FE0F", "html": "&#x1F926;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♀", "name": "woman facepalming", "shortname": ":woman_facepalming:", "unicode": "1F926 200D 2640", "html": "&#x1F926;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♀️", "name": "woman facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♀", "name": "woman facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2640", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♀️", "name": "woman facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♀", "name": "woman facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2640", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♀️", "name": "woman facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♀", "name": "woman facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2640", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♀️", "name": "woman facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♀", "name": "woman facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2640", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♀️", "name": "woman facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♀", "name": "woman facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2640", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷", "name": "person shrugging", "shortname": ":person_shrugging:", "unicode": "1F937", "html": "&#x1F937;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻", "name": "person shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB", "html": "&#x1F937;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼", "name": "person shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC", "html": "&#x1F937;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽", "name": "person shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD", "html": "&#x1F937;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾", "name": "person shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE", "html": "&#x1F937;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿", "name": "person shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF", "html": "&#x1F937;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♂️", "name": "man shrugging", "shortname": ":man_shrugging:", "unicode": "1F937 200D 2642 FE0F", "html": "&#x1F937;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♂", "name": "man shrugging", "shortname": ":man_shrugging:", "unicode": "1F937 200D 2642", "html": "&#x1F937;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♂️", "name": "man shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♂", "name": "man shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2642", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♂️", "name": "man shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♂", "name": "man shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2642", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♂️", "name": "man shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♂", "name": "man shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2642", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♂️", "name": "man shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♂", "name": "man shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2642", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♂️", "name": "man shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♂", "name": "man shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2642", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♀️", "name": "woman shrugging", "shortname": ":woman_shrugging:", "unicode": "1F937 200D 2640 FE0F", "html": "&#x1F937;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♀", "name": "woman shrugging", "shortname": ":woman_shrugging:", "unicode": "1F937 200D 2640", "html": "&#x1F937;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♀️", "name": "woman shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♀", "name": "woman shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2640", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♀️", "name": "woman shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♀", "name": "woman shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2640", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♀️", "name": "woman shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♀", "name": "woman shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2640", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♀️", "name": "woman shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♀", "name": "woman shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2640", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♀️", "name": "woman shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♀", "name": "woman shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2640", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧑‍⚕️", "name": "health worker", "shortname": ":health_worker:", "unicode": "1F9D1 200D 2695 FE0F", "html": "&#x1F9D1;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚕", "name": "health worker", "shortname": ":health_worker:", "unicode": "1F9D1 200D 2695", "html": "&#x1F9D1;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚕️", "name": "health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚕", "name": "health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2695", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚕️", "name": "health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚕", "name": "health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2695", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚕️", "name": "health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚕", "name": "health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2695", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚕️", "name": "health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚕", "name": "health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2695", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚕️", "name": "health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚕", "name": "health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2695", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚕️", "name": "man health worker", "shortname": ":man_health_worker:", "unicode": "1F468 200D 2695 FE0F", "html": "&#x1F468;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚕", "name": "man health worker", "shortname": ":man_health_worker:", "unicode": "1F468 200D 2695", "html": "&#x1F468;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚕️", "name": "man health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚕", "name": "man health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2695", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚕️", "name": "man health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚕", "name": "man health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2695", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚕️", "name": "man health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚕", "name": "man health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2695", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚕️", "name": "man health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚕", "name": "man health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2695", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚕️", "name": "man health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚕", "name": "man health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2695", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚕️", "name": "woman health worker", "shortname": ":woman_health_worker:", "unicode": "1F469 200D 2695 FE0F", "html": "&#x1F469;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚕", "name": "woman health worker", "shortname": ":woman_health_worker:", "unicode": "1F469 200D 2695", "html": "&#x1F469;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚕️", "name": "woman health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚕", "name": "woman health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2695", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚕️", "name": "woman health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚕", "name": "woman health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2695", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚕️", "name": "woman health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚕", "name": "woman health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2695", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚕️", "name": "woman health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚕", "name": "woman health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2695", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚕️", "name": "woman health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚕", "name": "woman health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2695", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎓", "name": "student", "shortname": ":student:", "unicode": "1F9D1 200D 1F393", "html": "&#x1F9D1;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎓", "name": "student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F393", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎓", "name": "student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F393", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎓", "name": "student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F393", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎓", "name": "student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F393", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎓", "name": "student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F393", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎓", "name": "man student", "shortname": ":man_student:", "unicode": "1F468 200D 1F393", "html": "&#x1F468;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎓", "name": "man student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F393", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎓", "name": "man student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F393", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎓", "name": "man student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F393", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎓", "name": "man student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F393", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎓", "name": "man student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F393", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎓", "name": "woman student", "shortname": ":woman_student:", "unicode": "1F469 200D 1F393", "html": "&#x1F469;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎓", "name": "woman student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F393", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎓", "name": "woman student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F393", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎓", "name": "woman student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F393", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎓", "name": "woman student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F393", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎓", "name": "woman student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F393", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🏫", "name": "teacher", "shortname": ":teacher:", "unicode": "1F9D1 200D 1F3EB", "html": "&#x1F9D1;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🏫", "name": "teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🏫", "name": "teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🏫", "name": "teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🏫", "name": "teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🏫", "name": "teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🏫", "name": "man teacher", "shortname": ":man_teacher:", "unicode": "1F468 200D 1F3EB", "html": "&#x1F468;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🏫", "name": "man teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3EB", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🏫", "name": "man teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3EB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🏫", "name": "man teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3EB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🏫", "name": "man teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3EB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🏫", "name": "man teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3EB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🏫", "name": "woman teacher", "shortname": ":woman_teacher:", "unicode": "1F469 200D 1F3EB", "html": "&#x1F469;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🏫", "name": "woman teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3EB", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🏫", "name": "woman teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3EB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🏫", "name": "woman teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3EB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🏫", "name": "woman teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3EB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🏫", "name": "woman teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3EB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚖️", "name": "judge", "shortname": ":judge:", "unicode": "1F9D1 200D 2696 FE0F", "html": "&#x1F9D1;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚖", "name": "judge", "shortname": ":judge:", "unicode": "1F9D1 200D 2696", "html": "&#x1F9D1;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚖️", "name": "judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚖", "name": "judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2696", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚖️", "name": "judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚖", "name": "judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2696", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚖️", "name": "judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚖", "name": "judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2696", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚖️", "name": "judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚖", "name": "judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2696", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚖️", "name": "judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚖", "name": "judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2696", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚖️", "name": "man judge", "shortname": ":man_judge:", "unicode": "1F468 200D 2696 FE0F", "html": "&#x1F468;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚖", "name": "man judge", "shortname": ":man_judge:", "unicode": "1F468 200D 2696", "html": "&#x1F468;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚖️", "name": "man judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚖", "name": "man judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2696", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚖️", "name": "man judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚖", "name": "man judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2696", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚖️", "name": "man judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚖", "name": "man judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2696", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚖️", "name": "man judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚖", "name": "man judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2696", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚖️", "name": "man judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚖", "name": "man judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2696", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚖️", "name": "woman judge", "shortname": ":woman_judge:", "unicode": "1F469 200D 2696 FE0F", "html": "&#x1F469;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚖", "name": "woman judge", "shortname": ":woman_judge:", "unicode": "1F469 200D 2696", "html": "&#x1F469;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚖️", "name": "woman judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚖", "name": "woman judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2696", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚖️", "name": "woman judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚖", "name": "woman judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2696", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚖️", "name": "woman judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚖", "name": "woman judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2696", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚖️", "name": "woman judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚖", "name": "woman judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2696", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚖️", "name": "woman judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚖", "name": "woman judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2696", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🌾", "name": "farmer", "shortname": ":farmer:", "unicode": "1F9D1 200D 1F33E", "html": "&#x1F9D1;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🌾", "name": "farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F33E", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🌾", "name": "farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F33E", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🌾", "name": "farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F33E", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🌾", "name": "farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F33E", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🌾", "name": "farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F33E", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🌾", "name": "man farmer", "shortname": ":man_farmer:", "unicode": "1F468 200D 1F33E", "html": "&#x1F468;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🌾", "name": "man farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F33E", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🌾", "name": "man farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F33E", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🌾", "name": "man farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F33E", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🌾", "name": "man farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F33E", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🌾", "name": "man farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F33E", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🌾", "name": "woman farmer", "shortname": ":woman_farmer:", "unicode": "1F469 200D 1F33E", "html": "&#x1F469;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🌾", "name": "woman farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F33E", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🌾", "name": "woman farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F33E", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🌾", "name": "woman farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F33E", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🌾", "name": "woman farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F33E", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🌾", "name": "woman farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F33E", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🍳", "name": "cook", "shortname": ":cook:", "unicode": "1F9D1 200D 1F373", "html": "&#x1F9D1;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🍳", "name": "cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F373", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🍳", "name": "cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F373", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🍳", "name": "cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F373", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🍳", "name": "cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F373", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🍳", "name": "cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F373", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🍳", "name": "man cook", "shortname": ":man_cook:", "unicode": "1F468 200D 1F373", "html": "&#x1F468;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🍳", "name": "man cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F373", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🍳", "name": "man cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F373", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🍳", "name": "man cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F373", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🍳", "name": "man cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F373", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🍳", "name": "man cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F373", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🍳", "name": "woman cook", "shortname": ":woman_cook:", "unicode": "1F469 200D 1F373", "html": "&#x1F469;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🍳", "name": "woman cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F373", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🍳", "name": "woman cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F373", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🍳", "name": "woman cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F373", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🍳", "name": "woman cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F373", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🍳", "name": "woman cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F373", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🔧", "name": "mechanic", "shortname": ":mechanic:", "unicode": "1F9D1 200D 1F527", "html": "&#x1F9D1;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🔧", "name": "mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F527", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🔧", "name": "mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F527", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🔧", "name": "mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F527", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🔧", "name": "mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F527", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🔧", "name": "mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F527", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🔧", "name": "man mechanic", "shortname": ":man_mechanic:", "unicode": "1F468 200D 1F527", "html": "&#x1F468;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🔧", "name": "man mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F527", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🔧", "name": "man mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F527", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🔧", "name": "man mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F527", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🔧", "name": "man mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F527", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🔧", "name": "man mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F527", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🔧", "name": "woman mechanic", "shortname": ":woman_mechanic:", "unicode": "1F469 200D 1F527", "html": "&#x1F469;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🔧", "name": "woman mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F527", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🔧", "name": "woman mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F527", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🔧", "name": "woman mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F527", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🔧", "name": "woman mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F527", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🔧", "name": "woman mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F527", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🏭", "name": "factory worker", "shortname": ":factory_worker:", "unicode": "1F9D1 200D 1F3ED", "html": "&#x1F9D1;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🏭", "name": "factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🏭", "name": "factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🏭", "name": "factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🏭", "name": "factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🏭", "name": "factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🏭", "name": "man factory worker", "shortname": ":man_factory_worker:", "unicode": "1F468 200D 1F3ED", "html": "&#x1F468;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🏭", "name": "man factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3ED", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🏭", "name": "man factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3ED", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🏭", "name": "man factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3ED", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🏭", "name": "man factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3ED", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🏭", "name": "man factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3ED", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🏭", "name": "woman factory worker", "shortname": ":woman_factory_worker:", "unicode": "1F469 200D 1F3ED", "html": "&#x1F469;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🏭", "name": "woman factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3ED", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🏭", "name": "woman factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3ED", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🏭", "name": "woman factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3ED", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🏭", "name": "woman factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3ED", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🏭", "name": "woman factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3ED", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍💼", "name": "office worker", "shortname": ":office_worker:", "unicode": "1F9D1 200D 1F4BC", "html": "&#x1F9D1;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍💼", "name": "office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍💼", "name": "office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍💼", "name": "office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍💼", "name": "office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍💼", "name": "office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍💼", "name": "man office worker", "shortname": ":man_office_worker:", "unicode": "1F468 200D 1F4BC", "html": "&#x1F468;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍💼", "name": "man office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F4BC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍💼", "name": "man office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F4BC", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍💼", "name": "man office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F4BC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍💼", "name": "man office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F4BC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍💼", "name": "man office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F4BC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍💼", "name": "woman office worker", "shortname": ":woman_office_worker:", "unicode": "1F469 200D 1F4BC", "html": "&#x1F469;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍💼", "name": "woman office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F4BC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍💼", "name": "woman office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F4BC", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍💼", "name": "woman office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F4BC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍💼", "name": "woman office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F4BC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍💼", "name": "woman office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F4BC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🔬", "name": "scientist", "shortname": ":scientist:", "unicode": "1F9D1 200D 1F52C", "html": "&#x1F9D1;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🔬", "name": "scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F52C", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🔬", "name": "scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F52C", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🔬", "name": "scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F52C", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🔬", "name": "scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F52C", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🔬", "name": "scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F52C", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🔬", "name": "man scientist", "shortname": ":man_scientist:", "unicode": "1F468 200D 1F52C", "html": "&#x1F468;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🔬", "name": "man scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F52C", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🔬", "name": "man scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F52C", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🔬", "name": "man scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F52C", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🔬", "name": "man scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F52C", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🔬", "name": "man scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F52C", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🔬", "name": "woman scientist", "shortname": ":woman_scientist:", "unicode": "1F469 200D 1F52C", "html": "&#x1F469;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🔬", "name": "woman scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F52C", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🔬", "name": "woman scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F52C", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🔬", "name": "woman scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F52C", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🔬", "name": "woman scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F52C", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🔬", "name": "woman scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F52C", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍💻", "name": "technologist", "shortname": ":technologist:", "unicode": "1F9D1 200D 1F4BB", "html": "&#x1F9D1;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍💻", "name": "technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍💻", "name": "technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍💻", "name": "technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍💻", "name": "technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍💻", "name": "technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍💻", "name": "man technologist", "shortname": ":man_technologist:", "unicode": "1F468 200D 1F4BB", "html": "&#x1F468;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍💻", "name": "man technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F4BB", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍💻", "name": "man technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F4BB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍💻", "name": "man technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F4BB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍💻", "name": "man technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F4BB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍💻", "name": "man technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F4BB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍💻", "name": "woman technologist", "shortname": ":woman_technologist:", "unicode": "1F469 200D 1F4BB", "html": "&#x1F469;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍💻", "name": "woman technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F4BB", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍💻", "name": "woman technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F4BB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍💻", "name": "woman technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F4BB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍💻", "name": "woman technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F4BB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍💻", "name": "woman technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F4BB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎤", "name": "singer", "shortname": ":singer:", "unicode": "1F9D1 200D 1F3A4", "html": "&#x1F9D1;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎤", "name": "singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎤", "name": "singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎤", "name": "singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎤", "name": "singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎤", "name": "singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎤", "name": "man singer", "shortname": ":man_singer:", "unicode": "1F468 200D 1F3A4", "html": "&#x1F468;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎤", "name": "man singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3A4", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎤", "name": "man singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3A4", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎤", "name": "man singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3A4", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎤", "name": "man singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3A4", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎤", "name": "man singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3A4", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎤", "name": "woman singer", "shortname": ":woman_singer:", "unicode": "1F469 200D 1F3A4", "html": "&#x1F469;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎤", "name": "woman singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3A4", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎤", "name": "woman singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3A4", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎤", "name": "woman singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3A4", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎤", "name": "woman singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3A4", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎤", "name": "woman singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3A4", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎨", "name": "artist", "shortname": ":artist:", "unicode": "1F9D1 200D 1F3A8", "html": "&#x1F9D1;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎨", "name": "artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎨", "name": "artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎨", "name": "artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎨", "name": "artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎨", "name": "artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎨", "name": "man artist", "shortname": ":man_artist:", "unicode": "1F468 200D 1F3A8", "html": "&#x1F468;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎨", "name": "man artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3A8", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎨", "name": "man artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3A8", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎨", "name": "man artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3A8", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎨", "name": "man artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3A8", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎨", "name": "man artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3A8", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎨", "name": "woman artist", "shortname": ":woman_artist:", "unicode": "1F469 200D 1F3A8", "html": "&#x1F469;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎨", "name": "woman artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3A8", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎨", "name": "woman artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3A8", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎨", "name": "woman artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3A8", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎨", "name": "woman artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3A8", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎨", "name": "woman artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3A8", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍✈️", "name": "pilot", "shortname": ":pilot:", "unicode": "1F9D1 200D 2708 FE0F", "html": "&#x1F9D1;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍✈", "name": "pilot", "shortname": ":pilot:", "unicode": "1F9D1 200D 2708", "html": "&#x1F9D1;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍✈️", "name": "pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍✈", "name": "pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2708", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍✈️", "name": "pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍✈", "name": "pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2708", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍✈️", "name": "pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍✈", "name": "pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2708", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍✈️", "name": "pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍✈", "name": "pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2708", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍✈️", "name": "pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍✈", "name": "pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2708", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍✈️", "name": "man pilot", "shortname": ":man_pilot:", "unicode": "1F468 200D 2708 FE0F", "html": "&#x1F468;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍✈", "name": "man pilot", "shortname": ":man_pilot:", "unicode": "1F468 200D 2708", "html": "&#x1F468;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍✈️", "name": "man pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍✈", "name": "man pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2708", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍✈️", "name": "man pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍✈", "name": "man pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2708", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍✈️", "name": "man pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍✈", "name": "man pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2708", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍✈️", "name": "man pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍✈", "name": "man pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2708", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍✈️", "name": "man pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍✈", "name": "man pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2708", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍✈️", "name": "woman pilot", "shortname": ":woman_pilot:", "unicode": "1F469 200D 2708 FE0F", "html": "&#x1F469;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍✈", "name": "woman pilot", "shortname": ":woman_pilot:", "unicode": "1F469 200D 2708", "html": "&#x1F469;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍✈️", "name": "woman pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍✈", "name": "woman pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2708", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍✈️", "name": "woman pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍✈", "name": "woman pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2708", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍✈️", "name": "woman pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍✈", "name": "woman pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2708", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍✈️", "name": "woman pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍✈", "name": "woman pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2708", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍✈️", "name": "woman pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍✈", "name": "woman pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2708", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🚀", "name": "astronaut", "shortname": ":astronaut:", "unicode": "1F9D1 200D 1F680", "html": "&#x1F9D1;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🚀", "name": "astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F680", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🚀", "name": "astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F680", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🚀", "name": "astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F680", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🚀", "name": "astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F680", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🚀", "name": "astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F680", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🚀", "name": "man astronaut", "shortname": ":man_astronaut:", "unicode": "1F468 200D 1F680", "html": "&#x1F468;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🚀", "name": "man astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F680", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🚀", "name": "man astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F680", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🚀", "name": "man astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F680", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🚀", "name": "man astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F680", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🚀", "name": "man astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F680", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🚀", "name": "woman astronaut", "shortname": ":woman_astronaut:", "unicode": "1F469 200D 1F680", "html": "&#x1F469;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🚀", "name": "woman astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F680", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🚀", "name": "woman astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F680", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🚀", "name": "woman astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F680", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🚀", "name": "woman astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F680", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🚀", "name": "woman astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F680", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🚒", "name": "firefighter", "shortname": ":firefighter:", "unicode": "1F9D1 200D 1F692", "html": "&#x1F9D1;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🚒", "name": "firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F692", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🚒", "name": "firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F692", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🚒", "name": "firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F692", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🚒", "name": "firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F692", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🚒", "name": "firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F692", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🚒", "name": "man firefighter", "shortname": ":man_firefighter:", "unicode": "1F468 200D 1F692", "html": "&#x1F468;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🚒", "name": "man firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F692", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🚒", "name": "man firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F692", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🚒", "name": "man firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F692", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🚒", "name": "man firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F692", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🚒", "name": "man firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F692", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🚒", "name": "woman firefighter", "shortname": ":woman_firefighter:", "unicode": "1F469 200D 1F692", "html": "&#x1F469;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🚒", "name": "woman firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F692", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🚒", "name": "woman firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F692", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🚒", "name": "woman firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F692", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🚒", "name": "woman firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F692", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🚒", "name": "woman firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F692", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♂️", "name": "man police officer", "shortname": ":man_police_officer:", "unicode": "1F46E 200D 2642 FE0F", "html": "&#x1F46E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♂", "name": "man police officer", "shortname": ":man_police_officer:", "unicode": "1F46E 200D 2642", "html": "&#x1F46E;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♂️", "name": "man police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♂", "name": "man police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2642", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♂️", "name": "man police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♂", "name": "man police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2642", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♂️", "name": "man police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♂", "name": "man police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2642", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♂️", "name": "man police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♂", "name": "man police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2642", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♂️", "name": "man police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♂", "name": "man police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2642", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♀️", "name": "woman police officer", "shortname": ":woman_police_officer:", "unicode": "1F46E 200D 2640 FE0F", "html": "&#x1F46E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♀️", "name": "woman police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♀️", "name": "woman police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♀️", "name": "woman police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♀️", "name": "woman police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♀️", "name": "woman police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️", "name": "detective", "shortname": ":detective:", "unicode": "1F575 FE0F", "html": "&#x1F575;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♂️", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 FE0F 200D 2642 FE0F", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♂️", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 200D 2642 FE0F", "html": "&#x1F575;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♂", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 FE0F 200D 2642", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♂", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 200D 2642", "html": "&#x1F575;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♂️", "name": "man detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♂", "name": "man detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2642", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♂️", "name": "man detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♂", "name": "man detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2642", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♂️", "name": "man detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♂", "name": "man detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2642", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♂️", "name": "man detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♂", "name": "man detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2642", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♂️", "name": "man detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♂", "name": "man detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2642", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♀️", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 FE0F 200D 2640 FE0F", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♀️", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 200D 2640 FE0F", "html": "&#x1F575;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♀", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 FE0F 200D 2640", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♀️", "name": "woman detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♀️", "name": "woman detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♀️", "name": "woman detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♀️", "name": "woman detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♀️", "name": "woman detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♂️", "name": "man guard", "shortname": ":man_guard:", "unicode": "1F482 200D 2642 FE0F", "html": "&#x1F482;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♂", "name": "man guard", "shortname": ":man_guard:", "unicode": "1F482 200D 2642", "html": "&#x1F482;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♂️", "name": "man guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♂", "name": "man guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2642", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♂️", "name": "man guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♂", "name": "man guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2642", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♂️", "name": "man guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♂", "name": "man guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2642", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♂️", "name": "man guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♂", "name": "man guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2642", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♂️", "name": "man guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♂", "name": "man guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2642", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♀️", "name": "woman guard", "shortname": ":woman_guard:", "unicode": "1F482 200D 2640 FE0F", "html": "&#x1F482;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♀️", "name": "woman guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♀️", "name": "woman guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♀️", "name": "woman guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♀️", "name": "woman guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♀️", "name": "woman guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♂️", "name": "man construction worker", "shortname": ":man_construction_worker:", "unicode": "1F477 200D 2642 FE0F", "html": "&#x1F477;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♂", "name": "man construction worker", "shortname": ":man_construction_worker:", "unicode": "1F477 200D 2642", "html": "&#x1F477;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♂️", "name": "man construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♂", "name": "man construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2642", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♂️", "name": "man construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♂", "name": "man construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2642", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♂️", "name": "man construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♂", "name": "man construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2642", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♂️", "name": "man construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♂", "name": "man construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2642", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♂️", "name": "man construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♂", "name": "man construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2642", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♀️", "name": "woman construction worker", "shortname": ":woman_construction_worker:", "unicode": "1F477 200D 2640 FE0F", "html": "&#x1F477;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♀️", "name": "woman construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♀️", "name": "woman construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♀️", "name": "woman construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♀️", "name": "woman construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♀️", "name": "woman construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴", "name": "prince", "shortname": ":prince:", "unicode": "1F934", "html": "&#x1F934;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏻", "name": "prince: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F934 1F3FB", "html": "&#x1F934;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏼", "name": "prince: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F934 1F3FC", "html": "&#x1F934;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏽", "name": "prince: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F934 1F3FD", "html": "&#x1F934;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏾", "name": "prince: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F934 1F3FE", "html": "&#x1F934;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏿", "name": "prince: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F934 1F3FF", "html": "&#x1F934;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♂️", "name": "man wearing turban", "shortname": ":man_wearing_turban:", "unicode": "1F473 200D 2642 FE0F", "html": "&#x1F473;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♂", "name": "man wearing turban", "shortname": ":man_wearing_turban:", "unicode": "1F473 200D 2642", "html": "&#x1F473;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♂️", "name": "man wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♂", "name": "man wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2642", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♂️", "name": "man wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♂", "name": "man wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2642", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♂️", "name": "man wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♂", "name": "man wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2642", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♂️", "name": "man wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♂", "name": "man wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2642", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♂️", "name": "man wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♂", "name": "man wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2642", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♀️", "name": "woman wearing turban", "shortname": ":woman_wearing_turban:", "unicode": "1F473 200D 2640 FE0F", "html": "&#x1F473;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♀️", "name": "woman wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♀️", "name": "woman wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♀️", "name": "woman wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♀️", "name": "woman wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♀️", "name": "woman wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕", "name": "woman with headscarf", "shortname": ":woman_with_headscarf:", "unicode": "1F9D5", "html": "&#x1F9D5;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏻", "name": "woman with headscarf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D5 1F3FB", "html": "&#x1F9D5;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏼", "name": "woman with headscarf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D5 1F3FC", "html": "&#x1F9D5;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏽", "name": "woman with headscarf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D5 1F3FD", "html": "&#x1F9D5;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏾", "name": "woman with headscarf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D5 1F3FE", "html": "&#x1F9D5;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏿", "name": "woman with headscarf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D5 1F3FF", "html": "&#x1F9D5;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵", "name": "man in tuxedo", "shortname": ":man_in_tuxedo:", "unicode": "1F935", "html": "&#x1F935;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏻", "name": "man in tuxedo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F935 1F3FB", "html": "&#x1F935;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏼", "name": "man in tuxedo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F935 1F3FC", "html": "&#x1F935;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏽", "name": "man in tuxedo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F935 1F3FD", "html": "&#x1F935;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏾", "name": "man in tuxedo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F935 1F3FE", "html": "&#x1F935;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏿", "name": "man in tuxedo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F935 1F3FF", "html": "&#x1F935;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰", "name": "pregnant woman", "shortname": ":pregnant_woman:", "unicode": "1F930", "html": "&#x1F930;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏻", "name": "pregnant woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F930 1F3FB", "html": "&#x1F930;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏼", "name": "pregnant woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F930 1F3FC", "html": "&#x1F930;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏽", "name": "pregnant woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F930 1F3FD", "html": "&#x1F930;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏾", "name": "pregnant woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F930 1F3FE", "html": "&#x1F930;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏿", "name": "pregnant woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F930 1F3FF", "html": "&#x1F930;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱", "name": "breast-feeding", "shortname": ":breastfeeding:", "unicode": "1F931", "html": "&#x1F931;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏻", "name": "breast-feeding: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F931 1F3FB", "html": "&#x1F931;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏼", "name": "breast-feeding: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F931 1F3FC", "html": "&#x1F931;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏽", "name": "breast-feeding: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F931 1F3FD", "html": "&#x1F931;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏾", "name": "breast-feeding: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F931 1F3FE", "html": "&#x1F931;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏿", "name": "breast-feeding: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F931 1F3FF", "html": "&#x1F931;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤶", "name": "Mrs. Claus", "shortname": ":Mrs_Claus:", "unicode": "1F936", "html": "&#x1F936;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏻", "name": "Mrs. Claus: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F936 1F3FB", "html": "&#x1F936;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏼", "name": "Mrs. Claus: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F936 1F3FC", "html": "&#x1F936;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏽", "name": "Mrs. Claus: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F936 1F3FD", "html": "&#x1F936;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏾", "name": "Mrs. Claus: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F936 1F3FE", "html": "&#x1F936;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏿", "name": "Mrs. Claus: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F936 1F3FF", "html": "&#x1F936;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸", "name": "superhero", "shortname": ":superhero:", "unicode": "1F9B8", "html": "&#x1F9B8;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻", "name": "superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB", "html": "&#x1F9B8;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼", "name": "superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC", "html": "&#x1F9B8;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽", "name": "superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD", "html": "&#x1F9B8;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾", "name": "superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE", "html": "&#x1F9B8;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿", "name": "superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF", "html": "&#x1F9B8;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♂️", "name": "man superhero", "shortname": ":man_superhero:", "unicode": "1F9B8 200D 2642 FE0F", "html": "&#x1F9B8;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♂", "name": "man superhero", "shortname": ":man_superhero:", "unicode": "1F9B8 200D 2642", "html": "&#x1F9B8;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♂️", "name": "man superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♂", "name": "man superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2642", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♂️", "name": "man superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♂", "name": "man superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2642", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♂️", "name": "man superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♂", "name": "man superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2642", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♂️", "name": "man superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♂", "name": "man superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2642", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♂️", "name": "man superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♂", "name": "man superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2642", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♀️", "name": "woman superhero", "shortname": ":woman_superhero:", "unicode": "1F9B8 200D 2640 FE0F", "html": "&#x1F9B8;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♀", "name": "woman superhero", "shortname": ":woman_superhero:", "unicode": "1F9B8 200D 2640", "html": "&#x1F9B8;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♀️", "name": "woman superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♀", "name": "woman superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2640", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♀️", "name": "woman superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♀", "name": "woman superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2640", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♀️", "name": "woman superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♀", "name": "woman superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2640", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♀️", "name": "woman superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♀", "name": "woman superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2640", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♀️", "name": "woman superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♀", "name": "woman superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2640", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹", "name": "supervillain", "shortname": ":supervillain:", "unicode": "1F9B9", "html": "&#x1F9B9;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻", "name": "supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB", "html": "&#x1F9B9;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼", "name": "supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC", "html": "&#x1F9B9;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽", "name": "supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD", "html": "&#x1F9B9;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾", "name": "supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE", "html": "&#x1F9B9;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿", "name": "supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF", "html": "&#x1F9B9;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♂️", "name": "man supervillain", "shortname": ":man_supervillain:", "unicode": "1F9B9 200D 2642 FE0F", "html": "&#x1F9B9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♂", "name": "man supervillain", "shortname": ":man_supervillain:", "unicode": "1F9B9 200D 2642", "html": "&#x1F9B9;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♂️", "name": "man supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♂", "name": "man supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2642", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♂️", "name": "man supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♂", "name": "man supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2642", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♂️", "name": "man supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♂", "name": "man supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2642", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♂️", "name": "man supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♂", "name": "man supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2642", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♂️", "name": "man supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♂", "name": "man supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2642", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♀️", "name": "woman supervillain", "shortname": ":woman_supervillain:", "unicode": "1F9B9 200D 2640 FE0F", "html": "&#x1F9B9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♀", "name": "woman supervillain", "shortname": ":woman_supervillain:", "unicode": "1F9B9 200D 2640", "html": "&#x1F9B9;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♀️", "name": "woman supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♀", "name": "woman supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2640", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♀️", "name": "woman supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♀", "name": "woman supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2640", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♀️", "name": "woman supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♀", "name": "woman supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2640", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♀️", "name": "woman supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♀", "name": "woman supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2640", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♀️", "name": "woman supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♀", "name": "woman supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2640", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙", "name": "mage", "shortname": ":mage:", "unicode": "1F9D9", "html": "&#x1F9D9;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻", "name": "mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB", "html": "&#x1F9D9;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼", "name": "mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC", "html": "&#x1F9D9;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽", "name": "mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD", "html": "&#x1F9D9;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾", "name": "mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE", "html": "&#x1F9D9;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿", "name": "mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF", "html": "&#x1F9D9;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♂️", "name": "man mage", "shortname": ":man_mage:", "unicode": "1F9D9 200D 2642 FE0F", "html": "&#x1F9D9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♂", "name": "man mage", "shortname": ":man_mage:", "unicode": "1F9D9 200D 2642", "html": "&#x1F9D9;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♂️", "name": "man mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♂", "name": "man mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2642", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♂️", "name": "man mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♂", "name": "man mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2642", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♂️", "name": "man mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♂", "name": "man mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2642", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♂️", "name": "man mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♂", "name": "man mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2642", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♂️", "name": "man mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♂", "name": "man mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2642", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♀️", "name": "woman mage", "shortname": ":woman_mage:", "unicode": "1F9D9 200D 2640 FE0F", "html": "&#x1F9D9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♀", "name": "woman mage", "shortname": ":woman_mage:", "unicode": "1F9D9 200D 2640", "html": "&#x1F9D9;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♀️", "name": "woman mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♀", "name": "woman mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2640", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♀️", "name": "woman mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♀", "name": "woman mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2640", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♀️", "name": "woman mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♀", "name": "woman mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2640", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♀️", "name": "woman mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♀", "name": "woman mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2640", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♀️", "name": "woman mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♀", "name": "woman mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2640", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚", "name": "fairy", "shortname": ":fairy:", "unicode": "1F9DA", "html": "&#x1F9DA;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻", "name": "fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB", "html": "&#x1F9DA;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼", "name": "fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC", "html": "&#x1F9DA;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽", "name": "fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD", "html": "&#x1F9DA;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾", "name": "fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE", "html": "&#x1F9DA;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿", "name": "fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF", "html": "&#x1F9DA;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♂️", "name": "man fairy", "shortname": ":man_fairy:", "unicode": "1F9DA 200D 2642 FE0F", "html": "&#x1F9DA;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♂", "name": "man fairy", "shortname": ":man_fairy:", "unicode": "1F9DA 200D 2642", "html": "&#x1F9DA;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♂️", "name": "man fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♂", "name": "man fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2642", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♂️", "name": "man fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♂", "name": "man fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2642", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♂️", "name": "man fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♂", "name": "man fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2642", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♂️", "name": "man fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♂", "name": "man fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2642", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♂️", "name": "man fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♂", "name": "man fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2642", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♀️", "name": "woman fairy", "shortname": ":woman_fairy:", "unicode": "1F9DA 200D 2640 FE0F", "html": "&#x1F9DA;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♀", "name": "woman fairy", "shortname": ":woman_fairy:", "unicode": "1F9DA 200D 2640", "html": "&#x1F9DA;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♀️", "name": "woman fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♀", "name": "woman fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2640", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♀️", "name": "woman fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♀", "name": "woman fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2640", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♀️", "name": "woman fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♀", "name": "woman fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2640", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♀️", "name": "woman fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♀", "name": "woman fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2640", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♀️", "name": "woman fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♀", "name": "woman fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2640", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛", "name": "vampire", "shortname": ":vampire:", "unicode": "1F9DB", "html": "&#x1F9DB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻", "name": "vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB", "html": "&#x1F9DB;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼", "name": "vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC", "html": "&#x1F9DB;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽", "name": "vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD", "html": "&#x1F9DB;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾", "name": "vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE", "html": "&#x1F9DB;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿", "name": "vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF", "html": "&#x1F9DB;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♂️", "name": "man vampire", "shortname": ":man_vampire:", "unicode": "1F9DB 200D 2642 FE0F", "html": "&#x1F9DB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♂", "name": "man vampire", "shortname": ":man_vampire:", "unicode": "1F9DB 200D 2642", "html": "&#x1F9DB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♂️", "name": "man vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♂", "name": "man vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2642", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♂️", "name": "man vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♂", "name": "man vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2642", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♂️", "name": "man vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♂", "name": "man vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2642", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♂️", "name": "man vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♂", "name": "man vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2642", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♂️", "name": "man vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♂", "name": "man vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2642", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♀️", "name": "woman vampire", "shortname": ":woman_vampire:", "unicode": "1F9DB 200D 2640 FE0F", "html": "&#x1F9DB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♀", "name": "woman vampire", "shortname": ":woman_vampire:", "unicode": "1F9DB 200D 2640", "html": "&#x1F9DB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♀️", "name": "woman vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♀", "name": "woman vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2640", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♀️", "name": "woman vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♀", "name": "woman vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2640", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♀️", "name": "woman vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♀", "name": "woman vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2640", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♀️", "name": "woman vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♀", "name": "woman vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2640", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♀️", "name": "woman vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♀", "name": "woman vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2640", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜", "name": "merperson", "shortname": ":merperson:", "unicode": "1F9DC", "html": "&#x1F9DC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻", "name": "merperson: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB", "html": "&#x1F9DC;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼", "name": "merperson: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC", "html": "&#x1F9DC;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽", "name": "merperson: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD", "html": "&#x1F9DC;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾", "name": "merperson: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE", "html": "&#x1F9DC;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿", "name": "merperson: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF", "html": "&#x1F9DC;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♂️", "name": "merman", "shortname": ":merman:", "unicode": "1F9DC 200D 2642 FE0F", "html": "&#x1F9DC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♂", "name": "merman", "shortname": ":merman:", "unicode": "1F9DC 200D 2642", "html": "&#x1F9DC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♂️", "name": "merman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♂", "name": "merman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2642", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♂️", "name": "merman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♂", "name": "merman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2642", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♂️", "name": "merman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♂", "name": "merman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2642", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♂️", "name": "merman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♂", "name": "merman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2642", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♂️", "name": "merman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♂", "name": "merman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2642", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♀️", "name": "mermaid", "shortname": ":mermaid:", "unicode": "1F9DC 200D 2640 FE0F", "html": "&#x1F9DC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♀", "name": "mermaid", "shortname": ":mermaid:", "unicode": "1F9DC 200D 2640", "html": "&#x1F9DC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♀️", "name": "mermaid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♀", "name": "mermaid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2640", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♀️", "name": "mermaid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♀", "name": "mermaid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2640", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♀️", "name": "mermaid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♀", "name": "mermaid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2640", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♀️", "name": "mermaid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♀", "name": "mermaid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2640", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♀️", "name": "mermaid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♀", "name": "mermaid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2640", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝", "name": "elf", "shortname": ":elf:", "unicode": "1F9DD", "html": "&#x1F9DD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻", "name": "elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB", "html": "&#x1F9DD;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼", "name": "elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC", "html": "&#x1F9DD;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽", "name": "elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD", "html": "&#x1F9DD;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾", "name": "elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE", "html": "&#x1F9DD;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿", "name": "elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF", "html": "&#x1F9DD;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♂️", "name": "man elf", "shortname": ":man_elf:", "unicode": "1F9DD 200D 2642 FE0F", "html": "&#x1F9DD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♂", "name": "man elf", "shortname": ":man_elf:", "unicode": "1F9DD 200D 2642", "html": "&#x1F9DD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♂️", "name": "man elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♂", "name": "man elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2642", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♂️", "name": "man elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♂", "name": "man elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2642", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♂️", "name": "man elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♂", "name": "man elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2642", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♂️", "name": "man elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♂", "name": "man elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2642", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♂️", "name": "man elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♂", "name": "man elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2642", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♀️", "name": "woman elf", "shortname": ":woman_elf:", "unicode": "1F9DD 200D 2640 FE0F", "html": "&#x1F9DD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♀", "name": "woman elf", "shortname": ":woman_elf:", "unicode": "1F9DD 200D 2640", "html": "&#x1F9DD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♀️", "name": "woman elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♀", "name": "woman elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2640", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♀️", "name": "woman elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♀", "name": "woman elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2640", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♀️", "name": "woman elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♀", "name": "woman elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2640", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♀️", "name": "woman elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♀", "name": "woman elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2640", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♀️", "name": "woman elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♀", "name": "woman elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2640", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞", "name": "genie", "shortname": ":genie:", "unicode": "1F9DE", "html": "&#x1F9DE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♂️", "name": "man genie", "shortname": ":man_genie:", "unicode": "1F9DE 200D 2642 FE0F", "html": "&#x1F9DE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♂", "name": "man genie", "shortname": ":man_genie:", "unicode": "1F9DE 200D 2642", "html": "&#x1F9DE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♀️", "name": "woman genie", "shortname": ":woman_genie:", "unicode": "1F9DE 200D 2640 FE0F", "html": "&#x1F9DE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♀", "name": "woman genie", "shortname": ":woman_genie:", "unicode": "1F9DE 200D 2640", "html": "&#x1F9DE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟", "name": "zombie", "shortname": ":zombie:", "unicode": "1F9DF", "html": "&#x1F9DF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♂️", "name": "man zombie", "shortname": ":man_zombie:", "unicode": "1F9DF 200D 2642 FE0F", "html": "&#x1F9DF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♂", "name": "man zombie", "shortname": ":man_zombie:", "unicode": "1F9DF 200D 2642", "html": "&#x1F9DF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♀️", "name": "woman zombie", "shortname": ":woman_zombie:", "unicode": "1F9DF 200D 2640 FE0F", "html": "&#x1F9DF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♀", "name": "woman zombie", "shortname": ":woman_zombie:", "unicode": "1F9DF 200D 2640", "html": "&#x1F9DF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "💆‍♂️", "name": "man getting massage", "shortname": ":man_getting_massage:", "unicode": "1F486 200D 2642 FE0F", "html": "&#x1F486;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♂️", "name": "man getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♂️", "name": "man getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♂️", "name": "man getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♂️", "name": "man getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♂️", "name": "man getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♀️", "name": "woman getting massage", "shortname": ":woman_getting_massage:", "unicode": "1F486 200D 2640 FE0F", "html": "&#x1F486;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♀", "name": "woman getting massage", "shortname": ":woman_getting_massage:", "unicode": "1F486 200D 2640", "html": "&#x1F486;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♀️", "name": "woman getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♀", "name": "woman getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2640", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♀️", "name": "woman getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♀", "name": "woman getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2640", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♀️", "name": "woman getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♀", "name": "woman getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2640", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♀️", "name": "woman getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♀", "name": "woman getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2640", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♀️", "name": "woman getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♀", "name": "woman getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2640", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♂️", "name": "man getting haircut", "shortname": ":man_getting_haircut:", "unicode": "1F487 200D 2642 FE0F", "html": "&#x1F487;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♂️", "name": "man getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♂️", "name": "man getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♂️", "name": "man getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♂️", "name": "man getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♂️", "name": "man getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♀️", "name": "woman getting haircut", "shortname": ":woman_getting_haircut:", "unicode": "1F487 200D 2640 FE0F", "html": "&#x1F487;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♀", "name": "woman getting haircut", "shortname": ":woman_getting_haircut:", "unicode": "1F487 200D 2640", "html": "&#x1F487;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♀️", "name": "woman getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♀", "name": "woman getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2640", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♀️", "name": "woman getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♀", "name": "woman getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2640", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♀️", "name": "woman getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♀", "name": "woman getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2640", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♀️", "name": "woman getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♀", "name": "woman getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2640", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♀️", "name": "woman getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♀", "name": "woman getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2640", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♂️", "name": "man walking", "shortname": ":man_walking:", "unicode": "1F6B6 200D 2642 FE0F", "html": "&#x1F6B6;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♂", "name": "man walking", "shortname": ":man_walking:", "unicode": "1F6B6 200D 2642", "html": "&#x1F6B6;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♂️", "name": "man walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♂", "name": "man walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2642", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♂️", "name": "man walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♂", "name": "man walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2642", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♂️", "name": "man walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♂", "name": "man walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2642", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♂️", "name": "man walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♂", "name": "man walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2642", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♂️", "name": "man walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♂", "name": "man walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2642", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♀️", "name": "woman walking", "shortname": ":woman_walking:", "unicode": "1F6B6 200D 2640 FE0F", "html": "&#x1F6B6;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♀️", "name": "woman walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♀️", "name": "woman walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♀️", "name": "woman walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♀️", "name": "woman walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♀️", "name": "woman walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍", "name": "person standing", "shortname": ":person_standing:", "unicode": "1F9CD", "html": "&#x1F9CD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻", "name": "person standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB", "html": "&#x1F9CD;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼", "name": "person standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC", "html": "&#x1F9CD;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽", "name": "person standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD", "html": "&#x1F9CD;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾", "name": "person standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE", "html": "&#x1F9CD;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿", "name": "person standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF", "html": "&#x1F9CD;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♂️", "name": "man standing", "shortname": ":man_standing:", "unicode": "1F9CD 200D 2642 FE0F", "html": "&#x1F9CD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♂", "name": "man standing", "shortname": ":man_standing:", "unicode": "1F9CD 200D 2642", "html": "&#x1F9CD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♂️", "name": "man standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♂", "name": "man standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2642", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♂️", "name": "man standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♂", "name": "man standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2642", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♂️", "name": "man standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♂", "name": "man standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2642", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♂️", "name": "man standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♂", "name": "man standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2642", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♂️", "name": "man standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♂", "name": "man standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2642", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♀️", "name": "woman standing", "shortname": ":woman_standing:", "unicode": "1F9CD 200D 2640 FE0F", "html": "&#x1F9CD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♀", "name": "woman standing", "shortname": ":woman_standing:", "unicode": "1F9CD 200D 2640", "html": "&#x1F9CD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♀️", "name": "woman standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♀", "name": "woman standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2640", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♀️", "name": "woman standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♀", "name": "woman standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2640", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♀️", "name": "woman standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♀", "name": "woman standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2640", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♀️", "name": "woman standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♀", "name": "woman standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2640", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♀️", "name": "woman standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♀", "name": "woman standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2640", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎", "name": "person kneeling", "shortname": ":person_kneeling:", "unicode": "1F9CE", "html": "&#x1F9CE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻", "name": "person kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB", "html": "&#x1F9CE;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼", "name": "person kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC", "html": "&#x1F9CE;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽", "name": "person kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD", "html": "&#x1F9CE;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾", "name": "person kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE", "html": "&#x1F9CE;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿", "name": "person kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF", "html": "&#x1F9CE;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♂️", "name": "man kneeling", "shortname": ":man_kneeling:", "unicode": "1F9CE 200D 2642 FE0F", "html": "&#x1F9CE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♂", "name": "man kneeling", "shortname": ":man_kneeling:", "unicode": "1F9CE 200D 2642", "html": "&#x1F9CE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♂️", "name": "man kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♂", "name": "man kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2642", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♂️", "name": "man kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♂", "name": "man kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2642", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♂️", "name": "man kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♂", "name": "man kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2642", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♂️", "name": "man kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♂", "name": "man kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2642", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♂️", "name": "man kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♂", "name": "man kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2642", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♀️", "name": "woman kneeling", "shortname": ":woman_kneeling:", "unicode": "1F9CE 200D 2640 FE0F", "html": "&#x1F9CE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♀", "name": "woman kneeling", "shortname": ":woman_kneeling:", "unicode": "1F9CE 200D 2640", "html": "&#x1F9CE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♀️", "name": "woman kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♀", "name": "woman kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2640", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♀️", "name": "woman kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♀", "name": "woman kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2640", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♀️", "name": "woman kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♀", "name": "woman kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2640", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♀️", "name": "woman kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♀", "name": "woman kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2640", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♀️", "name": "woman kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♀", "name": "woman kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2640", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦯", "name": "person with probing cane", "shortname": ":person_with_probing_cane:", "unicode": "1F9D1 200D 1F9AF", "html": "&#x1F9D1;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦯", "name": "person with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦯", "name": "person with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦯", "name": "person with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦯", "name": "person with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦯", "name": "person with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦯", "name": "man with probing cane", "shortname": ":man_with_probing_cane:", "unicode": "1F468 200D 1F9AF", "html": "&#x1F468;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦯", "name": "man with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9AF", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦯", "name": "man with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9AF", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦯", "name": "man with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9AF", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦯", "name": "man with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9AF", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦯", "name": "man with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9AF", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦯", "name": "woman with probing cane", "shortname": ":woman_with_probing_cane:", "unicode": "1F469 200D 1F9AF", "html": "&#x1F469;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦯", "name": "woman with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9AF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦯", "name": "woman with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9AF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦯", "name": "woman with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9AF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦯", "name": "woman with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9AF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦯", "name": "woman with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9AF", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦼", "name": "person in motorized wheelchair", "shortname": ":person_in_motorized_wheelchair:", "unicode": "1F9D1 200D 1F9BC", "html": "&#x1F9D1;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦼", "name": "person in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦼", "name": "person in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦼", "name": "person in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦼", "name": "person in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦼", "name": "person in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦼", "name": "man in motorized wheelchair", "shortname": ":man_in_motorized_wheelchair:", "unicode": "1F468 200D 1F9BC", "html": "&#x1F468;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦼", "name": "man in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9BC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦼", "name": "man in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9BC", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦼", "name": "man in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9BC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦼", "name": "man in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9BC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦼", "name": "man in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9BC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦼", "name": "woman in motorized wheelchair", "shortname": ":woman_in_motorized_wheelchair:", "unicode": "1F469 200D 1F9BC", "html": "&#x1F469;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦼", "name": "woman in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9BC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦼", "name": "woman in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9BC", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦼", "name": "woman in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9BC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦼", "name": "woman in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9BC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦼", "name": "woman in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9BC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦽", "name": "person in manual wheelchair", "shortname": ":person_in_manual_wheelchair:", "unicode": "1F9D1 200D 1F9BD", "html": "&#x1F9D1;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦽", "name": "person in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦽", "name": "person in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦽", "name": "person in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦽", "name": "person in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦽", "name": "person in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦽", "name": "man in manual wheelchair", "shortname": ":man_in_manual_wheelchair:", "unicode": "1F468 200D 1F9BD", "html": "&#x1F468;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦽", "name": "man in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9BD", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦽", "name": "man in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9BD", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦽", "name": "man in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9BD", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦽", "name": "man in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9BD", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦽", "name": "man in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9BD", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦽", "name": "woman in manual wheelchair", "shortname": ":woman_in_manual_wheelchair:", "unicode": "1F469 200D 1F9BD", "html": "&#x1F469;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦽", "name": "woman in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9BD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦽", "name": "woman in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9BD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦽", "name": "woman in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9BD", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦽", "name": "woman in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9BD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦽", "name": "woman in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9BD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♂️", "name": "man running", "shortname": ":man_running:", "unicode": "1F3C3 200D 2642 FE0F", "html": "&#x1F3C3;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♂", "name": "man running", "shortname": ":man_running:", "unicode": "1F3C3 200D 2642", "html": "&#x1F3C3;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♂️", "name": "man running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♂", "name": "man running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2642", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♂️", "name": "man running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♂", "name": "man running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2642", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♂️", "name": "man running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♂", "name": "man running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2642", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♂️", "name": "man running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♂", "name": "man running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2642", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♂️", "name": "man running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♂", "name": "man running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2642", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♀️", "name": "woman running", "shortname": ":woman_running:", "unicode": "1F3C3 200D 2640 FE0F", "html": "&#x1F3C3;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♀️", "name": "woman running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♀️", "name": "woman running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♀️", "name": "woman running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♀️", "name": "woman running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♀️", "name": "woman running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺", "name": "man dancing", "shortname": ":man_dancing:", "unicode": "1F57A", "html": "&#x1F57A;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏻", "name": "man dancing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F57A 1F3FB", "html": "&#x1F57A;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏼", "name": "man dancing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F57A 1F3FC", "html": "&#x1F57A;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏽", "name": "man dancing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F57A 1F3FD", "html": "&#x1F57A;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏾", "name": "man dancing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F57A 1F3FE", "html": "&#x1F57A;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏿", "name": "man dancing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F57A 1F3FF", "html": "&#x1F57A;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴️", "name": "man in suit levitating", "shortname": ":man_in_suit_levitating:", "unicode": "1F574 FE0F", "html": "&#x1F574;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏻", "name": "man in suit levitating: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F574 1F3FB", "html": "&#x1F574;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏼", "name": "man in suit levitating: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F574 1F3FC", "html": "&#x1F574;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏽", "name": "man in suit levitating: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F574 1F3FD", "html": "&#x1F574;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏾", "name": "man in suit levitating: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F574 1F3FE", "html": "&#x1F574;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏿", "name": "man in suit levitating: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F574 1F3FF", "html": "&#x1F574;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♂️", "name": "men with bunny ears", "shortname": ":men_with_bunny_ears:", "unicode": "1F46F 200D 2642 FE0F", "html": "&#x1F46F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♀️", "name": "women with bunny ears", "shortname": ":women_with_bunny_ears:", "unicode": "1F46F 200D 2640 FE0F", "html": "&#x1F46F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♀", "name": "women with bunny ears", "shortname": ":women_with_bunny_ears:", "unicode": "1F46F 200D 2640", "html": "&#x1F46F;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖", "name": "person in steamy room", "shortname": ":person_in_steamy_room:", "unicode": "1F9D6", "html": "&#x1F9D6;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻", "name": "person in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB", "html": "&#x1F9D6;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼", "name": "person in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC", "html": "&#x1F9D6;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽", "name": "person in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD", "html": "&#x1F9D6;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾", "name": "person in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE", "html": "&#x1F9D6;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿", "name": "person in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF", "html": "&#x1F9D6;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♂️", "name": "man in steamy room", "shortname": ":man_in_steamy_room:", "unicode": "1F9D6 200D 2642 FE0F", "html": "&#x1F9D6;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♂", "name": "man in steamy room", "shortname": ":man_in_steamy_room:", "unicode": "1F9D6 200D 2642", "html": "&#x1F9D6;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♂️", "name": "man in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♂", "name": "man in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2642", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♂️", "name": "man in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♂", "name": "man in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2642", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♂️", "name": "man in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♂", "name": "man in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2642", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♂️", "name": "man in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♂", "name": "man in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2642", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♂️", "name": "man in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♂", "name": "man in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2642", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♀️", "name": "woman in steamy room", "shortname": ":woman_in_steamy_room:", "unicode": "1F9D6 200D 2640 FE0F", "html": "&#x1F9D6;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♀", "name": "woman in steamy room", "shortname": ":woman_in_steamy_room:", "unicode": "1F9D6 200D 2640", "html": "&#x1F9D6;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♀️", "name": "woman in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♀", "name": "woman in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2640", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♀️", "name": "woman in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♀", "name": "woman in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2640", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♀️", "name": "woman in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♀", "name": "woman in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2640", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♀️", "name": "woman in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♀", "name": "woman in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2640", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♀️", "name": "woman in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♀", "name": "woman in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2640", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗", "name": "person climbing", "shortname": ":person_climbing:", "unicode": "1F9D7", "html": "&#x1F9D7;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻", "name": "person climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB", "html": "&#x1F9D7;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼", "name": "person climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC", "html": "&#x1F9D7;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽", "name": "person climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD", "html": "&#x1F9D7;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾", "name": "person climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE", "html": "&#x1F9D7;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿", "name": "person climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF", "html": "&#x1F9D7;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♂️", "name": "man climbing", "shortname": ":man_climbing:", "unicode": "1F9D7 200D 2642 FE0F", "html": "&#x1F9D7;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♂", "name": "man climbing", "shortname": ":man_climbing:", "unicode": "1F9D7 200D 2642", "html": "&#x1F9D7;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♂️", "name": "man climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♂", "name": "man climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2642", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♂️", "name": "man climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♂", "name": "man climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2642", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♂️", "name": "man climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♂", "name": "man climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2642", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♂️", "name": "man climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♂", "name": "man climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2642", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♂️", "name": "man climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♂", "name": "man climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2642", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♀️", "name": "woman climbing", "shortname": ":woman_climbing:", "unicode": "1F9D7 200D 2640 FE0F", "html": "&#x1F9D7;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♀", "name": "woman climbing", "shortname": ":woman_climbing:", "unicode": "1F9D7 200D 2640", "html": "&#x1F9D7;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♀️", "name": "woman climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♀", "name": "woman climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2640", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♀️", "name": "woman climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♀", "name": "woman climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2640", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♀️", "name": "woman climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♀", "name": "woman climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2640", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♀️", "name": "woman climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♀", "name": "woman climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2640", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♀️", "name": "woman climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♀", "name": "woman climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2640", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🤺", "name": "person fencing", "shortname": ":person_fencing:", "unicode": "1F93A", "html": "&#x1F93A;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏻", "name": "horse racing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C7 1F3FB", "html": "&#x1F3C7;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏼", "name": "horse racing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C7 1F3FC", "html": "&#x1F3C7;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏽", "name": "horse racing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C7 1F3FD", "html": "&#x1F3C7;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏾", "name": "horse racing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C7 1F3FE", "html": "&#x1F3C7;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏿", "name": "horse racing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C7 1F3FF", "html": "&#x1F3C7;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛷️", "name": "skier", "shortname": ":skier:", "unicode": "26F7 FE0F", "html": "&#x26F7;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏻", "name": "snowboarder: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C2 1F3FB", "html": "&#x1F3C2;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏼", "name": "snowboarder: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C2 1F3FC", "html": "&#x1F3C2;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏽", "name": "snowboarder: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C2 1F3FD", "html": "&#x1F3C2;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏾", "name": "snowboarder: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C2 1F3FE", "html": "&#x1F3C2;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏿", "name": "snowboarder: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C2 1F3FF", "html": "&#x1F3C2;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️", "name": "person golfing", "shortname": ":person_golfing:", "unicode": "1F3CC FE0F", "html": "&#x1F3CC;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻", "name": "person golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB", "html": "&#x1F3CC;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼", "name": "person golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC", "html": "&#x1F3CC;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽", "name": "person golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD", "html": "&#x1F3CC;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾", "name": "person golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE", "html": "&#x1F3CC;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿", "name": "person golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF", "html": "&#x1F3CC;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♂️", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC FE0F 200D 2642 FE0F", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♂️", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC 200D 2642 FE0F", "html": "&#x1F3CC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♂", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC FE0F 200D 2642", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♂", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC 200D 2642", "html": "&#x1F3CC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♂️", "name": "man golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♂", "name": "man golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2642", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♂️", "name": "man golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♂", "name": "man golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2642", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♂️", "name": "man golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♂", "name": "man golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2642", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♂️", "name": "man golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♂", "name": "man golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2642", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♂️", "name": "man golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♂", "name": "man golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2642", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♀️", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC FE0F 200D 2640 FE0F", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♀️", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC 200D 2640 FE0F", "html": "&#x1F3CC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♀", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC FE0F 200D 2640", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♀️", "name": "woman golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♀", "name": "woman golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2640", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♀️", "name": "woman golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♀", "name": "woman golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2640", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♀️", "name": "woman golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♀", "name": "woman golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2640", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♀️", "name": "woman golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♀", "name": "woman golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2640", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♀️", "name": "woman golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♀", "name": "woman golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2640", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♂️", "name": "man surfing", "shortname": ":man_surfing:", "unicode": "1F3C4 200D 2642 FE0F", "html": "&#x1F3C4;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♂", "name": "man surfing", "shortname": ":man_surfing:", "unicode": "1F3C4 200D 2642", "html": "&#x1F3C4;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♂️", "name": "man surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♂", "name": "man surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2642", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♂️", "name": "man surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♂", "name": "man surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2642", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♂️", "name": "man surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♂", "name": "man surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2642", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♂️", "name": "man surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♂", "name": "man surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2642", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♂️", "name": "man surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♂", "name": "man surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2642", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♀️", "name": "woman surfing", "shortname": ":woman_surfing:", "unicode": "1F3C4 200D 2640 FE0F", "html": "&#x1F3C4;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♀️", "name": "woman surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♀️", "name": "woman surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♀️", "name": "woman surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♀️", "name": "woman surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♀️", "name": "woman surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♂️", "name": "man rowing boat", "shortname": ":man_rowing_boat:", "unicode": "1F6A3 200D 2642 FE0F", "html": "&#x1F6A3;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♂", "name": "man rowing boat", "shortname": ":man_rowing_boat:", "unicode": "1F6A3 200D 2642", "html": "&#x1F6A3;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♂️", "name": "man rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♂", "name": "man rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2642", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♂️", "name": "man rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♂", "name": "man rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2642", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♂️", "name": "man rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♂", "name": "man rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2642", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♂️", "name": "man rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♂", "name": "man rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2642", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♂️", "name": "man rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♂", "name": "man rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2642", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♀️", "name": "woman rowing boat", "shortname": ":woman_rowing_boat:", "unicode": "1F6A3 200D 2640 FE0F", "html": "&#x1F6A3;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♀️", "name": "woman rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♀️", "name": "woman rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♀️", "name": "woman rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♀️", "name": "woman rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♀️", "name": "woman rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♂️", "name": "man swimming", "shortname": ":man_swimming:", "unicode": "1F3CA 200D 2642 FE0F", "html": "&#x1F3CA;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♂", "name": "man swimming", "shortname": ":man_swimming:", "unicode": "1F3CA 200D 2642", "html": "&#x1F3CA;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♂️", "name": "man swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♂", "name": "man swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2642", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♂️", "name": "man swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♂", "name": "man swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2642", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♂️", "name": "man swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♂", "name": "man swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2642", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♂️", "name": "man swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♂", "name": "man swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2642", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♂️", "name": "man swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♂", "name": "man swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2642", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♀️", "name": "woman swimming", "shortname": ":woman_swimming:", "unicode": "1F3CA 200D 2640 FE0F", "html": "&#x1F3CA;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♀️", "name": "woman swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♀️", "name": "woman swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♀️", "name": "woman swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♀️", "name": "woman swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♀️", "name": "woman swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️", "name": "person bouncing ball", "shortname": ":person_bouncing_ball:", "unicode": "26F9 FE0F", "html": "&#x26F9;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♂️", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 FE0F 200D 2642 FE0F", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♂️", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 200D 2642 FE0F", "html": "&#x26F9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♂", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 FE0F 200D 2642", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♂", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 200D 2642", "html": "&#x26F9;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♂️", "name": "man bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♂", "name": "man bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2642", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♂️", "name": "man bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♂", "name": "man bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2642", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♂️", "name": "man bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♂", "name": "man bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2642", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♂️", "name": "man bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♂", "name": "man bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2642", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♂️", "name": "man bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♂", "name": "man bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2642", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♀️", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 FE0F 200D 2640 FE0F", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♀️", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 200D 2640 FE0F", "html": "&#x26F9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♀", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 FE0F 200D 2640", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♀️", "name": "woman bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♀️", "name": "woman bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♀️", "name": "woman bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♀️", "name": "woman bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♀️", "name": "woman bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️", "name": "person lifting weights", "shortname": ":person_lifting_weights:", "unicode": "1F3CB FE0F", "html": "&#x1F3CB;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♂️", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB FE0F 200D 2642 FE0F", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♂️", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB 200D 2642 FE0F", "html": "&#x1F3CB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♂", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB FE0F 200D 2642", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♂", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB 200D 2642", "html": "&#x1F3CB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♂️", "name": "man lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♂", "name": "man lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2642", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♂️", "name": "man lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♂", "name": "man lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2642", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♂️", "name": "man lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♂", "name": "man lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2642", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♂️", "name": "man lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♂", "name": "man lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2642", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♂️", "name": "man lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♂", "name": "man lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2642", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♀️", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB FE0F 200D 2640 FE0F", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♀️", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB 200D 2640 FE0F", "html": "&#x1F3CB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♀", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB FE0F 200D 2640", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♀️", "name": "woman lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♀️", "name": "woman lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♀️", "name": "woman lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♀️", "name": "woman lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♀️", "name": "woman lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♂️", "name": "man biking", "shortname": ":man_biking:", "unicode": "1F6B4 200D 2642 FE0F", "html": "&#x1F6B4;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♂", "name": "man biking", "shortname": ":man_biking:", "unicode": "1F6B4 200D 2642", "html": "&#x1F6B4;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♂️", "name": "man biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♂", "name": "man biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2642", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♂️", "name": "man biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♂", "name": "man biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2642", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♂️", "name": "man biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♂", "name": "man biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2642", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♂️", "name": "man biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♂", "name": "man biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2642", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♂️", "name": "man biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♂", "name": "man biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2642", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♀️", "name": "woman biking", "shortname": ":woman_biking:", "unicode": "1F6B4 200D 2640 FE0F", "html": "&#x1F6B4;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♀️", "name": "woman biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♀️", "name": "woman biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♀️", "name": "woman biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♀️", "name": "woman biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♀️", "name": "woman biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♂️", "name": "man mountain biking", "shortname": ":man_mountain_biking:", "unicode": "1F6B5 200D 2642 FE0F", "html": "&#x1F6B5;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♂", "name": "man mountain biking", "shortname": ":man_mountain_biking:", "unicode": "1F6B5 200D 2642", "html": "&#x1F6B5;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♂️", "name": "man mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♂", "name": "man mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2642", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♂️", "name": "man mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♂", "name": "man mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2642", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♂️", "name": "man mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♂", "name": "man mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2642", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♂️", "name": "man mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♂", "name": "man mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2642", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♂️", "name": "man mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♂", "name": "man mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2642", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♀️", "name": "woman mountain biking", "shortname": ":woman_mountain_biking:", "unicode": "1F6B5 200D 2640 FE0F", "html": "&#x1F6B5;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♀️", "name": "woman mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♀️", "name": "woman mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♀️", "name": "woman mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♀️", "name": "woman mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♀️", "name": "woman mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸", "name": "person cartwheeling", "shortname": ":person_cartwheeling:", "unicode": "1F938", "html": "&#x1F938;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻", "name": "person cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB", "html": "&#x1F938;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼", "name": "person cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC", "html": "&#x1F938;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽", "name": "person cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD", "html": "&#x1F938;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾", "name": "person cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE", "html": "&#x1F938;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿", "name": "person cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF", "html": "&#x1F938;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♂️", "name": "man cartwheeling", "shortname": ":man_cartwheeling:", "unicode": "1F938 200D 2642 FE0F", "html": "&#x1F938;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♂", "name": "man cartwheeling", "shortname": ":man_cartwheeling:", "unicode": "1F938 200D 2642", "html": "&#x1F938;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♂️", "name": "man cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♂", "name": "man cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2642", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♂️", "name": "man cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♂", "name": "man cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2642", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♂️", "name": "man cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♂", "name": "man cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2642", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♂️", "name": "man cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♂", "name": "man cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2642", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♂️", "name": "man cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♂", "name": "man cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2642", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♀️", "name": "woman cartwheeling", "shortname": ":woman_cartwheeling:", "unicode": "1F938 200D 2640 FE0F", "html": "&#x1F938;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♀", "name": "woman cartwheeling", "shortname": ":woman_cartwheeling:", "unicode": "1F938 200D 2640", "html": "&#x1F938;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♀️", "name": "woman cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♀", "name": "woman cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2640", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♀️", "name": "woman cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♀", "name": "woman cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2640", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♀️", "name": "woman cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♀", "name": "woman cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2640", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♀️", "name": "woman cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♀", "name": "woman cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2640", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♀️", "name": "woman cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♀", "name": "woman cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2640", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼", "name": "people wrestling", "shortname": ":people_wrestling:", "unicode": "1F93C", "html": "&#x1F93C;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♂️", "name": "men wrestling", "shortname": ":men_wrestling:", "unicode": "1F93C 200D 2642 FE0F", "html": "&#x1F93C;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♂", "name": "men wrestling", "shortname": ":men_wrestling:", "unicode": "1F93C 200D 2642", "html": "&#x1F93C;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♀️", "name": "women wrestling", "shortname": ":women_wrestling:", "unicode": "1F93C 200D 2640 FE0F", "html": "&#x1F93C;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♀", "name": "women wrestling", "shortname": ":women_wrestling:", "unicode": "1F93C 200D 2640", "html": "&#x1F93C;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽", "name": "person playing water polo", "shortname": ":person_playing_water_polo:", "unicode": "1F93D", "html": "&#x1F93D;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻", "name": "person playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB", "html": "&#x1F93D;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼", "name": "person playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC", "html": "&#x1F93D;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽", "name": "person playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD", "html": "&#x1F93D;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾", "name": "person playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE", "html": "&#x1F93D;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿", "name": "person playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF", "html": "&#x1F93D;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♂️", "name": "man playing water polo", "shortname": ":man_playing_water_polo:", "unicode": "1F93D 200D 2642 FE0F", "html": "&#x1F93D;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♂", "name": "man playing water polo", "shortname": ":man_playing_water_polo:", "unicode": "1F93D 200D 2642", "html": "&#x1F93D;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♂️", "name": "man playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♂", "name": "man playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2642", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♂️", "name": "man playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♂", "name": "man playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2642", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♂️", "name": "man playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♂", "name": "man playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2642", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♂️", "name": "man playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♂", "name": "man playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2642", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♂️", "name": "man playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♂", "name": "man playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2642", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♀️", "name": "woman playing water polo", "shortname": ":woman_playing_water_polo:", "unicode": "1F93D 200D 2640 FE0F", "html": "&#x1F93D;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♀", "name": "woman playing water polo", "shortname": ":woman_playing_water_polo:", "unicode": "1F93D 200D 2640", "html": "&#x1F93D;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♀️", "name": "woman playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♀", "name": "woman playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2640", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♀️", "name": "woman playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♀", "name": "woman playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2640", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♀️", "name": "woman playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♀", "name": "woman playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2640", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♀️", "name": "woman playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♀", "name": "woman playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2640", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♀️", "name": "woman playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♀", "name": "woman playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2640", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾", "name": "person playing handball", "shortname": ":person_playing_handball:", "unicode": "1F93E", "html": "&#x1F93E;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻", "name": "person playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB", "html": "&#x1F93E;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼", "name": "person playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC", "html": "&#x1F93E;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽", "name": "person playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD", "html": "&#x1F93E;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾", "name": "person playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE", "html": "&#x1F93E;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿", "name": "person playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF", "html": "&#x1F93E;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♂️", "name": "man playing handball", "shortname": ":man_playing_handball:", "unicode": "1F93E 200D 2642 FE0F", "html": "&#x1F93E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♂", "name": "man playing handball", "shortname": ":man_playing_handball:", "unicode": "1F93E 200D 2642", "html": "&#x1F93E;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♂️", "name": "man playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♂", "name": "man playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2642", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♂️", "name": "man playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♂", "name": "man playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2642", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♂️", "name": "man playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♂", "name": "man playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2642", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♂️", "name": "man playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♂", "name": "man playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2642", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♂️", "name": "man playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♂", "name": "man playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2642", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♀️", "name": "woman playing handball", "shortname": ":woman_playing_handball:", "unicode": "1F93E 200D 2640 FE0F", "html": "&#x1F93E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♀", "name": "woman playing handball", "shortname": ":woman_playing_handball:", "unicode": "1F93E 200D 2640", "html": "&#x1F93E;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♀️", "name": "woman playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♀", "name": "woman playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2640", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♀️", "name": "woman playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♀", "name": "woman playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2640", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♀️", "name": "woman playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♀", "name": "woman playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2640", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♀️", "name": "woman playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♀", "name": "woman playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2640", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♀️", "name": "woman playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♀", "name": "woman playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2640", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹", "name": "person juggling", "shortname": ":person_juggling:", "unicode": "1F939", "html": "&#x1F939;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻", "name": "person juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB", "html": "&#x1F939;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼", "name": "person juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC", "html": "&#x1F939;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽", "name": "person juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD", "html": "&#x1F939;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾", "name": "person juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE", "html": "&#x1F939;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿", "name": "person juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF", "html": "&#x1F939;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♂️", "name": "man juggling", "shortname": ":man_juggling:", "unicode": "1F939 200D 2642 FE0F", "html": "&#x1F939;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♂", "name": "man juggling", "shortname": ":man_juggling:", "unicode": "1F939 200D 2642", "html": "&#x1F939;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♂️", "name": "man juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♂", "name": "man juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2642", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♂️", "name": "man juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♂", "name": "man juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2642", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♂️", "name": "man juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♂", "name": "man juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2642", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♂️", "name": "man juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♂", "name": "man juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2642", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♂️", "name": "man juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♂", "name": "man juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2642", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♀️", "name": "woman juggling", "shortname": ":woman_juggling:", "unicode": "1F939 200D 2640 FE0F", "html": "&#x1F939;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♀", "name": "woman juggling", "shortname": ":woman_juggling:", "unicode": "1F939 200D 2640", "html": "&#x1F939;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♀️", "name": "woman juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♀", "name": "woman juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2640", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♀️", "name": "woman juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♀", "name": "woman juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2640", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♀️", "name": "woman juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♀", "name": "woman juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2640", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♀️", "name": "woman juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♀", "name": "woman juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2640", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♀️", "name": "woman juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♀", "name": "woman juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2640", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🧘", "name": "person in lotus position", "shortname": ":person_in_lotus_position:", "unicode": "1F9D8", "html": "&#x1F9D8;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻", "name": "person in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB", "html": "&#x1F9D8;&#x1F3FB;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼", "name": "person in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC", "html": "&#x1F9D8;&#x1F3FC;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽", "name": "person in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD", "html": "&#x1F9D8;&#x1F3FD;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾", "name": "person in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE", "html": "&#x1F9D8;&#x1F3FE;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿", "name": "person in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF", "html": "&#x1F9D8;&#x1F3FF;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♂️", "name": "man in lotus position", "shortname": ":man_in_lotus_position:", "unicode": "1F9D8 200D 2642 FE0F", "html": "&#x1F9D8;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♂", "name": "man in lotus position", "shortname": ":man_in_lotus_position:", "unicode": "1F9D8 200D 2642", "html": "&#x1F9D8;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♂️", "name": "man in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♂", "name": "man in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2642", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♂️", "name": "man in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♂", "name": "man in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2642", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♂️", "name": "man in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♂", "name": "man in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2642", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♂️", "name": "man in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♂", "name": "man in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2642", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♂️", "name": "man in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♂", "name": "man in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2642", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♀️", "name": "woman in lotus position", "shortname": ":woman_in_lotus_position:", "unicode": "1F9D8 200D 2640 FE0F", "html": "&#x1F9D8;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♀", "name": "woman in lotus position", "shortname": ":woman_in_lotus_position:", "unicode": "1F9D8 200D 2640", "html": "&#x1F9D8;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♀️", "name": "woman in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♀", "name": "woman in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2640", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♀️", "name": "woman in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♀", "name": "woman in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2640", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♀️", "name": "woman in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♀", "name": "woman in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2640", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♀️", "name": "woman in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♀", "name": "woman in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2640", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♀️", "name": "woman in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♀", "name": "woman in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2640", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏻", "name": "person in bed: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6CC 1F3FB", "html": "&#x1F6CC;&#x1F3FB;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏼", "name": "person in bed: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6CC 1F3FC", "html": "&#x1F6CC;&#x1F3FC;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏽", "name": "person in bed: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6CC 1F3FD", "html": "&#x1F6CC;&#x1F3FD;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏾", "name": "person in bed: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6CC 1F3FE", "html": "&#x1F6CC;&#x1F3FE;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏿", "name": "person in bed: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6CC 1F3FF", "html": "&#x1F6CC;&#x1F3FF;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧑‍🤝‍🧑", "name": "people holding hands", "shortname": ":people_holding_hands:", "unicode": "1F9D1 200D 1F91D 200D 1F9D1", "html": "&#x1F9D1;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏻", "name": "people holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏼", "name": "people holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏽", "name": "people holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏾", "name": "people holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏿", "name": "people holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏻", "name": "people holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏼", "name": "people holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏽", "name": "people holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏾", "name": "people holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏿", "name": "people holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏻", "name": "people holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏼", "name": "people holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏽", "name": "people holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏾", "name": "people holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏿", "name": "people holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏻", "name": "people holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏼", "name": "people holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏽", "name": "people holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏾", "name": "people holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏿", "name": "people holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏻", "name": "people holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏼", "name": "people holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏽", "name": "people holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏾", "name": "people holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏿", "name": "people holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏻", "name": "women holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46D 1F3FB", "html": "&#x1F46D;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏼", "name": "women holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏽", "name": "women holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏾", "name": "women holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏿", "name": "women holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏻", "name": "women holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏼", "name": "women holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46D 1F3FC", "html": "&#x1F46D;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏽", "name": "women holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏾", "name": "women holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏿", "name": "women holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏻", "name": "women holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏼", "name": "women holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏽", "name": "women holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46D 1F3FD", "html": "&#x1F46D;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏾", "name": "women holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏿", "name": "women holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏻", "name": "women holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏼", "name": "women holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏽", "name": "women holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏾", "name": "women holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46D 1F3FE", "html": "&#x1F46D;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏿", "name": "women holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏻", "name": "women holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏼", "name": "women holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏽", "name": "women holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏾", "name": "women holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏿", "name": "women holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46D 1F3FF", "html": "&#x1F46D;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏻", "name": "woman and man holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46B 1F3FB", "html": "&#x1F46B;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏼", "name": "woman and man holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏽", "name": "woman and man holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏾", "name": "woman and man holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏿", "name": "woman and man holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏻", "name": "woman and man holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏼", "name": "woman and man holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46B 1F3FC", "html": "&#x1F46B;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏽", "name": "woman and man holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏾", "name": "woman and man holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏿", "name": "woman and man holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏻", "name": "woman and man holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏼", "name": "woman and man holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏽", "name": "woman and man holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46B 1F3FD", "html": "&#x1F46B;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏾", "name": "woman and man holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏿", "name": "woman and man holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏻", "name": "woman and man holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏼", "name": "woman and man holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏽", "name": "woman and man holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏾", "name": "woman and man holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46B 1F3FE", "html": "&#x1F46B;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏿", "name": "woman and man holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏻", "name": "woman and man holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏼", "name": "woman and man holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏽", "name": "woman and man holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏾", "name": "woman and man holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏿", "name": "woman and man holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46B 1F3FF", "html": "&#x1F46B;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏻", "name": "men holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46C 1F3FB", "html": "&#x1F46C;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏼", "name": "men holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏽", "name": "men holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏾", "name": "men holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏿", "name": "men holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏻", "name": "men holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏼", "name": "men holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46C 1F3FC", "html": "&#x1F46C;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏽", "name": "men holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏾", "name": "men holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏿", "name": "men holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏻", "name": "men holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏼", "name": "men holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏽", "name": "men holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46C 1F3FD", "html": "&#x1F46C;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏾", "name": "men holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏿", "name": "men holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏻", "name": "men holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏼", "name": "men holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏽", "name": "men holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏾", "name": "men holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46C 1F3FE", "html": "&#x1F46C;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏿", "name": "men holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏻", "name": "men holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏼", "name": "men holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏽", "name": "men holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏾", "name": "men holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏿", "name": "men holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46C 1F3FF", "html": "&#x1F46C;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤️‍💋‍👨", "name": "kiss: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍💋‍👨", "name": "kiss: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 200D 1F48B 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤‍💋‍👨", "name": "kiss: man, man", "shortname": ":man_man:", "unicode": "1F468 200D 2764 200D 1F48B 200D 1F468", "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍💋‍👩", "name": "kiss: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 200D 1F48B 200D 1F469", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F469;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤️‍👨", "name": "couple with heart: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 FE0F 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍👨", "name": "couple with heart: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤‍👨", "name": "couple with heart: man, man", "shortname": ":man_man:", "unicode": "1F468 200D 2764 200D 1F468", "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍👩", "name": "couple with heart: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 200D 1F469", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F469;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👦", "name": "family: man, woman, boy", "shortname": ":man_woman_boy:", "unicode": "1F468 200D 1F469 200D 1F466", "html": "&#x1F468;&#x200D;&#x1F469;&#x200D;&#x1F466;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🗣️", "name": "speaking head", "shortname": ":speaking_head:", "unicode": "1F5E3 FE0F", "html": "&#x1F5E3;&#xFE0F;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "🏻", "name": "light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3FB", "html": "&#x1F3FB;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏼", "name": "medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3FC", "html": "&#x1F3FC;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏽", "name": "medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3FD", "html": "&#x1F3FD;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏾", "name": "medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3FE", "html": "&#x1F3FE;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏿", "name": "dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3FF", "html": "&#x1F3FF;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🦰", "name": "red hair", "shortname": ":red_hair:", "unicode": "1F9B0", "html": "&#x1F9B0;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦱", "name": "curly hair", "shortname": ":curly_hair:", "unicode": "1F9B1", "html": "&#x1F9B1;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦳", "name": "white hair", "shortname": ":white_hair:", "unicode": "1F9B3", "html": "&#x1F9B3;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦲", "name": "bald", "shortname": ":bald:", "unicode": "1F9B2", "html": "&#x1F9B2;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦍", "name": "gorilla", "shortname": ":gorilla:", "unicode": "1F98D", "html": "&#x1F98D;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦧", "name": "orangutan", "shortname": ":orangutan:", "unicode": "1F9A7", "html": "&#x1F9A7;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦮", "name": "guide dog", "shortname": ":guide_dog:", "unicode": "1F9AE", "html": "&#x1F9AE;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🐕‍🦺", "name": "service dog", "shortname": ":service_dog:", "unicode": "1F415 200D 1F9BA", "html": "&#x1F415;&#x200D;&#x1F9BA;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦊", "name": "fox", "shortname": ":fox:", "unicode": "1F98A", "html": "&#x1F98A;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦝", "name": "raccoon", "shortname": ":raccoon:", "unicode": "1F99D", "html": "&#x1F99D;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦓", "name": "zebra", "shortname": ":zebra:", "unicode": "1F993", "html": "&#x1F993;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦌", "name": "deer", "shortname": ":deer:", "unicode": "1F98C", "html": "&#x1F98C;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦙", "name": "llama", "shortname": ":llama:", "unicode": "1F999", "html": "&#x1F999;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦒", "name": "giraffe", "shortname": ":giraffe:", "unicode": "1F992", "html": "&#x1F992;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦏", "name": "rhinoceros", "shortname": ":rhinoceros:", "unicode": "1F98F", "html": "&#x1F98F;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦛", "name": "hippopotamus", "shortname": ":hippopotamus:", "unicode": "1F99B", "html": "&#x1F99B;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🐿️", "name": "chipmunk", "shortname": ":chipmunk:", "unicode": "1F43F FE0F", "html": "&#x1F43F;&#xFE0F;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦔", "name": "hedgehog", "shortname": ":hedgehog:", "unicode": "1F994", "html": "&#x1F994;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦇", "name": "bat", "shortname": ":bat:", "unicode": "1F987", "html": "&#x1F987;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦥", "name": "sloth", "shortname": ":sloth:", "unicode": "1F9A5", "html": "&#x1F9A5;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦦", "name": "otter", "shortname": ":otter:", "unicode": "1F9A6", "html": "&#x1F9A6;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦨", "name": "skunk", "shortname": ":skunk:", "unicode": "1F9A8", "html": "&#x1F9A8;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦘", "name": "kangaroo", "shortname": ":kangaroo:", "unicode": "1F998", "html": "&#x1F998;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦡", "name": "badger", "shortname": ":badger:", "unicode": "1F9A1", "html": "&#x1F9A1;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🕊️", "name": "dove", "shortname": ":dove:", "unicode": "1F54A FE0F", "html": "&#x1F54A;&#xFE0F;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦅", "name": "eagle", "shortname": ":eagle:", "unicode": "1F985", "html": "&#x1F985;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦆", "name": "duck", "shortname": ":duck:", "unicode": "1F986", "html": "&#x1F986;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦢", "name": "swan", "shortname": ":swan:", "unicode": "1F9A2", "html": "&#x1F9A2;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦉", "name": "owl", "shortname": ":owl:", "unicode": "1F989", "html": "&#x1F989;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦩", "name": "flamingo", "shortname": ":flamingo:", "unicode": "1F9A9", "html": "&#x1F9A9;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦚", "name": "peacock", "shortname": ":peacock:", "unicode": "1F99A", "html": "&#x1F99A;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦜", "name": "parrot", "shortname": ":parrot:", "unicode": "1F99C", "html": "&#x1F99C;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦎", "name": "lizard", "shortname": ":lizard:", "unicode": "1F98E", "html": "&#x1F98E;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦕", "name": "sauropod", "shortname": ":sauropod:", "unicode": "1F995", "html": "&#x1F995;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦖", "name": "T-Rex", "shortname": ":TRex:", "unicode": "1F996", "html": "&#x1F996;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦈", "name": "shark", "shortname": ":shark:", "unicode": "1F988", "html": "&#x1F988;", "category": "Animals & Nature (animal-marine)", "order": ""},
-		{"emoji": "🦋", "name": "butterfly", "shortname": ":butterfly:", "unicode": "1F98B", "html": "&#x1F98B;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦗", "name": "cricket", "shortname": ":cricket:", "unicode": "1F997", "html": "&#x1F997;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🕷️", "name": "spider", "shortname": ":spider:", "unicode": "1F577 FE0F", "html": "&#x1F577;&#xFE0F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🕸️", "name": "spider web", "shortname": ":spider_web:", "unicode": "1F578 FE0F", "html": "&#x1F578;&#xFE0F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦟", "name": "mosquito", "shortname": ":mosquito:", "unicode": "1F99F", "html": "&#x1F99F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦠", "name": "microbe", "shortname": ":microbe:", "unicode": "1F9A0", "html": "&#x1F9A0;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🏵️", "name": "rosette", "shortname": ":rosette:", "unicode": "1F3F5 FE0F", "html": "&#x1F3F5;&#xFE0F;", "category": "Animals & Nature (plant-flower)", "order": ""},
-		{"emoji": "🥀", "name": "wilted flower", "shortname": ":wilted_flower:", "unicode": "1F940", "html": "&#x1F940;", "category": "Animals & Nature (plant-flower)", "order": ""},
-		{"emoji": "☘️", "name": "shamrock", "shortname": ":shamrock:", "unicode": "2618 FE0F", "html": "&#x2618;&#xFE0F;", "category": "Animals & Nature (plant-other)", "order": ""},
-		{"emoji": "🥭", "name": "mango", "shortname": ":mango:", "unicode": "1F96D", "html": "&#x1F96D;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥝", "name": "kiwi fruit", "shortname": ":kiwi_fruit:", "unicode": "1F95D", "html": "&#x1F95D;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥥", "name": "coconut", "shortname": ":coconut:", "unicode": "1F965", "html": "&#x1F965;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥑", "name": "avocado", "shortname": ":avocado:", "unicode": "1F951", "html": "&#x1F951;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥔", "name": "potato", "shortname": ":potato:", "unicode": "1F954", "html": "&#x1F954;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥕", "name": "carrot", "shortname": ":carrot:", "unicode": "1F955", "html": "&#x1F955;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🌶️", "name": "hot pepper", "shortname": ":hot_pepper:", "unicode": "1F336 FE0F", "html": "&#x1F336;&#xFE0F;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥒", "name": "cucumber", "shortname": ":cucumber:", "unicode": "1F952", "html": "&#x1F952;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥬", "name": "leafy green", "shortname": ":leafy_green:", "unicode": "1F96C", "html": "&#x1F96C;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥦", "name": "broccoli", "shortname": ":broccoli:", "unicode": "1F966", "html": "&#x1F966;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🧄", "name": "garlic", "shortname": ":garlic:", "unicode": "1F9C4", "html": "&#x1F9C4;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🧅", "name": "onion", "shortname": ":onion:", "unicode": "1F9C5", "html": "&#x1F9C5;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥜", "name": "peanuts", "shortname": ":peanuts:", "unicode": "1F95C", "html": "&#x1F95C;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥐", "name": "croissant", "shortname": ":croissant:", "unicode": "1F950", "html": "&#x1F950;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥖", "name": "baguette bread", "shortname": ":baguette_bread:", "unicode": "1F956", "html": "&#x1F956;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥨", "name": "pretzel", "shortname": ":pretzel:", "unicode": "1F968", "html": "&#x1F968;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥯", "name": "bagel", "shortname": ":bagel:", "unicode": "1F96F", "html": "&#x1F96F;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥞", "name": "pancakes", "shortname": ":pancakes:", "unicode": "1F95E", "html": "&#x1F95E;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧇", "name": "waffle", "shortname": ":waffle:", "unicode": "1F9C7", "html": "&#x1F9C7;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥩", "name": "cut of meat", "shortname": ":cut_of_meat:", "unicode": "1F969", "html": "&#x1F969;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥓", "name": "bacon", "shortname": ":bacon:", "unicode": "1F953", "html": "&#x1F953;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥪", "name": "sandwich", "shortname": ":sandwich:", "unicode": "1F96A", "html": "&#x1F96A;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥙", "name": "stuffed flatbread", "shortname": ":stuffed_flatbread:", "unicode": "1F959", "html": "&#x1F959;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧆", "name": "falafel", "shortname": ":falafel:", "unicode": "1F9C6", "html": "&#x1F9C6;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥘", "name": "shallow pan of food", "shortname": ":shallow_pan_of_food:", "unicode": "1F958", "html": "&#x1F958;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥣", "name": "bowl with spoon", "shortname": ":bowl_with_spoon:", "unicode": "1F963", "html": "&#x1F963;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥗", "name": "green salad", "shortname": ":green_salad:", "unicode": "1F957", "html": "&#x1F957;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧈", "name": "butter", "shortname": ":butter:", "unicode": "1F9C8", "html": "&#x1F9C8;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧂", "name": "salt", "shortname": ":salt:", "unicode": "1F9C2", "html": "&#x1F9C2;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥫", "name": "canned food", "shortname": ":canned_food:", "unicode": "1F96B", "html": "&#x1F96B;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥮", "name": "moon cake", "shortname": ":moon_cake:", "unicode": "1F96E", "html": "&#x1F96E;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥟", "name": "dumpling", "shortname": ":dumpling:", "unicode": "1F95F", "html": "&#x1F95F;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥠", "name": "fortune cookie", "shortname": ":fortune_cookie:", "unicode": "1F960", "html": "&#x1F960;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥡", "name": "takeout box", "shortname": ":takeout_box:", "unicode": "1F961", "html": "&#x1F961;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🦞", "name": "lobster", "shortname": ":lobster:", "unicode": "1F99E", "html": "&#x1F99E;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦐", "name": "shrimp", "shortname": ":shrimp:", "unicode": "1F990", "html": "&#x1F990;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦑", "name": "squid", "shortname": ":squid:", "unicode": "1F991", "html": "&#x1F991;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦪", "name": "oyster", "shortname": ":oyster:", "unicode": "1F9AA", "html": "&#x1F9AA;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🧁", "name": "cupcake", "shortname": ":cupcake:", "unicode": "1F9C1", "html": "&#x1F9C1;", "category": "Food & Drink (food-sweet)", "order": ""},
-		{"emoji": "🥧", "name": "pie", "shortname": ":pie:", "unicode": "1F967", "html": "&#x1F967;", "category": "Food & Drink (food-sweet)", "order": ""},
-		{"emoji": "🥛", "name": "glass of milk", "shortname": ":glass_of_milk:", "unicode": "1F95B", "html": "&#x1F95B;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥂", "name": "clinking glasses", "shortname": ":clinking_glasses:", "unicode": "1F942", "html": "&#x1F942;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥃", "name": "tumbler glass", "shortname": ":tumbler_glass:", "unicode": "1F943", "html": "&#x1F943;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥤", "name": "cup with straw", "shortname": ":cup_with_straw:", "unicode": "1F964", "html": "&#x1F964;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧃", "name": "beverage box", "shortname": ":beverage_box:", "unicode": "1F9C3", "html": "&#x1F9C3;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧉", "name": "mate", "shortname": ":mate:", "unicode": "1F9C9", "html": "&#x1F9C9;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧊", "name": "ice", "shortname": ":ice:", "unicode": "1F9CA", "html": "&#x1F9CA;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥢", "name": "chopsticks", "shortname": ":chopsticks:", "unicode": "1F962", "html": "&#x1F962;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🍽️", "name": "fork and knife with plate", "shortname": ":fork_and_knife_with_plate:", "unicode": "1F37D FE0F", "html": "&#x1F37D;&#xFE0F;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🥄", "name": "spoon", "shortname": ":spoon:", "unicode": "1F944", "html": "&#x1F944;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🗺️", "name": "world map", "shortname": ":world_map:", "unicode": "1F5FA FE0F", "html": "&#x1F5FA;&#xFE0F;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🧭", "name": "compass", "shortname": ":compass:", "unicode": "1F9ED", "html": "&#x1F9ED;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🏔️", "name": "snow-capped mountain", "shortname": ":snowcapped_mountain:", "unicode": "1F3D4 FE0F", "html": "&#x1F3D4;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "⛰️", "name": "mountain", "shortname": ":mountain:", "unicode": "26F0 FE0F", "html": "&#x26F0;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏕️", "name": "camping", "shortname": ":camping:", "unicode": "1F3D5 FE0F", "html": "&#x1F3D5;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏖️", "name": "beach with umbrella", "shortname": ":beach_with_umbrella:", "unicode": "1F3D6 FE0F", "html": "&#x1F3D6;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏜️", "name": "desert", "shortname": ":desert:", "unicode": "1F3DC FE0F", "html": "&#x1F3DC;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏝️", "name": "desert island", "shortname": ":desert_island:", "unicode": "1F3DD FE0F", "html": "&#x1F3DD;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏞️", "name": "national park", "shortname": ":national_park:", "unicode": "1F3DE FE0F", "html": "&#x1F3DE;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏟️", "name": "stadium", "shortname": ":stadium:", "unicode": "1F3DF FE0F", "html": "&#x1F3DF;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏛️", "name": "classical building", "shortname": ":classical_building:", "unicode": "1F3DB FE0F", "html": "&#x1F3DB;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏗️", "name": "building construction", "shortname": ":building_construction:", "unicode": "1F3D7 FE0F", "html": "&#x1F3D7;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🧱", "name": "brick", "shortname": ":brick:", "unicode": "1F9F1", "html": "&#x1F9F1;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏘️", "name": "houses", "shortname": ":houses:", "unicode": "1F3D8 FE0F", "html": "&#x1F3D8;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏚️", "name": "derelict house", "shortname": ":derelict_house:", "unicode": "1F3DA FE0F", "html": "&#x1F3DA;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🛕", "name": "hindu temple", "shortname": ":hindu_temple:", "unicode": "1F6D5", "html": "&#x1F6D5;", "category": "Travel & Places (place-religious)", "order": ""},
-		{"emoji": "⛩️", "name": "shinto shrine", "shortname": ":shinto_shrine:", "unicode": "26E9 FE0F", "html": "&#x26E9;&#xFE0F;", "category": "Travel & Places (place-religious)", "order": ""},
-		{"emoji": "🏙️", "name": "cityscape", "shortname": ":cityscape:", "unicode": "1F3D9 FE0F", "html": "&#x1F3D9;&#xFE0F;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "♨", "name": "hot springs", "shortname": ":hot_springs:", "unicode": "2668", "html": "&#x2668;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "🏎️", "name": "racing car", "shortname": ":racing_car:", "unicode": "1F3CE FE0F", "html": "&#x1F3CE;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏍️", "name": "motorcycle", "shortname": ":motorcycle:", "unicode": "1F3CD FE0F", "html": "&#x1F3CD;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛵", "name": "motor scooter", "shortname": ":motor_scooter:", "unicode": "1F6F5", "html": "&#x1F6F5;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🦽", "name": "manual wheelchair", "shortname": ":manual_wheelchair:", "unicode": "1F9BD", "html": "&#x1F9BD;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🦼", "name": "motorized wheelchair", "shortname": ":motorized_wheelchair:", "unicode": "1F9BC", "html": "&#x1F9BC;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛺", "name": "auto rickshaw", "shortname": ":auto_rickshaw:", "unicode": "1F6FA", "html": "&#x1F6FA;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛴", "name": "kick scooter", "shortname": ":kick_scooter:", "unicode": "1F6F4", "html": "&#x1F6F4;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛹", "name": "skateboard", "shortname": ":skateboard:", "unicode": "1F6F9", "html": "&#x1F6F9;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛣️", "name": "motorway", "shortname": ":motorway:", "unicode": "1F6E3 FE0F", "html": "&#x1F6E3;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛤️", "name": "railway track", "shortname": ":railway_track:", "unicode": "1F6E4 FE0F", "html": "&#x1F6E4;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛢️", "name": "oil drum", "shortname": ":oil_drum:", "unicode": "1F6E2 FE0F", "html": "&#x1F6E2;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛶", "name": "canoe", "shortname": ":canoe:", "unicode": "1F6F6", "html": "&#x1F6F6;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛳️", "name": "passenger ship", "shortname": ":passenger_ship:", "unicode": "1F6F3 FE0F", "html": "&#x1F6F3;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "⛴️", "name": "ferry", "shortname": ":ferry:", "unicode": "26F4 FE0F", "html": "&#x26F4;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛥️", "name": "motor boat", "shortname": ":motor_boat:", "unicode": "1F6E5 FE0F", "html": "&#x1F6E5;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "✈", "name": "airplane", "shortname": ":airplane:", "unicode": "2708", "html": "&#x2708;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛩️", "name": "small airplane", "shortname": ":small_airplane:", "unicode": "1F6E9 FE0F", "html": "&#x1F6E9;&#xFE0F;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🪂", "name": "parachute", "shortname": ":parachute:", "unicode": "1FA82", "html": "&#x1FA82;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛰️", "name": "satellite", "shortname": ":satellite:", "unicode": "1F6F0 FE0F", "html": "&#x1F6F0;&#xFE0F;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛸", "name": "flying saucer", "shortname": ":flying_saucer:", "unicode": "1F6F8", "html": "&#x1F6F8;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛎️", "name": "bellhop bell", "shortname": ":bellhop_bell:", "unicode": "1F6CE FE0F", "html": "&#x1F6CE;&#xFE0F;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "🧳", "name": "luggage", "shortname": ":luggage:", "unicode": "1F9F3", "html": "&#x1F9F3;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "⏱️", "name": "stopwatch", "shortname": ":stopwatch:", "unicode": "23F1 FE0F", "html": "&#x23F1;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "⏲️", "name": "timer clock", "shortname": ":timer_clock:", "unicode": "23F2 FE0F", "html": "&#x23F2;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🕰️", "name": "mantelpiece clock", "shortname": ":mantelpiece_clock:", "unicode": "1F570 FE0F", "html": "&#x1F570;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🌡️", "name": "thermometer", "shortname": ":thermometer:", "unicode": "1F321 FE0F", "html": "&#x1F321;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☀", "name": "sun", "shortname": ":sun:", "unicode": "2600", "html": "&#x2600;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🪐", "name": "ringed planet", "shortname": ":ringed_planet:", "unicode": "1FA90", "html": "&#x1FA90;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☁️", "name": "cloud", "shortname": ":cloud:", "unicode": "2601 FE0F", "html": "&#x2601;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛈️", "name": "cloud with lightning and rain", "shortname": ":cloud_with_lightning_and_rain:", "unicode": "26C8 FE0F", "html": "&#x26C8;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌤️", "name": "sun behind small cloud", "shortname": ":sun_behind_small_cloud:", "unicode": "1F324 FE0F", "html": "&#x1F324;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌥️", "name": "sun behind large cloud", "shortname": ":sun_behind_large_cloud:", "unicode": "1F325 FE0F", "html": "&#x1F325;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌦️", "name": "sun behind rain cloud", "shortname": ":sun_behind_rain_cloud:", "unicode": "1F326 FE0F", "html": "&#x1F326;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌧️", "name": "cloud with rain", "shortname": ":cloud_with_rain:", "unicode": "1F327 FE0F", "html": "&#x1F327;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌨️", "name": "cloud with snow", "shortname": ":cloud_with_snow:", "unicode": "1F328 FE0F", "html": "&#x1F328;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌩️", "name": "cloud with lightning", "shortname": ":cloud_with_lightning:", "unicode": "1F329 FE0F", "html": "&#x1F329;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌪️", "name": "tornado", "shortname": ":tornado:", "unicode": "1F32A FE0F", "html": "&#x1F32A;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌫️", "name": "fog", "shortname": ":fog:", "unicode": "1F32B FE0F", "html": "&#x1F32B;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌬️", "name": "wind face", "shortname": ":wind_face:", "unicode": "1F32C FE0F", "html": "&#x1F32C;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☂", "name": "umbrella", "shortname": ":umbrella:", "unicode": "2602", "html": "&#x2602;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛱️", "name": "umbrella on ground", "shortname": ":umbrella_on_ground:", "unicode": "26F1 FE0F", "html": "&#x26F1;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "❄", "name": "snowflake", "shortname": ":snowflake:", "unicode": "2744", "html": "&#x2744;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☃", "name": "snowman", "shortname": ":snowman:", "unicode": "2603", "html": "&#x2603;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☄️", "name": "comet", "shortname": ":comet:", "unicode": "2604 FE0F", "html": "&#x2604;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🧨", "name": "firecracker", "shortname": ":firecracker:", "unicode": "1F9E8", "html": "&#x1F9E8;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🧧", "name": "red envelope", "shortname": ":red_envelope:", "unicode": "1F9E7", "html": "&#x1F9E7;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎗️", "name": "reminder ribbon", "shortname": ":reminder_ribbon:", "unicode": "1F397 FE0F", "html": "&#x1F397;&#xFE0F;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎟️", "name": "admission tickets", "shortname": ":admission_tickets:", "unicode": "1F39F FE0F", "html": "&#x1F39F;&#xFE0F;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎖️", "name": "military medal", "shortname": ":military_medal:", "unicode": "1F396 FE0F", "html": "&#x1F396;&#xFE0F;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥇", "name": "1st place medal", "shortname": ":1st_place_medal:", "unicode": "1F947", "html": "&#x1F947;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥈", "name": "2nd place medal", "shortname": ":2nd_place_medal:", "unicode": "1F948", "html": "&#x1F948;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥉", "name": "3rd place medal", "shortname": ":3rd_place_medal:", "unicode": "1F949", "html": "&#x1F949;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "⚾", "name": "baseball", "shortname": ":baseball:", "unicode": "26BE", "html": "&#x26BE;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥎", "name": "softball", "shortname": ":softball:", "unicode": "1F94E", "html": "&#x1F94E;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥏", "name": "flying disc", "shortname": ":flying_disc:", "unicode": "1F94F", "html": "&#x1F94F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥍", "name": "lacrosse", "shortname": ":lacrosse:", "unicode": "1F94D", "html": "&#x1F94D;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥊", "name": "boxing glove", "shortname": ":boxing_glove:", "unicode": "1F94A", "html": "&#x1F94A;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥋", "name": "martial arts uniform", "shortname": ":martial_arts_uniform:", "unicode": "1F94B", "html": "&#x1F94B;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥅", "name": "goal net", "shortname": ":goal_net:", "unicode": "1F945", "html": "&#x1F945;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "⛸️", "name": "ice skate", "shortname": ":ice_skate:", "unicode": "26F8 FE0F", "html": "&#x26F8;&#xFE0F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🤿", "name": "diving mask", "shortname": ":diving_mask:", "unicode": "1F93F", "html": "&#x1F93F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🛷", "name": "sled", "shortname": ":sled:", "unicode": "1F6F7", "html": "&#x1F6F7;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥌", "name": "curling stone", "shortname": ":curling_stone:", "unicode": "1F94C", "html": "&#x1F94C;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🪀", "name": "yo-yo", "shortname": ":yoyo:", "unicode": "1FA80", "html": "&#x1FA80;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🪁", "name": "kite", "shortname": ":kite:", "unicode": "1FA81", "html": "&#x1FA81;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧿", "name": "nazar amulet", "shortname": ":nazar_amulet:", "unicode": "1F9FF", "html": "&#x1F9FF;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🕹️", "name": "joystick", "shortname": ":joystick:", "unicode": "1F579 FE0F", "html": "&#x1F579;&#xFE0F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧩", "name": "puzzle piece", "shortname": ":puzzle_piece:", "unicode": "1F9E9", "html": "&#x1F9E9;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧸", "name": "teddy bear", "shortname": ":teddy_bear:", "unicode": "1F9F8", "html": "&#x1F9F8;", "category": "Activities (game)", "order": ""},
-		{"emoji": "♟️", "name": "chess pawn", "shortname": ":chess_pawn:", "unicode": "265F FE0F", "html": "&#x265F;&#xFE0F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "♟", "name": "chess pawn", "shortname": ":chess_pawn:", "unicode": "265F", "html": "&#x265F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🖼️", "name": "framed picture", "shortname": ":framed_picture:", "unicode": "1F5BC FE0F", "html": "&#x1F5BC;&#xFE0F;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🧵", "name": "thread", "shortname": ":thread:", "unicode": "1F9F5", "html": "&#x1F9F5;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🧶", "name": "yarn", "shortname": ":yarn:", "unicode": "1F9F6", "html": "&#x1F9F6;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🕶️", "name": "sunglasses", "shortname": ":sunglasses:", "unicode": "1F576 FE0F", "html": "&#x1F576;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥽", "name": "goggles", "shortname": ":goggles:", "unicode": "1F97D", "html": "&#x1F97D;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥼", "name": "lab coat", "shortname": ":lab_coat:", "unicode": "1F97C", "html": "&#x1F97C;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🦺", "name": "safety vest", "shortname": ":safety_vest:", "unicode": "1F9BA", "html": "&#x1F9BA;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧣", "name": "scarf", "shortname": ":scarf:", "unicode": "1F9E3", "html": "&#x1F9E3;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧤", "name": "gloves", "shortname": ":gloves:", "unicode": "1F9E4", "html": "&#x1F9E4;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧥", "name": "coat", "shortname": ":coat:", "unicode": "1F9E5", "html": "&#x1F9E5;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧦", "name": "socks", "shortname": ":socks:", "unicode": "1F9E6", "html": "&#x1F9E6;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥻", "name": "sari", "shortname": ":sari:", "unicode": "1F97B", "html": "&#x1F97B;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩱", "name": "one-piece swimsuit", "shortname": ":onepiece_swimsuit:", "unicode": "1FA71", "html": "&#x1FA71;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩲", "name": "briefs", "shortname": ":briefs:", "unicode": "1FA72", "html": "&#x1FA72;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩳", "name": "shorts", "shortname": ":shorts:", "unicode": "1FA73", "html": "&#x1FA73;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🛍️", "name": "shopping bags", "shortname": ":shopping_bags:", "unicode": "1F6CD FE0F", "html": "&#x1F6CD;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥾", "name": "hiking boot", "shortname": ":hiking_boot:", "unicode": "1F97E", "html": "&#x1F97E;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥿", "name": "flat shoe", "shortname": ":flat_shoe:", "unicode": "1F97F", "html": "&#x1F97F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩰", "name": "ballet shoes", "shortname": ":ballet_shoes:", "unicode": "1FA70", "html": "&#x1FA70;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧢", "name": "billed cap", "shortname": ":billed_cap:", "unicode": "1F9E2", "html": "&#x1F9E2;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "⛑️", "name": "rescue worker’s helmet", "shortname": ":rescue_worker’s_helmet:", "unicode": "26D1 FE0F", "html": "&#x26D1;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🎙️", "name": "studio microphone", "shortname": ":studio_microphone:", "unicode": "1F399 FE0F", "html": "&#x1F399;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🎚️", "name": "level slider", "shortname": ":level_slider:", "unicode": "1F39A FE0F", "html": "&#x1F39A;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🎛️", "name": "control knobs", "shortname": ":control_knobs:", "unicode": "1F39B FE0F", "html": "&#x1F39B;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🪕", "name": "banjo", "shortname": ":banjo:", "unicode": "1FA95", "html": "&#x1FA95;", "category": "Objects (musical-instrument)", "order": ""},
-		{"emoji": "☎", "name": "telephone", "shortname": ":telephone:", "unicode": "260E", "html": "&#x260E;", "category": "Objects (phone)", "order": ""},
-		{"emoji": "🖥️", "name": "desktop computer", "shortname": ":desktop_computer:", "unicode": "1F5A5 FE0F", "html": "&#x1F5A5;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖨️", "name": "printer", "shortname": ":printer:", "unicode": "1F5A8 FE0F", "html": "&#x1F5A8;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "⌨️", "name": "keyboard", "shortname": ":keyboard:", "unicode": "2328 FE0F", "html": "&#x2328;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖱️", "name": "computer mouse", "shortname": ":computer_mouse:", "unicode": "1F5B1 FE0F", "html": "&#x1F5B1;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖲️", "name": "trackball", "shortname": ":trackball:", "unicode": "1F5B2 FE0F", "html": "&#x1F5B2;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🧮", "name": "abacus", "shortname": ":abacus:", "unicode": "1F9EE", "html": "&#x1F9EE;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🎞️", "name": "film frames", "shortname": ":film_frames:", "unicode": "1F39E FE0F", "html": "&#x1F39E;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "📽️", "name": "film projector", "shortname": ":film_projector:", "unicode": "1F4FD FE0F", "html": "&#x1F4FD;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🕯️", "name": "candle", "shortname": ":candle:", "unicode": "1F56F FE0F", "html": "&#x1F56F;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🪔", "name": "diya lamp", "shortname": ":diya_lamp:", "unicode": "1FA94", "html": "&#x1FA94;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🗞️", "name": "rolled-up newspaper", "shortname": ":rolledup_newspaper:", "unicode": "1F5DE FE0F", "html": "&#x1F5DE;&#xFE0F;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🏷️", "name": "label", "shortname": ":label:", "unicode": "1F3F7 FE0F", "html": "&#x1F3F7;&#xFE0F;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🧾", "name": "receipt", "shortname": ":receipt:", "unicode": "1F9FE", "html": "&#x1F9FE;", "category": "Objects (money)", "order": ""},
-		{"emoji": "✉", "name": "envelope", "shortname": ":envelope:", "unicode": "2709", "html": "&#x2709;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "🗳️", "name": "ballot box with ballot", "shortname": ":ballot_box_with_ballot:", "unicode": "1F5F3 FE0F", "html": "&#x1F5F3;&#xFE0F;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "✏️", "name": "pencil", "shortname": ":pencil:", "unicode": "270F FE0F", "html": "&#x270F;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "✒️", "name": "black nib", "shortname": ":black_nib:", "unicode": "2712 FE0F", "html": "&#x2712;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖋️", "name": "fountain pen", "shortname": ":fountain_pen:", "unicode": "1F58B FE0F", "html": "&#x1F58B;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖊️", "name": "pen", "shortname": ":pen:", "unicode": "1F58A FE0F", "html": "&#x1F58A;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖌️", "name": "paintbrush", "shortname": ":paintbrush:", "unicode": "1F58C FE0F", "html": "&#x1F58C;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖍️", "name": "crayon", "shortname": ":crayon:", "unicode": "1F58D FE0F", "html": "&#x1F58D;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🗂️", "name": "card index dividers", "shortname": ":card_index_dividers:", "unicode": "1F5C2 FE0F", "html": "&#x1F5C2;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗒️", "name": "spiral notepad", "shortname": ":spiral_notepad:", "unicode": "1F5D2 FE0F", "html": "&#x1F5D2;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗓️", "name": "spiral calendar", "shortname": ":spiral_calendar:", "unicode": "1F5D3 FE0F", "html": "&#x1F5D3;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🖇️", "name": "linked paperclips", "shortname": ":linked_paperclips:", "unicode": "1F587 FE0F", "html": "&#x1F587;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "✂", "name": "scissors", "shortname": ":scissors:", "unicode": "2702", "html": "&#x2702;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗃️", "name": "card file box", "shortname": ":card_file_box:", "unicode": "1F5C3 FE0F", "html": "&#x1F5C3;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗄️", "name": "file cabinet", "shortname": ":file_cabinet:", "unicode": "1F5C4 FE0F", "html": "&#x1F5C4;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗑️", "name": "wastebasket", "shortname": ":wastebasket:", "unicode": "1F5D1 FE0F", "html": "&#x1F5D1;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗝️", "name": "old key", "shortname": ":old_key:", "unicode": "1F5DD FE0F", "html": "&#x1F5DD;&#xFE0F;", "category": "Objects (lock)", "order": ""},
-		{"emoji": "🪓", "name": "axe", "shortname": ":axe:", "unicode": "1FA93", "html": "&#x1FA93;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⛏️", "name": "pick", "shortname": ":pick:", "unicode": "26CF FE0F", "html": "&#x26CF;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚒️", "name": "hammer and pick", "shortname": ":hammer_and_pick:", "unicode": "2692 FE0F", "html": "&#x2692;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛠️", "name": "hammer and wrench", "shortname": ":hammer_and_wrench:", "unicode": "1F6E0 FE0F", "html": "&#x1F6E0;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗡️", "name": "dagger", "shortname": ":dagger:", "unicode": "1F5E1 FE0F", "html": "&#x1F5E1;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚔️", "name": "crossed swords", "shortname": ":crossed_swords:", "unicode": "2694 FE0F", "html": "&#x2694;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛡️", "name": "shield", "shortname": ":shield:", "unicode": "1F6E1 FE0F", "html": "&#x1F6E1;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚙️", "name": "gear", "shortname": ":gear:", "unicode": "2699 FE0F", "html": "&#x2699;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗜️", "name": "clamp", "shortname": ":clamp:", "unicode": "1F5DC FE0F", "html": "&#x1F5DC;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚖️", "name": "balance scale", "shortname": ":balance_scale:", "unicode": "2696 FE0F", "html": "&#x2696;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🦯", "name": "probing cane", "shortname": ":probing_cane:", "unicode": "1F9AF", "html": "&#x1F9AF;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⛓️", "name": "chains", "shortname": ":chains:", "unicode": "26D3 FE0F", "html": "&#x26D3;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🧰", "name": "toolbox", "shortname": ":toolbox:", "unicode": "1F9F0", "html": "&#x1F9F0;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🧲", "name": "magnet", "shortname": ":magnet:", "unicode": "1F9F2", "html": "&#x1F9F2;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚗️", "name": "alembic", "shortname": ":alembic:", "unicode": "2697 FE0F", "html": "&#x2697;&#xFE0F;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧪", "name": "test tube", "shortname": ":test_tube:", "unicode": "1F9EA", "html": "&#x1F9EA;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧫", "name": "petri dish", "shortname": ":petri_dish:", "unicode": "1F9EB", "html": "&#x1F9EB;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧬", "name": "dna", "shortname": ":dna:", "unicode": "1F9EC", "html": "&#x1F9EC;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🩸", "name": "drop of blood", "shortname": ":drop_of_blood:", "unicode": "1FA78", "html": "&#x1FA78;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🩹", "name": "adhesive bandage", "shortname": ":adhesive_bandage:", "unicode": "1FA79", "html": "&#x1FA79;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🩺", "name": "stethoscope", "shortname": ":stethoscope:", "unicode": "1FA7A", "html": "&#x1FA7A;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🛏️", "name": "bed", "shortname": ":bed:", "unicode": "1F6CF FE0F", "html": "&#x1F6CF;&#xFE0F;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🛋️", "name": "couch and lamp", "shortname": ":couch_and_lamp:", "unicode": "1F6CB FE0F", "html": "&#x1F6CB;&#xFE0F;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🪑", "name": "chair", "shortname": ":chair:", "unicode": "1FA91", "html": "&#x1FA91;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🪒", "name": "razor", "shortname": ":razor:", "unicode": "1FA92", "html": "&#x1FA92;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧴", "name": "lotion bottle", "shortname": ":lotion_bottle:", "unicode": "1F9F4", "html": "&#x1F9F4;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧷", "name": "safety pin", "shortname": ":safety_pin:", "unicode": "1F9F7", "html": "&#x1F9F7;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧹", "name": "broom", "shortname": ":broom:", "unicode": "1F9F9", "html": "&#x1F9F9;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧺", "name": "basket", "shortname": ":basket:", "unicode": "1F9FA", "html": "&#x1F9FA;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧻", "name": "roll of paper", "shortname": ":roll_of_paper:", "unicode": "1F9FB", "html": "&#x1F9FB;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧼", "name": "soap", "shortname": ":soap:", "unicode": "1F9FC", "html": "&#x1F9FC;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧽", "name": "sponge", "shortname": ":sponge:", "unicode": "1F9FD", "html": "&#x1F9FD;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧯", "name": "fire extinguisher", "shortname": ":fire_extinguisher:", "unicode": "1F9EF", "html": "&#x1F9EF;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🛒", "name": "shopping cart", "shortname": ":shopping_cart:", "unicode": "1F6D2", "html": "&#x1F6D2;", "category": "Objects (household)", "order": ""},
-		{"emoji": "⚰️", "name": "coffin", "shortname": ":coffin:", "unicode": "26B0 FE0F", "html": "&#x26B0;&#xFE0F;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚱️", "name": "funeral urn", "shortname": ":funeral_urn:", "unicode": "26B1 FE0F", "html": "&#x26B1;&#xFE0F;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚠", "name": "warning", "shortname": ":warning:", "unicode": "26A0", "html": "&#x26A0;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "☢️", "name": "radioactive", "shortname": ":radioactive:", "unicode": "2622 FE0F", "html": "&#x2622;&#xFE0F;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "☣️", "name": "biohazard", "shortname": ":biohazard:", "unicode": "2623 FE0F", "html": "&#x2623;&#xFE0F;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "⬆", "name": "up arrow", "shortname": ":up_arrow:", "unicode": "2B06", "html": "&#x2B06;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↗", "name": "up-right arrow", "shortname": ":upright_arrow:", "unicode": "2197", "html": "&#x2197;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "➡️", "name": "right arrow", "shortname": ":right_arrow:", "unicode": "27A1 FE0F", "html": "&#x27A1;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↘", "name": "down-right arrow", "shortname": ":downright_arrow:", "unicode": "2198", "html": "&#x2198;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⬇", "name": "down arrow", "shortname": ":down_arrow:", "unicode": "2B07", "html": "&#x2B07;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↙", "name": "down-left arrow", "shortname": ":downleft_arrow:", "unicode": "2199", "html": "&#x2199;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⬅", "name": "left arrow", "shortname": ":left_arrow:", "unicode": "2B05", "html": "&#x2B05;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↖️", "name": "up-left arrow", "shortname": ":upleft_arrow:", "unicode": "2196 FE0F", "html": "&#x2196;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↕️", "name": "up-down arrow", "shortname": ":updown_arrow:", "unicode": "2195 FE0F", "html": "&#x2195;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↩", "name": "right arrow curving left", "shortname": ":right_arrow_curving_left:", "unicode": "21A9", "html": "&#x21A9;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↪", "name": "left arrow curving right", "shortname": ":left_arrow_curving_right:", "unicode": "21AA", "html": "&#x21AA;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⤴", "name": "right arrow curving up", "shortname": ":right_arrow_curving_up:", "unicode": "2934", "html": "&#x2934;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⤵", "name": "right arrow curving down", "shortname": ":right_arrow_curving_down:", "unicode": "2935", "html": "&#x2935;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⚛️", "name": "atom symbol", "shortname": ":atom_symbol:", "unicode": "269B FE0F", "html": "&#x269B;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "🕉️", "name": "om", "shortname": ":om:", "unicode": "1F549 FE0F", "html": "&#x1F549;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "✡", "name": "star of David", "shortname": ":star_of_David:", "unicode": "2721", "html": "&#x2721;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☸️", "name": "wheel of dharma", "shortname": ":wheel_of_dharma:", "unicode": "2638 FE0F", "html": "&#x2638;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☯️", "name": "yin yang", "shortname": ":yin_yang:", "unicode": "262F FE0F", "html": "&#x262F;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "✝", "name": "latin cross", "shortname": ":latin_cross:", "unicode": "271D", "html": "&#x271D;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☦️", "name": "orthodox cross", "shortname": ":orthodox_cross:", "unicode": "2626 FE0F", "html": "&#x2626;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☪️", "name": "star and crescent", "shortname": ":star_and_crescent:", "unicode": "262A FE0F", "html": "&#x262A;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☮️", "name": "peace symbol", "shortname": ":peace_symbol:", "unicode": "262E FE0F", "html": "&#x262E;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "▶", "name": "play button", "shortname": ":play_button:", "unicode": "25B6", "html": "&#x25B6;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏭️", "name": "next track button", "shortname": ":next_track_button:", "unicode": "23ED FE0F", "html": "&#x23ED;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏯️", "name": "play or pause button", "shortname": ":play_or_pause_button:", "unicode": "23EF FE0F", "html": "&#x23EF;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "◀", "name": "reverse button", "shortname": ":reverse_button:", "unicode": "25C0", "html": "&#x25C0;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏮️", "name": "last track button", "shortname": ":last_track_button:", "unicode": "23EE FE0F", "html": "&#x23EE;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏸️", "name": "pause button", "shortname": ":pause_button:", "unicode": "23F8 FE0F", "html": "&#x23F8;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏹️", "name": "stop button", "shortname": ":stop_button:", "unicode": "23F9 FE0F", "html": "&#x23F9;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏺️", "name": "record button", "shortname": ":record_button:", "unicode": "23FA FE0F", "html": "&#x23FA;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏏️", "name": "eject button", "shortname": ":eject_button:", "unicode": "23CF FE0F", "html": "&#x23CF;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏏", "name": "eject button", "shortname": ":eject_button:", "unicode": "23CF", "html": "&#x23CF;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "♀️", "name": "female sign", "shortname": ":female_sign:", "unicode": "2640 FE0F", "html": "&#x2640;&#xFE0F;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♀", "name": "female sign", "shortname": ":female_sign:", "unicode": "2640", "html": "&#x2640;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♂️", "name": "male sign", "shortname": ":male_sign:", "unicode": "2642 FE0F", "html": "&#x2642;&#xFE0F;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♂", "name": "male sign", "shortname": ":male_sign:", "unicode": "2642", "html": "&#x2642;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "⚕️", "name": "medical symbol", "shortname": ":medical_symbol:", "unicode": "2695 FE0F", "html": "&#x2695;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⚕", "name": "medical symbol", "shortname": ":medical_symbol:", "unicode": "2695", "html": "&#x2695;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♾️", "name": "infinity", "shortname": ":infinity:", "unicode": "267E FE0F", "html": "&#x267E;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♾", "name": "infinity", "shortname": ":infinity:", "unicode": "267E", "html": "&#x267E;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♻️", "name": "recycling symbol", "shortname": ":recycling_symbol:", "unicode": "267B FE0F", "html": "&#x267B;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⚜️", "name": "fleur-de-lis", "shortname": ":fleurde-lis:", "unicode": "269C FE0F", "html": "&#x269C;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "☑", "name": "check box with check", "shortname": ":check_box_with_check:", "unicode": "2611", "html": "&#x2611;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✔", "name": "check mark", "shortname": ":check_mark:", "unicode": "2714", "html": "&#x2714;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✖", "name": "multiplication sign", "shortname": ":multiplication_sign:", "unicode": "2716", "html": "&#x2716;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "〽", "name": "part alternation mark", "shortname": ":part_alternation_mark:", "unicode": "303D", "html": "&#x303D;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✳", "name": "eight-spoked asterisk", "shortname": ":eightspoked_asterisk:", "unicode": "2733", "html": "&#x2733;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✴", "name": "eight-pointed star", "shortname": ":eightpointed_star:", "unicode": "2734", "html": "&#x2734;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "❇", "name": "sparkle", "shortname": ":sparkle:", "unicode": "2747", "html": "&#x2747;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "‼", "name": "double exclamation mark", "shortname": ":double_exclamation_mark:", "unicode": "203C", "html": "&#x203C;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⁉", "name": "exclamation question mark", "shortname": ":exclamation_question_mark:", "unicode": "2049", "html": "&#x2049;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "〰️", "name": "wavy dash", "shortname": ":wavy_dash:", "unicode": "3030 FE0F", "html": "&#x3030;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "#️⃣", "name": "keycap: #", "shortname": ":#:", "unicode": "0023 FE0F 20E3", "html": "&#x0023;&#xFE0F;&#x20E3;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "🅰", "name": "A button (blood type)", "shortname": ":A_button_blood_type:", "unicode": "1F170", "html": "&#x1F170;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅱", "name": "B button (blood type)", "shortname": ":B_button_blood_type:", "unicode": "1F171", "html": "&#x1F171;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "ℹ️", "name": "information", "shortname": ":information:", "unicode": "2139 FE0F", "html": "&#x2139;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "Ⓜ", "name": "circled M", "shortname": ":circled_M:", "unicode": "24C2", "html": "&#x24C2;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅾", "name": "O button (blood type)", "shortname": ":O_button_blood_type:", "unicode": "1F17E", "html": "&#x1F17E;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅿", "name": "P button", "shortname": ":P_button:", "unicode": "1F17F", "html": "&#x1F17F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈂", "name": "Japanese service charge button", "shortname": ":Japanese_service_charge_button:", "unicode": "1F202", "html": "&#x1F202;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈷️", "name": "Japanese monthly amount button", "shortname": ":Japanese_monthly_amount_button:", "unicode": "1F237 FE0F", "html": "&#x1F237;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈯", "name": "Japanese reserved button", "shortname": ":Japanese_reserved_button:", "unicode": "1F22F", "html": "&#x1F22F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈚", "name": "Japanese free of charge button", "shortname": ":Japanese_free_of_charge_button:", "unicode": "1F21A", "html": "&#x1F21A;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "㊗️", "name": "Japanese congratulations button", "shortname": ":Japanese_congratulations_button:", "unicode": "3297 FE0F", "html": "&#x3297;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "㊙️", "name": "Japanese secret button", "shortname": ":Japanese_secret_button:", "unicode": "3299 FE0F", "html": "&#x3299;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🟠", "name": "orange circle", "shortname": ":orange_circle:", "unicode": "1F7E0", "html": "&#x1F7E0;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟡", "name": "yellow circle", "shortname": ":yellow_circle:", "unicode": "1F7E1", "html": "&#x1F7E1;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟢", "name": "green circle", "shortname": ":green_circle:", "unicode": "1F7E2", "html": "&#x1F7E2;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟣", "name": "purple circle", "shortname": ":purple_circle:", "unicode": "1F7E3", "html": "&#x1F7E3;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟤", "name": "brown circle", "shortname": ":brown_circle:", "unicode": "1F7E4", "html": "&#x1F7E4;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟥", "name": "red square", "shortname": ":red_square:", "unicode": "1F7E5", "html": "&#x1F7E5;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟧", "name": "orange square", "shortname": ":orange_square:", "unicode": "1F7E7", "html": "&#x1F7E7;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟨", "name": "yellow square", "shortname": ":yellow_square:", "unicode": "1F7E8", "html": "&#x1F7E8;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟩", "name": "green square", "shortname": ":green_square:", "unicode": "1F7E9", "html": "&#x1F7E9;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟦", "name": "blue square", "shortname": ":blue_square:", "unicode": "1F7E6", "html": "&#x1F7E6;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "▪", "name": "black small square", "shortname": ":black_small_square:", "unicode": "25AA", "html": "&#x25AA;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "▫️", "name": "white small square", "shortname": ":white_small_square:", "unicode": "25AB FE0F", "html": "&#x25AB;&#xFE0F;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🏳️", "name": "white flag", "shortname": ":white_flag:", "unicode": "1F3F3 FE0F", "html": "&#x1F3F3;&#xFE0F;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏳️‍🌈", "name": "rainbow flag", "shortname": ":rainbow_flag:", "unicode": "1F3F3 FE0F 200D 1F308", "html": "&#x1F3F3;&#xFE0F;&#x200D;&#x1F308;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏴‍☠️", "name": "pirate flag", "shortname": ":pirate_flag:", "unicode": "1F3F4 200D 2620 FE0F", "html": "&#x1F3F4;&#x200D;&#x2620;&#xFE0F;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏴‍☠", "name": "pirate flag", "shortname": ":pirate_flag:", "unicode": "1F3F4 200D 2620", "html": "&#x1F3F4;&#x200D;&#x2620;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🇺🇳", "name": "flag: United Nations", "shortname": ":United_Nations:", "unicode": "1F1FA 1F1F3", "html": "&#x1F1FA;&#x1F1F3;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁥󠁮󠁧󠁿", "name": "flag: England", "shortname": ":England:", "unicode": "1F3F4 E0067 E0062 E0065 E006E E0067 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0065;&#xE006E;&#xE0067;&#xE007F;", "category": "Flags (subdivision-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁳󠁣󠁴󠁿", "name": "flag: Scotland", "shortname": ":Scotland:", "unicode": "1F3F4 E0067 E0062 E0073 E0063 E0074 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0073;&#xE0063;&#xE0074;&#xE007F;", "category": "Flags (subdivision-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁷󠁬󠁳󠁿", "name": "Wales", "shortname": ":wales:", "unicode": "1F3F4 E0067 E0062 E0077 E006C E0073 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0077;&#xE006C;&#xE0073;&#xE007F;", "category": "(subdivision-flag)", "order": ""}
-	]
-}
\ No newline at end of file
+  "emojis": [
+    {
+      "emoji": "👩‍👩‍👧‍👧",
+      "name": "family: woman, woman, girl, girl",
+      "shortname": ":woman_woman_girl_girl:",
+      "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👧‍👦",
+      "name": "family: woman, woman, girl, boy",
+      "shortname": ":woman_woman_girl_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👦‍👦",
+      "name": "family: woman, woman, boy, boy",
+      "shortname": ":woman_woman_boy_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧‍👧",
+      "name": "family: man, woman, girl, girl",
+      "shortname": ":man_woman_girl_girl:",
+      "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧‍👦",
+      "name": "family: man, woman, girl, boy",
+      "shortname": ":man_woman_girl_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👦‍👦",
+      "name": "family: man, woman, boy, boy",
+      "shortname": ":man_woman_boy_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧‍👧",
+      "name": "family: man, man, girl, girl",
+      "shortname": ":man_man_girl_girl:",
+      "unicode": "1F468 200D 1F468 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧‍👦",
+      "name": "family: man, man, girl, boy",
+      "shortname": ":man_man_girl_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👦‍👦",
+      "name": "family: man, man, boy, boy",
+      "shortname": ":man_man_boy_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👧",
+      "name": "family: woman, woman, girl",
+      "shortname": ":woman_woman_girl:",
+      "unicode": "1F469 200D 1F469 200D 1F467",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👦",
+      "name": "family: woman, woman, boy",
+      "shortname": ":woman_woman_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧‍👧",
+      "name": "family: woman, girl, girl",
+      "shortname": ":woman_girl_girl:",
+      "unicode": "1F469 200D 1F467 200D 1F467",
+      "html": "&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧‍👦",
+      "name": "family: woman, girl, boy",
+      "shortname": ":woman_girl_boy:",
+      "unicode": "1F469 200D 1F467 200D 1F466",
+      "html": "&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👦‍👦",
+      "name": "family: woman, boy, boy",
+      "shortname": ":woman_boy_boy:",
+      "unicode": "1F469 200D 1F466 200D 1F466",
+      "html": "&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧",
+      "name": "family: man, woman, girl",
+      "shortname": ":man_woman_girl:",
+      "unicode": "1F468 200D 1F469 200D 1F467",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧",
+      "name": "family: man, man, girl",
+      "shortname": ":man_man_girl:",
+      "unicode": "1F468 200D 1F468 200D 1F467",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👦",
+      "name": "family: man, man, boy",
+      "shortname": ":man_man_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧‍👧",
+      "name": "family: man, girl, girl",
+      "shortname": ":man_girl_girl:",
+      "unicode": "1F468 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧‍👦",
+      "name": "family: man, girl, boy",
+      "shortname": ":man_girl_boy:",
+      "unicode": "1F468 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👦‍👦",
+      "name": "family: man, boy, boy",
+      "shortname": ":man_boy_boy:",
+      "unicode": "1F468 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧",
+      "name": "family: woman, girl",
+      "shortname": ":woman_girl:",
+      "unicode": "1F469 200D 1F467",
+      "html": "&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👦",
+      "name": "family: woman, boy",
+      "shortname": ":woman_boy:",
+      "unicode": "1F469 200D 1F466",
+      "html": "&#128105;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧",
+      "name": "family: man, girl",
+      "shortname": ":man_girl:",
+      "unicode": "1F468 200D 1F467",
+      "html": "&#128104;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👦",
+      "name": "family: man, boy",
+      "shortname": ":man_boy:",
+      "unicode": "1F468 200D 1F466",
+      "html": "&#128104;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "😂",
+      "name": "face with tears of joy",
+      "shortname": ":joy:",
+      "unicode": "1f602",
+      "html": "&#128514;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "3"
+    },
+    {
+      "emoji": "❤️",
+      "name": "red heart",
+      "shortname": ":heart:",
+      "unicode": "2764",
+      "html": "&#10084;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1286"
+    },
+    {
+      "emoji": "♥️",
+      "name": "heart suit",
+      "shortname": ":heart_suit:",
+      "unicode": "2665 FE0F",
+      "html": "&hearts;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "😍",
+      "name": "smiling face with heart-eyes",
+      "shortname": ":heart_eyes:",
+      "unicode": "1f60d",
+      "html": "&#128525;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "13"
+    },
+    {
+      "emoji": "😭",
+      "name": "loudly crying face",
+      "shortname": ":sob:",
+      "unicode": "1f62d",
+      "html": "&#128557;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "55"
+    },
+    {
+      "emoji": "😊",
+      "name": "smiling face with smiling eyes",
+      "shortname": ":blush:",
+      "unicode": "1f60a",
+      "html": "&#128522;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "10"
+    },
+    {
+      "emoji": "😒",
+      "name": "unamused face",
+      "shortname": ":unamused:",
+      "unicode": "1f612",
+      "html": "&#128530;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "41"
+    },
+    {
+      "emoji": "😘",
+      "name": "face blowing a kiss",
+      "shortname": ":kissing_heart:",
+      "unicode": "1f618",
+      "html": "&#128536;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "14"
+    },
+    {
+      "emoji": "💕",
+      "name": "two hearts",
+      "shortname": ":two_hearts:",
+      "unicode": "1f495",
+      "html": "&#128149;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1289"
+    },
+    {
+      "emoji": "☺️",
+      "name": "smiling face",
+      "shortname": ":smiling:",
+      "unicode": "263A FE0F",
+      "html": "&#9786;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "😩",
+      "name": "weary face",
+      "shortname": ":weary:",
+      "unicode": "1f629",
+      "html": "&#128553;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "59"
+    },
+    {
+      "emoji": "👌🏿",
+      "name": "OK hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44C 1F3FF",
+      "html": "&#128076;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏾",
+      "name": "OK hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44C 1F3FE",
+      "html": "&#128076;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏽",
+      "name": "OK hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44C 1F3FD",
+      "html": "&#128076;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏼",
+      "name": "OK hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44C 1F3FC",
+      "html": "&#128076;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏻",
+      "name": "OK hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44C 1F3FB",
+      "html": "&#128076;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌",
+      "name": "OK hand",
+      "shortname": ":ok_hand:",
+      "unicode": "1f44c",
+      "html": "&#128076;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": "1170"
+    },
+    {
+      "emoji": "😔",
+      "name": "pensive face",
+      "shortname": ":pensive:",
+      "unicode": "1f614",
+      "html": "&#128532;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "43"
+    },
+    {
+      "emoji": "😏",
+      "name": "smirking face",
+      "shortname": ":smirk:",
+      "unicode": "1f60f",
+      "html": "&#128527;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "26"
+    },
+    {
+      "emoji": "😁",
+      "name": "beaming face with smiling eyes",
+      "shortname": ":grin:",
+      "unicode": "1f601",
+      "html": "&#128513;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "2"
+    },
+    {
+      "emoji": "♻",
+      "name": "recycling symbol",
+      "shortname": ":recycle:",
+      "unicode": "267b",
+      "html": "&#9851;",
+      "category": "Symbols (other-symbol)",
+      "order": "2072"
+    },
+    {
+      "emoji": "😉",
+      "name": "winking face",
+      "shortname": ":wink:",
+      "unicode": "1f609",
+      "html": "&#128521;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "9"
+    },
+    {
+      "emoji": "👍🏿",
+      "name": "thumbs up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44D 1F3FF",
+      "html": "&#128077;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏾",
+      "name": "thumbs up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44D 1F3FE",
+      "html": "&#128077;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏽",
+      "name": "thumbs up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44D 1F3FD",
+      "html": "&#128077;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏼",
+      "name": "thumbs up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44D 1F3FC",
+      "html": "&#128077;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏻",
+      "name": "thumbs up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44D 1F3FB",
+      "html": "&#128077;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍",
+      "name": "thumbs up",
+      "shortname": ":thumbsup:",
+      "unicode": "1f44d",
+      "html": "&#128077;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1176"
+    },
+    {
+      "emoji": "🙏🏿",
+      "name": "folded hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64F 1F3FF",
+      "html": "&#128591;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏾",
+      "name": "folded hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64F 1F3FE",
+      "html": "&#128591;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏽",
+      "name": "folded hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64F 1F3FD",
+      "html": "&#128591;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏼",
+      "name": "folded hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64F 1F3FC",
+      "html": "&#128591;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏻",
+      "name": "folded hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64F 1F3FB",
+      "html": "&#128591;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏",
+      "name": "folded hands",
+      "shortname": ":pray:",
+      "unicode": "1f64f",
+      "html": "&#128591;",
+      "category": "People & Body (hands)",
+      "order": "1248"
+    },
+    {
+      "emoji": "😌",
+      "name": "relieved face",
+      "shortname": ":relieved:",
+      "unicode": "1f60c",
+      "html": "&#128524;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "35"
+    },
+    {
+      "emoji": "🎶",
+      "name": "musical notes",
+      "shortname": ":notes:",
+      "unicode": "1f3b6",
+      "html": "&#127926;",
+      "category": "Objects (music)",
+      "order": "1825"
+    },
+    {
+      "emoji": "😳",
+      "name": "flushed face",
+      "shortname": ":flushed:",
+      "unicode": "1f633",
+      "html": "&#128563;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "63"
+    },
+    {
+      "emoji": "🙌🏿",
+      "name": "raising hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64C 1F3FF",
+      "html": "&#128588;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏾",
+      "name": "raising hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64C 1F3FE",
+      "html": "&#128588;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏽",
+      "name": "raising hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64C 1F3FD",
+      "html": "&#128588;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏼",
+      "name": "raising hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64C 1F3FC",
+      "html": "&#128588;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏻",
+      "name": "raising hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64C 1F3FB",
+      "html": "&#128588;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌",
+      "name": "raising hands",
+      "shortname": ":raised_hands:",
+      "unicode": "1f64c",
+      "html": "&#128588;",
+      "category": "People & Body (hands)",
+      "order": "1242"
+    },
+    {
+      "emoji": "🙈",
+      "name": "see-no-evil monkey",
+      "shortname": ":see_no_evil:",
+      "unicode": "1f648",
+      "html": "&#128584;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "96"
+    },
+    {
+      "emoji": "😢",
+      "name": "crying face",
+      "shortname": ":cry:",
+      "unicode": "1f622",
+      "html": "&#128546;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "54"
+    },
+    {
+      "emoji": "😎",
+      "name": "smiling face with sunglasses",
+      "shortname": ":sunglasses:",
+      "unicode": "1f60e",
+      "html": "&#128526;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": "12"
+    },
+    {
+      "emoji": "✌🏿",
+      "name": "victory hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270C 1F3FF",
+      "html": "&#9996;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏾",
+      "name": "victory hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270C 1F3FE",
+      "html": "&#9996;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏽",
+      "name": "victory hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270C 1F3FD",
+      "html": "&#9996;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏼",
+      "name": "victory hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270C 1F3FC",
+      "html": "&#9996;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏻",
+      "name": "victory hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270C 1F3FB",
+      "html": "&#9996;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌️",
+      "name": "victory hand",
+      "shortname": ":v:",
+      "unicode": "270c",
+      "html": "&#9996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": "1128"
+    },
+    {
+      "emoji": "👀",
+      "name": "eyes",
+      "shortname": ":eyes:",
+      "unicode": "1f440",
+      "html": "&#128064;",
+      "category": "People & Body (body-parts)",
+      "order": "1279"
+    },
+    {
+      "emoji": "😅",
+      "name": "grinning face with sweat",
+      "shortname": ":sweat_smile:",
+      "unicode": "1f605",
+      "html": "&#128517;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "7"
+    },
+    {
+      "emoji": "✨",
+      "name": "sparkles",
+      "shortname": ":sparkles:",
+      "unicode": "2728",
+      "html": "&#10024;",
+      "category": "Activities (event)",
+      "order": "1760"
+    },
+    {
+      "emoji": "😴",
+      "name": "sleeping face",
+      "shortname": ":sleeping:",
+      "unicode": "1f634",
+      "html": "&#128564;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "34"
+    },
+    {
+      "emoji": "😄",
+      "name": "grinning face with smiling eyes",
+      "shortname": ":smile:",
+      "unicode": "1f604",
+      "html": "&#128516;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "6"
+    },
+    {
+      "emoji": "💜",
+      "name": "purple heart",
+      "shortname": ":purple_heart:",
+      "unicode": "1f49c",
+      "html": "&#128156;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1295"
+    },
+    {
+      "emoji": "💔",
+      "name": "broken heart",
+      "shortname": ":broken_heart:",
+      "unicode": "1f494",
+      "html": "&#128148;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1288"
+    },
+    {
+      "emoji": "💯",
+      "name": "hundred points",
+      "shortname": ":hundred_points:",
+      "unicode": "1F4AF",
+      "html": "&#128175;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "😑",
+      "name": "expressionless face",
+      "shortname": ":expressionless:",
+      "unicode": "1f611",
+      "html": "&#128529;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "23"
+    },
+    {
+      "emoji": "💖",
+      "name": "sparkling heart",
+      "shortname": ":sparkling_heart:",
+      "unicode": "1f496",
+      "html": "&#128150;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1290"
+    },
+    {
+      "emoji": "💙",
+      "name": "blue heart",
+      "shortname": ":blue_heart:",
+      "unicode": "1f499",
+      "html": "&#128153;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1292"
+    },
+    {
+      "emoji": "😕",
+      "name": "confused face",
+      "shortname": ":confused:",
+      "unicode": "1f615",
+      "html": "&#128533;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "44"
+    },
+    {
+      "emoji": "💁🏿‍♂",
+      "name": "man tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2642",
+      "html": "&#128129;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♂",
+      "name": "man tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2642",
+      "html": "&#128129;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♂",
+      "name": "man tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2642",
+      "html": "&#128129;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♂",
+      "name": "man tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2642",
+      "html": "&#128129;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♂",
+      "name": "man tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2642",
+      "html": "&#128129;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♂",
+      "name": "man tipping hand",
+      "shortname": ":man_tipping_hand:",
+      "unicode": "1F481 200D 2642",
+      "html": "&#128129;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿",
+      "name": "person tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF",
+      "html": "&#128129;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾",
+      "name": "person tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE",
+      "html": "&#128129;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽",
+      "name": "person tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD",
+      "html": "&#128129;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼",
+      "name": "person tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC",
+      "html": "&#128129;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻",
+      "name": "person tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB",
+      "html": "&#128129;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁",
+      "name": "person tipping hand",
+      "shortname": ":information_desk_person:",
+      "unicode": "1f481",
+      "html": "&#128129;",
+      "category": "People & Body (person-gesture)",
+      "order": "567"
+    },
+    {
+      "emoji": "😜",
+      "name": "winking face with tongue",
+      "shortname": ":stuck_out_tongue_winking_eye:",
+      "unicode": "1f61c",
+      "html": "&#128540;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "38"
+    },
+    {
+      "emoji": "😞",
+      "name": "disappointed face",
+      "shortname": ":disappointed:",
+      "unicode": "1f61e",
+      "html": "&#128542;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "51"
+    },
+    {
+      "emoji": "😋",
+      "name": "face savoring food",
+      "shortname": ":yum:",
+      "unicode": "1f60b",
+      "html": "&#128523;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "11"
+    },
+    {
+      "emoji": "😐",
+      "name": "neutral face",
+      "shortname": ":neutral_face:",
+      "unicode": "1f610",
+      "html": "&#128528;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "22"
+    },
+    {
+      "emoji": "😪",
+      "name": "sleepy face",
+      "shortname": ":sleepy:",
+      "unicode": "1f62a",
+      "html": "&#128554;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "32"
+    },
+    {
+      "emoji": "👏🏿",
+      "name": "clapping hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44F 1F3FF",
+      "html": "&#128079;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏾",
+      "name": "clapping hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44F 1F3FE",
+      "html": "&#128079;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏽",
+      "name": "clapping hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44F 1F3FD",
+      "html": "&#128079;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏼",
+      "name": "clapping hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44F 1F3FC",
+      "html": "&#128079;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏻",
+      "name": "clapping hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44F 1F3FB",
+      "html": "&#128079;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏",
+      "name": "clapping hands",
+      "shortname": ":clap:",
+      "unicode": "1f44f",
+      "html": "&#128079;",
+      "category": "People & Body (hands)",
+      "order": "1224"
+    },
+    {
+      "emoji": "💘",
+      "name": "heart with arrow",
+      "shortname": ":cupid:",
+      "unicode": "1f498",
+      "html": "&#128152;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1285"
+    },
+    {
+      "emoji": "💗",
+      "name": "growing heart",
+      "shortname": ":heartpulse:",
+      "unicode": "1f497",
+      "html": "&#128151;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1291"
+    },
+    {
+      "emoji": "💞",
+      "name": "revolving hearts",
+      "shortname": ":revolving_hearts:",
+      "unicode": "1f49e",
+      "html": "&#128158;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1298"
+    },
+    {
+      "emoji": "⬅️",
+      "name": "left arrow",
+      "shortname": ":arrow_left:",
+      "unicode": "2b05",
+      "html": "&#11013;",
+      "category": "Symbols (arrow)",
+      "order": "2008"
+    },
+    {
+      "emoji": "🙊",
+      "name": "speak-no-evil monkey",
+      "shortname": ":speak_no_evil:",
+      "unicode": "1f64a",
+      "html": "&#128586;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "98"
+    },
+    {
+      "emoji": "✋🏿",
+      "name": "raised hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270B 1F3FF",
+      "html": "&#9995;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏾",
+      "name": "raised hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270B 1F3FE",
+      "html": "&#9995;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏽",
+      "name": "raised hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270B 1F3FD",
+      "html": "&#9995;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏼",
+      "name": "raised hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270B 1F3FC",
+      "html": "&#9995;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏻",
+      "name": "raised hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270B 1F3FB",
+      "html": "&#9995;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋",
+      "name": "raised hand",
+      "shortname": ":raised_hand:",
+      "unicode": "270B",
+      "html": "&#9995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "💋",
+      "name": "kiss mark",
+      "shortname": ":kiss:",
+      "unicode": "1f48b",
+      "html": "&#128139;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1284"
+    },
+    {
+      "emoji": "👉🏿",
+      "name": "backhand index pointing right: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F449 1F3FF",
+      "html": "&#128073;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏾",
+      "name": "backhand index pointing right: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F449 1F3FE",
+      "html": "&#128073;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏽",
+      "name": "backhand index pointing right: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F449 1F3FD",
+      "html": "&#128073;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏼",
+      "name": "backhand index pointing right: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F449 1F3FC",
+      "html": "&#128073;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏻",
+      "name": "backhand index pointing right: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F449 1F3FB",
+      "html": "&#128073;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉",
+      "name": "backhand index pointing right",
+      "shortname": ":point_right:",
+      "unicode": "1f449",
+      "html": "&#128073;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1098"
+    },
+    {
+      "emoji": "🌸",
+      "name": "cherry blossom",
+      "shortname": ":cherry_blossom:",
+      "unicode": "1f338",
+      "html": "&#127800;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1428"
+    },
+    {
+      "emoji": "😱",
+      "name": "face screaming in fear",
+      "shortname": ":scream:",
+      "unicode": "1f631",
+      "html": "&#128561;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "62"
+    },
+    {
+      "emoji": "🔥",
+      "name": "fire",
+      "shortname": ":fire:",
+      "unicode": "1f525",
+      "html": "&#128293;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1753"
+    },
+    {
+      "emoji": "😡",
+      "name": "pouting face",
+      "shortname": ":rage:",
+      "unicode": "1f621",
+      "html": "&#128545;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "65"
+    },
+    {
+      "emoji": "😃",
+      "name": "grinning face with big eyes",
+      "shortname": ":smiley:",
+      "unicode": "1f603",
+      "html": "&#128515;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "5"
+    },
+    {
+      "emoji": "🎉",
+      "name": "party popper",
+      "shortname": ":tada:",
+      "unicode": "1f389",
+      "html": "&#127881;",
+      "category": "Activities (event)",
+      "order": "1762"
+    },
+    {
+      "emoji": "👊🏿",
+      "name": "oncoming fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44A 1F3FF",
+      "html": "&#128074;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏾",
+      "name": "oncoming fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44A 1F3FE",
+      "html": "&#128074;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏽",
+      "name": "oncoming fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44A 1F3FD",
+      "html": "&#128074;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏼",
+      "name": "oncoming fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44A 1F3FC",
+      "html": "&#128074;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏻",
+      "name": "oncoming fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44A 1F3FB",
+      "html": "&#128074;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊",
+      "name": "oncoming fist",
+      "shortname": ":oncoming_fist:",
+      "unicode": "1F44A",
+      "html": "&#128074;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "😫",
+      "name": "tired face",
+      "shortname": ":tired_face:",
+      "unicode": "1f62b",
+      "html": "&#128555;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "33"
+    },
+    {
+      "emoji": "📷",
+      "name": "camera",
+      "shortname": ":camera:",
+      "unicode": "1f4f7",
+      "html": "&#128247;",
+      "category": "Objects (light & video)",
+      "order": "1861"
+    },
+    {
+      "emoji": "🌹",
+      "name": "rose",
+      "shortname": ":rose:",
+      "unicode": "1f339",
+      "html": "&#127801;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1431"
+    },
+    {
+      "emoji": "😝",
+      "name": "squinting face with tongue",
+      "shortname": ":stuck_out_tongue_closed_eyes:",
+      "unicode": "1f61d",
+      "html": "&#128541;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "39"
+    },
+    {
+      "emoji": "💪🏿",
+      "name": "flexed biceps: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F4AA 1F3FF",
+      "html": "&#128170;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏾",
+      "name": "flexed biceps: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F4AA 1F3FE",
+      "html": "&#128170;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏽",
+      "name": "flexed biceps: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F4AA 1F3FD",
+      "html": "&#128170;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏼",
+      "name": "flexed biceps: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F4AA 1F3FC",
+      "html": "&#128170;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏻",
+      "name": "flexed biceps: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F4AA 1F3FB",
+      "html": "&#128170;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪",
+      "name": "flexed biceps",
+      "shortname": ":muscle:",
+      "unicode": "1f4aa",
+      "html": "&#128170;",
+      "category": "People & Body (body-parts)",
+      "order": "1080"
+    },
+    {
+      "emoji": "💀",
+      "name": "skull",
+      "shortname": ":skull:",
+      "unicode": "1f480",
+      "html": "&#128128;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "80"
+    },
+    {
+      "emoji": "☀️",
+      "name": "sun",
+      "shortname": ":sunny:",
+      "unicode": "2600",
+      "html": "&#9728;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1724"
+    },
+    {
+      "emoji": "💛",
+      "name": "yellow heart",
+      "shortname": ":yellow_heart:",
+      "unicode": "1f49b",
+      "html": "&#128155;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1294"
+    },
+    {
+      "emoji": "😤",
+      "name": "face with steam from nose",
+      "shortname": ":triumph:",
+      "unicode": "1f624",
+      "html": "&#128548;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "53"
+    },
+    {
+      "emoji": "🌚",
+      "name": "new moon face",
+      "shortname": ":new_moon_with_face:",
+      "unicode": "1f31a",
+      "html": "&#127770;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1720"
+    },
+    {
+      "emoji": "😆",
+      "name": "grinning squinting face",
+      "shortname": ":laughing:",
+      "unicode": "1f606",
+      "html": "&#128518;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "8"
+    },
+    {
+      "emoji": "😓",
+      "name": "downcast face with sweat",
+      "shortname": ":sweat:",
+      "unicode": "1f613",
+      "html": "&#128531;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "42"
+    },
+    {
+      "emoji": "👈🏿",
+      "name": "backhand index pointing left: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F448 1F3FF",
+      "html": "&#128072;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏾",
+      "name": "backhand index pointing left: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F448 1F3FE",
+      "html": "&#128072;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏽",
+      "name": "backhand index pointing left: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F448 1F3FD",
+      "html": "&#128072;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏼",
+      "name": "backhand index pointing left: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F448 1F3FC",
+      "html": "&#128072;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏻",
+      "name": "backhand index pointing left: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F448 1F3FB",
+      "html": "&#128072;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈",
+      "name": "backhand index pointing left",
+      "shortname": ":point_left:",
+      "unicode": "1f448",
+      "html": "&#128072;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1092"
+    },
+    {
+      "emoji": "✔️",
+      "name": "check mark",
+      "shortname": ":heavy_check_mark:",
+      "unicode": "2714",
+      "html": "&#10004;",
+      "category": "Symbols (other-symbol)",
+      "order": "2080"
+    },
+    {
+      "emoji": "😻",
+      "name": "smiling cat with heart-eyes",
+      "shortname": ":heart_eyes_cat:",
+      "unicode": "1f63b",
+      "html": "&#128571;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "90"
+    },
+    {
+      "emoji": "😀",
+      "name": "grinning face",
+      "shortname": ":grinning:",
+      "unicode": "1f600",
+      "html": "&#128512;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "1"
+    },
+    {
+      "emoji": "😷",
+      "name": "face with medical mask",
+      "shortname": ":mask:",
+      "unicode": "1f637",
+      "html": "&#128567;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": "71"
+    },
+    {
+      "emoji": "💚",
+      "name": "green heart",
+      "shortname": ":green_heart:",
+      "unicode": "1f49a",
+      "html": "&#128154;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1293"
+    },
+    {
+      "emoji": "👋🏿",
+      "name": "waving hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44B 1F3FF",
+      "html": "&#128075;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏾",
+      "name": "waving hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44B 1F3FE",
+      "html": "&#128075;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏽",
+      "name": "waving hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44B 1F3FD",
+      "html": "&#128075;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏼",
+      "name": "waving hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44B 1F3FC",
+      "html": "&#128075;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏻",
+      "name": "waving hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44B 1F3FB",
+      "html": "&#128075;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋",
+      "name": "waving hand",
+      "shortname": ":wave:",
+      "unicode": "1f44b",
+      "html": "&#128075;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": "1218"
+    },
+    {
+      "emoji": "😣",
+      "name": "persevering face",
+      "shortname": ":persevere:",
+      "unicode": "1f623",
+      "html": "&#128547;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "27"
+    },
+    {
+      "emoji": "💓",
+      "name": "beating heart",
+      "shortname": ":heartbeat:",
+      "unicode": "1f493",
+      "html": "&#128147;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1287"
+    },
+    {
+      "emoji": "▶️",
+      "name": "play button",
+      "shortname": ":arrow_forward:",
+      "unicode": "25b6",
+      "html": "&#9654;",
+      "category": "Symbols (av-symbol)",
+      "order": "2051"
+    },
+    {
+      "emoji": "◀️",
+      "name": "reverse button",
+      "shortname": ":arrow_backward:",
+      "unicode": "25c0",
+      "html": "&#9664;",
+      "category": "Symbols (av-symbol)",
+      "order": "2055"
+    },
+    {
+      "emoji": "↪️",
+      "name": "left arrow curving right",
+      "shortname": ":arrow_right_hook:",
+      "unicode": "21aa",
+      "html": "&#8618;",
+      "category": "Symbols (arrow)",
+      "order": "2013"
+    },
+    {
+      "emoji": "↩️",
+      "name": "right arrow curving left",
+      "shortname": ":leftwards_arrow_with_hook:",
+      "unicode": "21a9",
+      "html": "&#8617;",
+      "category": "Symbols (arrow)",
+      "order": "2012"
+    },
+    {
+      "emoji": "👑",
+      "name": "crown",
+      "shortname": ":crown:",
+      "unicode": "1f451",
+      "html": "&#128081;",
+      "category": "Objects (clothing)",
+      "order": "1333"
+    },
+    {
+      "emoji": "😚",
+      "name": "kissing face with closed eyes",
+      "shortname": ":kissing_closed_eyes:",
+      "unicode": "1f61a",
+      "html": "&#128538;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "17"
+    },
+    {
+      "emoji": "😛",
+      "name": "face with tongue",
+      "shortname": ":stuck_out_tongue:",
+      "unicode": "1f61b",
+      "html": "&#128539;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "37"
+    },
+    {
+      "emoji": "😥",
+      "name": "sad but relieved face",
+      "shortname": ":disappointed_relieved:",
+      "unicode": "1f625",
+      "html": "&#128549;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "28"
+    },
+    {
+      "emoji": "😇",
+      "name": "smiling face with halo",
+      "shortname": ":innocent:",
+      "unicode": "1f607",
+      "html": "&#128519;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "67"
+    },
+    {
+      "emoji": "🎧",
+      "name": "headphone",
+      "shortname": ":headphones:",
+      "unicode": "1f3a7",
+      "html": "&#127911;",
+      "category": "Objects (music)",
+      "order": "1830"
+    },
+    {
+      "emoji": "✅",
+      "name": "check mark button",
+      "shortname": ":white_check_mark:",
+      "unicode": "2705",
+      "html": "&#9989;",
+      "category": "Symbols (other-symbol)",
+      "order": "2078"
+    },
+    {
+      "emoji": "😖",
+      "name": "confounded face",
+      "shortname": ":confounded:",
+      "unicode": "1f616",
+      "html": "&#128534;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "50"
+    },
+    {
+      "emoji": "➡",
+      "name": "right arrow",
+      "shortname": ":arrow_right:",
+      "unicode": "27a1",
+      "html": "&#10145;",
+      "category": "Symbols (arrow)",
+      "order": "2004"
+    },
+    {
+      "emoji": "😠",
+      "name": "angry face",
+      "shortname": ":angry:",
+      "unicode": "1f620",
+      "html": "&#128544;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "66"
+    },
+    {
+      "emoji": "😬",
+      "name": "grimacing face",
+      "shortname": ":grimacing:",
+      "unicode": "1f62c",
+      "html": "&#128556;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "60"
+    },
+    {
+      "emoji": "🌟",
+      "name": "glowing star",
+      "shortname": ":star2:",
+      "unicode": "1f31f",
+      "html": "&#127775;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1728"
+    },
+    {
+      "emoji": "🔫",
+      "name": "pistol",
+      "shortname": ":gun:",
+      "unicode": "1f52b",
+      "html": "&#128299;",
+      "category": "Objects (tool)",
+      "order": "1956"
+    },
+    {
+      "emoji": "🙋🏿‍♂",
+      "name": "man raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2642",
+      "html": "&#128587;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♂",
+      "name": "man raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2642",
+      "html": "&#128587;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♂",
+      "name": "man raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2642",
+      "html": "&#128587;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♂",
+      "name": "man raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2642",
+      "html": "&#128587;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♂",
+      "name": "man raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2642",
+      "html": "&#128587;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♂",
+      "name": "man raising hand",
+      "shortname": ":man_raising_hand:",
+      "unicode": "1F64B 200D 2642",
+      "html": "&#128587;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿",
+      "name": "person raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF",
+      "html": "&#128587;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾",
+      "name": "person raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE",
+      "html": "&#128587;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽",
+      "name": "person raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD",
+      "html": "&#128587;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼",
+      "name": "person raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC",
+      "html": "&#128587;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻",
+      "name": "person raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB",
+      "html": "&#128587;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋",
+      "name": "person raising hand",
+      "shortname": ":raising_hand:",
+      "unicode": "1f64b",
+      "html": "&#128587;",
+      "category": "People & Body (person-gesture)",
+      "order": "585"
+    },
+    {
+      "emoji": "👎🏿",
+      "name": "thumbs down: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44E 1F3FF",
+      "html": "&#128078;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏾",
+      "name": "thumbs down: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44E 1F3FE",
+      "html": "&#128078;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏽",
+      "name": "thumbs down: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44E 1F3FD",
+      "html": "&#128078;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏼",
+      "name": "thumbs down: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44E 1F3FC",
+      "html": "&#128078;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏻",
+      "name": "thumbs down: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44E 1F3FB",
+      "html": "&#128078;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎",
+      "name": "thumbs down",
+      "shortname": ":thumbsdown:",
+      "unicode": "1f44e",
+      "html": "&#128078;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1182"
+    },
+    {
+      "emoji": "💃🏿",
+      "name": "woman dancing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F483 1F3FF",
+      "html": "&#128131;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏾",
+      "name": "woman dancing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F483 1F3FE",
+      "html": "&#128131;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏽",
+      "name": "woman dancing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F483 1F3FD",
+      "html": "&#128131;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏼",
+      "name": "woman dancing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F483 1F3FC",
+      "html": "&#128131;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏻",
+      "name": "woman dancing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F483 1F3FB",
+      "html": "&#128131;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃",
+      "name": "woman dancing",
+      "shortname": ":dancer:",
+      "unicode": "1f483",
+      "html": "&#128131;",
+      "category": "People & Body (person-activity)",
+      "order": "729"
+    },
+    {
+      "emoji": "🎵",
+      "name": "musical note",
+      "shortname": ":musical_note:",
+      "unicode": "1f3b5",
+      "html": "&#127925;",
+      "category": "Objects (music)",
+      "order": "1824"
+    },
+    {
+      "emoji": "😶",
+      "name": "face without mouth",
+      "shortname": ":no_mouth:",
+      "unicode": "1f636",
+      "html": "&#128566;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "24"
+    },
+    {
+      "emoji": "💫",
+      "name": "dizzy",
+      "shortname": ":dizzy:",
+      "unicode": "1f4ab",
+      "html": "&#128171;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1308"
+    },
+    {
+      "emoji": "✊🏿",
+      "name": "raised fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270A 1F3FF",
+      "html": "&#9994;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏾",
+      "name": "raised fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270A 1F3FE",
+      "html": "&#9994;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏽",
+      "name": "raised fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270A 1F3FD",
+      "html": "&#9994;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏼",
+      "name": "raised fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270A 1F3FC",
+      "html": "&#9994;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏻",
+      "name": "raised fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270A 1F3FB",
+      "html": "&#9994;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊",
+      "name": "raised fist",
+      "shortname": ":fist:",
+      "unicode": "270a",
+      "html": "&#9994;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1188"
+    },
+    {
+      "emoji": "👇🏿",
+      "name": "backhand index pointing down: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F447 1F3FF",
+      "html": "&#128071;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏾",
+      "name": "backhand index pointing down: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F447 1F3FE",
+      "html": "&#128071;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏽",
+      "name": "backhand index pointing down: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F447 1F3FD",
+      "html": "&#128071;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏼",
+      "name": "backhand index pointing down: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F447 1F3FC",
+      "html": "&#128071;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏻",
+      "name": "backhand index pointing down: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F447 1F3FB",
+      "html": "&#128071;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇",
+      "name": "backhand index pointing down",
+      "shortname": ":point_down:",
+      "unicode": "1f447",
+      "html": "&#128071;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1122"
+    },
+    {
+      "emoji": "🔴",
+      "name": "red circle",
+      "shortname": ":red_circle:",
+      "unicode": "1f534",
+      "html": "&#128308;",
+      "category": "Symbols (geometric)",
+      "order": "2179"
+    },
+    {
+      "emoji": "🙅🏿‍♂",
+      "name": "man gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2642",
+      "html": "&#128581;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♂",
+      "name": "man gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2642",
+      "html": "&#128581;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♂",
+      "name": "man gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2642",
+      "html": "&#128581;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♂",
+      "name": "man gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2642",
+      "html": "&#128581;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♂",
+      "name": "man gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2642",
+      "html": "&#128581;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♂",
+      "name": "man gesturing NO",
+      "shortname": ":man_gesturing_NO:",
+      "unicode": "1F645 200D 2642",
+      "html": "&#128581;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿",
+      "name": "person gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF",
+      "html": "&#128581;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾",
+      "name": "person gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE",
+      "html": "&#128581;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽",
+      "name": "person gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD",
+      "html": "&#128581;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼",
+      "name": "person gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC",
+      "html": "&#128581;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻",
+      "name": "person gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB",
+      "html": "&#128581;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅",
+      "name": "person gesturing NO",
+      "shortname": ":no_good:",
+      "unicode": "1f645",
+      "html": "&#128581;",
+      "category": "People & Body (person-gesture)",
+      "order": "531"
+    },
+    {
+      "emoji": "💥",
+      "name": "collision",
+      "shortname": ":boom:",
+      "unicode": "1f4a5",
+      "html": "&#128165;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1305"
+    },
+    {
+      "emoji": "©️",
+      "name": "copyright",
+      "shortname": ":copyright:",
+      "unicode": "00A9 FE0F",
+      "html": "&copy;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "💭",
+      "name": "thought balloon",
+      "shortname": ":thought_balloon:",
+      "unicode": "1f4ad",
+      "html": "&#128173;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1312"
+    },
+    {
+      "emoji": "👅",
+      "name": "tongue",
+      "shortname": ":tongue:",
+      "unicode": "1f445",
+      "html": "&#128069;",
+      "category": "People & Body (body-parts)",
+      "order": "1282"
+    },
+    {
+      "emoji": "💩",
+      "name": "pile of poo",
+      "shortname": ":poop:",
+      "unicode": "1f4a9",
+      "html": "&#128169;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "85"
+    },
+    {
+      "emoji": "😰",
+      "name": "anxious face with sweat",
+      "shortname": ":cold_sweat:",
+      "unicode": "1f630",
+      "html": "&#128560;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "61"
+    },
+    {
+      "emoji": "💎",
+      "name": "gem stone",
+      "shortname": ":gem:",
+      "unicode": "1f48e",
+      "html": "&#128142;",
+      "category": "Objects (clothing)",
+      "order": "1341"
+    },
+    {
+      "emoji": "🙆🏿‍♂",
+      "name": "man gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2642",
+      "html": "&#128582;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♂",
+      "name": "man gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2642",
+      "html": "&#128582;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♂",
+      "name": "man gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2642",
+      "html": "&#128582;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♂",
+      "name": "man gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2642",
+      "html": "&#128582;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♂",
+      "name": "man gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2642",
+      "html": "&#128582;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♂",
+      "name": "man gesturing OK",
+      "shortname": ":man_gesturing_OK:",
+      "unicode": "1F646 200D 2642",
+      "html": "&#128582;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿",
+      "name": "person gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF",
+      "html": "&#128582;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾",
+      "name": "person gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE",
+      "html": "&#128582;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽",
+      "name": "person gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD",
+      "html": "&#128582;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼",
+      "name": "person gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC",
+      "html": "&#128582;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻",
+      "name": "person gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB",
+      "html": "&#128582;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆",
+      "name": "person gesturing OK",
+      "shortname": ":ok_woman:",
+      "unicode": "1f646",
+      "html": "&#128582;",
+      "category": "People & Body (person-gesture)",
+      "order": "549"
+    },
+    {
+      "emoji": "🍕",
+      "name": "pizza",
+      "shortname": ":pizza:",
+      "unicode": "1f355",
+      "html": "&#127829;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1484"
+    },
+    {
+      "emoji": "😹",
+      "name": "cat with tears of joy",
+      "shortname": ":joy_cat:",
+      "unicode": "1f639",
+      "html": "&#128569;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "89"
+    },
+    {
+      "emoji": "🌞",
+      "name": "sun with face",
+      "shortname": ":sun_with_face:",
+      "unicode": "1f31e",
+      "html": "&#127774;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1726"
+    },
+    {
+      "emoji": "🍃",
+      "name": "leaf fluttering in wind",
+      "shortname": ":leaves:",
+      "unicode": "1f343",
+      "html": "&#127811;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1448"
+    },
+    {
+      "emoji": "💦",
+      "name": "sweat droplets",
+      "shortname": ":sweat_drops:",
+      "unicode": "1f4a6",
+      "html": "&#128166;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1306"
+    },
+    {
+      "emoji": "🐧",
+      "name": "penguin",
+      "shortname": ":penguin:",
+      "unicode": "1f427",
+      "html": "&#128039;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1394"
+    },
+    {
+      "emoji": "💤",
+      "name": "zzz",
+      "shortname": ":zzz:",
+      "unicode": "1f4a4",
+      "html": "&#128164;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1302"
+    },
+    {
+      "emoji": "🚶🏿‍♀",
+      "name": "woman walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2640",
+      "html": "&#128694;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♀",
+      "name": "woman walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2640",
+      "html": "&#128694;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♀",
+      "name": "woman walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2640",
+      "html": "&#128694;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♀",
+      "name": "woman walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2640",
+      "html": "&#128694;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♀",
+      "name": "woman walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2640",
+      "html": "&#128694;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♀",
+      "name": "woman walking",
+      "shortname": ":woman_walking:",
+      "unicode": "1F6B6 200D 2640",
+      "html": "&#128694;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿",
+      "name": "person walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF",
+      "html": "&#128694;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾",
+      "name": "person walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE",
+      "html": "&#128694;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽",
+      "name": "person walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD",
+      "html": "&#128694;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼",
+      "name": "person walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC",
+      "html": "&#128694;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻",
+      "name": "person walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB",
+      "html": "&#128694;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶",
+      "name": "person walking",
+      "shortname": ":walking:",
+      "unicode": "1f6b6",
+      "html": "&#128694;",
+      "category": "People & Body (person-activity)",
+      "order": "693"
+    },
+    {
+      "emoji": "✈️",
+      "name": "airplane",
+      "shortname": ":airplane:",
+      "unicode": "2708",
+      "html": "&#9992;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1650"
+    },
+    {
+      "emoji": "🎈",
+      "name": "balloon",
+      "shortname": ":balloon:",
+      "unicode": "1f388",
+      "html": "&#127880;",
+      "category": "Activities (event)",
+      "order": "1761"
+    },
+    {
+      "emoji": "⭐",
+      "name": "star",
+      "shortname": ":star:",
+      "unicode": "2b50",
+      "html": "&#11088;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1727"
+    },
+    {
+      "emoji": "🎀",
+      "name": "ribbon",
+      "shortname": ":ribbon:",
+      "unicode": "1f380",
+      "html": "&#127872;",
+      "category": "Activities (event)",
+      "order": "1770"
+    },
+    {
+      "emoji": "☑️",
+      "name": "check box with check",
+      "shortname": ":ballot_box_with_check:",
+      "unicode": "2611",
+      "html": "&#9745;",
+      "category": "Symbols (other-symbol)",
+      "order": "2079"
+    },
+    {
+      "emoji": "😟",
+      "name": "worried face",
+      "shortname": ":worried:",
+      "unicode": "1f61f",
+      "html": "&#128543;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "52"
+    },
+    {
+      "emoji": "🔞",
+      "name": "no one under eighteen",
+      "shortname": ":underage:",
+      "unicode": "1f51e",
+      "html": "&#128286;",
+      "category": "Symbols (warning)",
+      "order": "1999"
+    },
+    {
+      "emoji": "😨",
+      "name": "fearful face",
+      "shortname": ":fearful:",
+      "unicode": "1f628",
+      "html": "&#128552;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "58"
+    },
+    {
+      "emoji": "🍀",
+      "name": "four leaf clover",
+      "shortname": ":four_leaf_clover:",
+      "unicode": "1f340",
+      "html": "&#127808;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1445"
+    },
+    {
+      "emoji": "🌺",
+      "name": "hibiscus",
+      "shortname": ":hibiscus:",
+      "unicode": "1f33a",
+      "html": "&#127802;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1433"
+    },
+    {
+      "emoji": "🎤",
+      "name": "microphone",
+      "shortname": ":microphone:",
+      "unicode": "1f3a4",
+      "html": "&#127908;",
+      "category": "Objects (music)",
+      "order": "1829"
+    },
+    {
+      "emoji": "👐🏿",
+      "name": "open hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F450 1F3FF",
+      "html": "&#128080;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏾",
+      "name": "open hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F450 1F3FE",
+      "html": "&#128080;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏽",
+      "name": "open hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F450 1F3FD",
+      "html": "&#128080;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏼",
+      "name": "open hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F450 1F3FC",
+      "html": "&#128080;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏻",
+      "name": "open hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F450 1F3FB",
+      "html": "&#128080;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐",
+      "name": "open hands",
+      "shortname": ":open_hands:",
+      "unicode": "1f450",
+      "html": "&#128080;",
+      "category": "People & Body (hands)",
+      "order": "1236"
+    },
+    {
+      "emoji": "👻",
+      "name": "ghost",
+      "shortname": ":ghost:",
+      "unicode": "1f47b",
+      "html": "&#128123;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "82"
+    },
+    {
+      "emoji": "🌴",
+      "name": "palm tree",
+      "shortname": ":palm_tree:",
+      "unicode": "1f334",
+      "html": "&#127796;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1440"
+    },
+    {
+      "emoji": "‼️",
+      "name": "double exclamation mark",
+      "shortname": ":bangbang:",
+      "unicode": "203c",
+      "html": "&#8252;",
+      "category": "Symbols (other-symbol)",
+      "order": "2096"
+    },
+    {
+      "emoji": "💅🏿",
+      "name": "nail polish: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F485 1F3FF",
+      "html": "&#128133;&#127999;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏾",
+      "name": "nail polish: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F485 1F3FE",
+      "html": "&#128133;&#127998;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏽",
+      "name": "nail polish: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F485 1F3FD",
+      "html": "&#128133;&#127997;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏼",
+      "name": "nail polish: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F485 1F3FC",
+      "html": "&#128133;&#127996;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏻",
+      "name": "nail polish: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F485 1F3FB",
+      "html": "&#128133;&#127995;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅",
+      "name": "nail polish",
+      "shortname": ":nail_care:",
+      "unicode": "1f485",
+      "html": "&#128133;",
+      "category": "People & Body (hand-prop)",
+      "order": "1260"
+    },
+    {
+      "emoji": "❌",
+      "name": "cross mark",
+      "shortname": ":x:",
+      "unicode": "274c",
+      "html": "&#10060;",
+      "category": "Symbols (other-symbol)",
+      "order": "2082"
+    },
+    {
+      "emoji": "👽",
+      "name": "alien",
+      "shortname": ":alien:",
+      "unicode": "1f47d",
+      "html": "&#128125;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "83"
+    },
+    {
+      "emoji": "🙇🏿‍♀",
+      "name": "woman bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2640",
+      "html": "&#128583;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♀",
+      "name": "woman bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2640",
+      "html": "&#128583;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♀",
+      "name": "woman bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2640",
+      "html": "&#128583;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♀",
+      "name": "woman bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2640",
+      "html": "&#128583;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♀",
+      "name": "woman bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2640",
+      "html": "&#128583;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♀",
+      "name": "woman bowing",
+      "shortname": ":woman_bowing:",
+      "unicode": "1F647 200D 2640",
+      "html": "&#128583;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿",
+      "name": "person bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF",
+      "html": "&#128583;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾",
+      "name": "person bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE",
+      "html": "&#128583;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽",
+      "name": "person bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD",
+      "html": "&#128583;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼",
+      "name": "person bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC",
+      "html": "&#128583;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻",
+      "name": "person bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB",
+      "html": "&#128583;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇",
+      "name": "person bowing",
+      "shortname": ":bow:",
+      "unicode": "1f647",
+      "html": "&#128583;",
+      "category": "People & Body (person-gesture)",
+      "order": "603"
+    },
+    {
+      "emoji": "☁",
+      "name": "cloud",
+      "shortname": ":cloud:",
+      "unicode": "2601",
+      "html": "&#9729;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1730"
+    },
+    {
+      "emoji": "⚽",
+      "name": "soccer ball",
+      "shortname": ":soccer:",
+      "unicode": "26bd",
+      "html": "&#9917;",
+      "category": "Activities (sport)",
+      "order": "1781"
+    },
+    {
+      "emoji": "👼🏿",
+      "name": "baby angel: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F47C 1F3FF",
+      "html": "&#128124;&#127999;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏾",
+      "name": "baby angel: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F47C 1F3FE",
+      "html": "&#128124;&#127998;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏽",
+      "name": "baby angel: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F47C 1F3FD",
+      "html": "&#128124;&#127997;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏼",
+      "name": "baby angel: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F47C 1F3FC",
+      "html": "&#128124;&#127996;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏻",
+      "name": "baby angel: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F47C 1F3FB",
+      "html": "&#128124;&#127995;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼",
+      "name": "baby angel",
+      "shortname": ":angel:",
+      "unicode": "1f47c",
+      "html": "&#128124;",
+      "category": "People & Body (person-fantasy)",
+      "order": "141"
+    },
+    {
+      "emoji": "👯‍♂",
+      "name": "men with bunny ears",
+      "shortname": ":men_with_bunny_ears:",
+      "unicode": "1F46F 200D 2642",
+      "html": "&#128111;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯",
+      "name": "people with bunny ears",
+      "shortname": ":dancers:",
+      "unicode": "1f46f",
+      "html": "&#128111;",
+      "category": "People & Body (person-activity)",
+      "order": "741"
+    },
+    {
+      "emoji": "❗",
+      "name": "exclamation mark",
+      "shortname": ":exclamation:",
+      "unicode": "2757",
+      "html": "&#10071;",
+      "category": "Symbols (other-symbol)",
+      "order": "2101"
+    },
+    {
+      "emoji": "❄️",
+      "name": "snowflake",
+      "shortname": ":snowflake:",
+      "unicode": "2744",
+      "html": "&#10052;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1749"
+    },
+    {
+      "emoji": "☝🏿",
+      "name": "index pointing up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "261D 1F3FF",
+      "html": "&#9757;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏾",
+      "name": "index pointing up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "261D 1F3FE",
+      "html": "&#9757;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏽",
+      "name": "index pointing up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "261D 1F3FD",
+      "html": "&#9757;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏼",
+      "name": "index pointing up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "261D 1F3FC",
+      "html": "&#9757;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏻",
+      "name": "index pointing up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "261D 1F3FB",
+      "html": "&#9757;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝️",
+      "name": "index pointing up",
+      "shortname": ":point_up:",
+      "unicode": "261d",
+      "html": "&#9757;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1104"
+    },
+    {
+      "emoji": "😙",
+      "name": "kissing face with smiling eyes",
+      "shortname": ":kissing_smiling_eyes:",
+      "unicode": "1f619",
+      "html": "&#128537;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "16"
+    },
+    {
+      "emoji": "🌈",
+      "name": "rainbow",
+      "shortname": ":rainbow:",
+      "unicode": "1f308",
+      "html": "&#127752;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1743"
+    },
+    {
+      "emoji": "🌙",
+      "name": "crescent moon",
+      "shortname": ":crescent_moon:",
+      "unicode": "1f319",
+      "html": "&#127769;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1719"
+    },
+    {
+      "emoji": "💟",
+      "name": "heart decoration",
+      "shortname": ":heart_decoration:",
+      "unicode": "1f49f",
+      "html": "&#128159;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1299"
+    },
+    {
+      "emoji": "💝",
+      "name": "heart with ribbon",
+      "shortname": ":gift_heart:",
+      "unicode": "1f49d",
+      "html": "&#128157;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1297"
+    },
+    {
+      "emoji": "🎁",
+      "name": "wrapped gift",
+      "shortname": ":gift:",
+      "unicode": "1f381",
+      "html": "&#127873;",
+      "category": "Activities (event)",
+      "order": "1771"
+    },
+    {
+      "emoji": "🍻",
+      "name": "clinking beer mugs",
+      "shortname": ":beers:",
+      "unicode": "1f37b",
+      "html": "&#127867;",
+      "category": "Food & Drink (drink)",
+      "order": "1530"
+    },
+    {
+      "emoji": "😧",
+      "name": "anguished face",
+      "shortname": ":anguished:",
+      "unicode": "1f627",
+      "html": "&#128551;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "57"
+    },
+    {
+      "emoji": "🌍",
+      "name": "globe showing Europe-Africa",
+      "shortname": ":earth_africa:",
+      "unicode": "1f30d",
+      "html": "&#127757;",
+      "category": "Travel & Places (place-map)",
+      "order": "1538"
+    },
+    {
+      "emoji": "🎥",
+      "name": "movie camera",
+      "shortname": ":movie_camera:",
+      "unicode": "1f3a5",
+      "html": "&#127909;",
+      "category": "Objects (light & video)",
+      "order": "1856"
+    },
+    {
+      "emoji": "⚓",
+      "name": "anchor",
+      "shortname": ":anchor:",
+      "unicode": "2693",
+      "html": "&#9875;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1642"
+    },
+    {
+      "emoji": "⚡",
+      "name": "high voltage",
+      "shortname": ":zap:",
+      "unicode": "26a1",
+      "html": "&#9889;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1748"
+    },
+    {
+      "emoji": "♣️",
+      "name": "club suit",
+      "shortname": ":club_suit:",
+      "unicode": "2663 FE0F",
+      "html": "&clubs;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "✖️",
+      "name": "multiplication sign",
+      "shortname": ":heavy_multiplication_x:",
+      "unicode": "2716",
+      "html": "&#10006;",
+      "category": "Symbols (other-symbol)",
+      "order": "2081"
+    },
+    {
+      "emoji": "🏃🏿‍♀",
+      "name": "woman running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2640",
+      "html": "&#127939;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♀",
+      "name": "woman running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2640",
+      "html": "&#127939;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♀",
+      "name": "woman running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2640",
+      "html": "&#127939;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♀",
+      "name": "woman running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2640",
+      "html": "&#127939;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♀",
+      "name": "woman running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2640",
+      "html": "&#127939;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♀",
+      "name": "woman running",
+      "shortname": ":woman_running:",
+      "unicode": "1F3C3 200D 2640",
+      "html": "&#127939;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿",
+      "name": "person running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF",
+      "html": "&#127939;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾",
+      "name": "person running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE",
+      "html": "&#127939;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽",
+      "name": "person running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD",
+      "html": "&#127939;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼",
+      "name": "person running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC",
+      "html": "&#127939;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻",
+      "name": "person running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB",
+      "html": "&#127939;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃",
+      "name": "person running",
+      "shortname": ":runner:",
+      "unicode": "1f3c3",
+      "html": "&#127939;",
+      "category": "People & Body (person-activity)",
+      "order": "711"
+    },
+    {
+      "emoji": "🌻",
+      "name": "sunflower",
+      "shortname": ":sunflower:",
+      "unicode": "1f33b",
+      "html": "&#127803;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1434"
+    },
+    {
+      "emoji": "🌎",
+      "name": "globe showing Americas",
+      "shortname": ":earth_americas:",
+      "unicode": "1f30e",
+      "html": "&#127758;",
+      "category": "Travel & Places (place-map)",
+      "order": "1539"
+    },
+    {
+      "emoji": "💐",
+      "name": "bouquet",
+      "shortname": ":bouquet:",
+      "unicode": "1f490",
+      "html": "&#128144;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1427"
+    },
+    {
+      "emoji": "🐶",
+      "name": "dog face",
+      "shortname": ":dog:",
+      "unicode": "1f436",
+      "html": "&#128054;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1345"
+    },
+    {
+      "emoji": "💰",
+      "name": "money bag",
+      "shortname": ":moneybag:",
+      "unicode": "1f4b0",
+      "html": "&#128176;",
+      "category": "Objects (money)",
+      "order": "1891"
+    },
+    {
+      "emoji": "🌿",
+      "name": "herb",
+      "shortname": ":herb:",
+      "unicode": "1f33f",
+      "html": "&#127807;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1443"
+    },
+    {
+      "emoji": "👫",
+      "name": "woman and man holding hands",
+      "shortname": ":couple:",
+      "unicode": "1f46b",
+      "html": "&#128107;",
+      "category": "People & Body (family)",
+      "order": "1018"
+    },
+    {
+      "emoji": "🍂",
+      "name": "fallen leaf",
+      "shortname": ":fallen_leaf:",
+      "unicode": "1f342",
+      "html": "&#127810;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1447"
+    },
+    {
+      "emoji": "🌷",
+      "name": "tulip",
+      "shortname": ":tulip:",
+      "unicode": "1f337",
+      "html": "&#127799;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1436"
+    },
+    {
+      "emoji": "🎂",
+      "name": "birthday cake",
+      "shortname": ":birthday:",
+      "unicode": "1f382",
+      "html": "&#127874;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1513"
+    },
+    {
+      "emoji": "🐱",
+      "name": "cat face",
+      "shortname": ":cat:",
+      "unicode": "1f431",
+      "html": "&#128049;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1350"
+    },
+    {
+      "emoji": "☕",
+      "name": "hot beverage",
+      "shortname": ":coffee:",
+      "unicode": "2615",
+      "html": "&#9749;",
+      "category": "Food & Drink (drink)",
+      "order": "1522"
+    },
+    {
+      "emoji": "😵",
+      "name": "dizzy face",
+      "shortname": ":dizzy_face:",
+      "unicode": "1f635",
+      "html": "&#128565;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": "64"
+    },
+    {
+      "emoji": "👆🏿",
+      "name": "backhand index pointing up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F446 1F3FF",
+      "html": "&#128070;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏾",
+      "name": "backhand index pointing up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F446 1F3FE",
+      "html": "&#128070;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏽",
+      "name": "backhand index pointing up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F446 1F3FD",
+      "html": "&#128070;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏼",
+      "name": "backhand index pointing up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F446 1F3FC",
+      "html": "&#128070;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏻",
+      "name": "backhand index pointing up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F446 1F3FB",
+      "html": "&#128070;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆",
+      "name": "backhand index pointing up",
+      "shortname": ":point_up_2:",
+      "unicode": "1f446",
+      "html": "&#128070;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1110"
+    },
+    {
+      "emoji": "😮",
+      "name": "face with open mouth",
+      "shortname": ":open_mouth:",
+      "unicode": "1f62e",
+      "html": "&#128558;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "29"
+    },
+    {
+      "emoji": "😯",
+      "name": "hushed face",
+      "shortname": ":hushed:",
+      "unicode": "1f62f",
+      "html": "&#128559;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "31"
+    },
+    {
+      "emoji": "🏀",
+      "name": "basketball",
+      "shortname": ":basketball:",
+      "unicode": "1f3c0",
+      "html": "&#127936;",
+      "category": "Activities (sport)",
+      "order": "1783"
+    },
+    {
+      "emoji": "🎄",
+      "name": "Christmas tree",
+      "shortname": ":christmas_tree:",
+      "unicode": "1f384",
+      "html": "&#127876;",
+      "category": "Activities (event)",
+      "order": "1757"
+    },
+    {
+      "emoji": "💍",
+      "name": "ring",
+      "shortname": ":ring:",
+      "unicode": "1f48d",
+      "html": "&#128141;",
+      "category": "Objects (clothing)",
+      "order": "1340"
+    },
+    {
+      "emoji": "🌝",
+      "name": "full moon face",
+      "shortname": ":full_moon_with_face:",
+      "unicode": "1f31d",
+      "html": "&#127773;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1725"
+    },
+    {
+      "emoji": "😲",
+      "name": "astonished face",
+      "shortname": ":astonished:",
+      "unicode": "1f632",
+      "html": "&#128562;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "47"
+    },
+    {
+      "emoji": "👭",
+      "name": "women holding hands",
+      "shortname": ":two_women_holding_hands:",
+      "unicode": "1f46d",
+      "html": "&#128109;",
+      "category": "People & Body (family)",
+      "order": "1030"
+    },
+    {
+      "emoji": "💸",
+      "name": "money with wings",
+      "shortname": ":money_with_wings:",
+      "unicode": "1f4b8",
+      "html": "&#128184;",
+      "category": "Objects (money)",
+      "order": "1896"
+    },
+    {
+      "emoji": "😿",
+      "name": "crying cat",
+      "shortname": ":crying_cat_face:",
+      "unicode": "1f63f",
+      "html": "&#128575;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "94"
+    },
+    {
+      "emoji": "🙉",
+      "name": "hear-no-evil monkey",
+      "shortname": ":hear_no_evil:",
+      "unicode": "1f649",
+      "html": "&#128585;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "97"
+    },
+    {
+      "emoji": "💨",
+      "name": "dashing away",
+      "shortname": ":dash:",
+      "unicode": "1f4a8",
+      "html": "&#128168;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1307"
+    },
+    {
+      "emoji": "🌵",
+      "name": "cactus",
+      "shortname": ":cactus:",
+      "unicode": "1f335",
+      "html": "&#127797;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1441"
+    },
+    {
+      "emoji": "♨️",
+      "name": "hot springs",
+      "shortname": ":hotsprings:",
+      "unicode": "2668",
+      "html": "&#9832;",
+      "category": "Travel & Places (place-other)",
+      "order": "1591"
+    },
+    {
+      "emoji": "☎️",
+      "name": "telephone",
+      "shortname": ":telephone:",
+      "unicode": "260e",
+      "html": "&#9742;",
+      "category": "Objects (phone)",
+      "order": "1840"
+    },
+    {
+      "emoji": "🍁",
+      "name": "maple leaf",
+      "shortname": ":maple_leaf:",
+      "unicode": "1f341",
+      "html": "&#127809;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1446"
+    },
+    {
+      "emoji": "👸🏿",
+      "name": "princess: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F478 1F3FF",
+      "html": "&#128120;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏾",
+      "name": "princess: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F478 1F3FE",
+      "html": "&#128120;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏽",
+      "name": "princess: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F478 1F3FD",
+      "html": "&#128120;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏼",
+      "name": "princess: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F478 1F3FC",
+      "html": "&#128120;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏻",
+      "name": "princess: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F478 1F3FB",
+      "html": "&#128120;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸",
+      "name": "princess",
+      "shortname": ":princess:",
+      "unicode": "1f478",
+      "html": "&#128120;",
+      "category": "People & Body (person-role)",
+      "order": "459"
+    },
+    {
+      "emoji": "💆🏿‍♂",
+      "name": "man getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2642",
+      "html": "&#128134;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♂",
+      "name": "man getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2642",
+      "html": "&#128134;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♂",
+      "name": "man getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2642",
+      "html": "&#128134;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♂",
+      "name": "man getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2642",
+      "html": "&#128134;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♂",
+      "name": "man getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2642",
+      "html": "&#128134;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♂",
+      "name": "man getting massage",
+      "shortname": ":man_getting_massage:",
+      "unicode": "1F486 200D 2642",
+      "html": "&#128134;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿",
+      "name": "person getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF",
+      "html": "&#128134;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾",
+      "name": "person getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE",
+      "html": "&#128134;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽",
+      "name": "person getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD",
+      "html": "&#128134;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼",
+      "name": "person getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC",
+      "html": "&#128134;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻",
+      "name": "person getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB",
+      "html": "&#128134;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆",
+      "name": "person getting massage",
+      "shortname": ":massage:",
+      "unicode": "1f486",
+      "html": "&#128134;",
+      "category": "People & Body (person-activity)",
+      "order": "657"
+    },
+    {
+      "emoji": "💌",
+      "name": "love letter",
+      "shortname": ":love_letter:",
+      "unicode": "1f48c",
+      "html": "&#128140;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1301"
+    },
+    {
+      "emoji": "🏆",
+      "name": "trophy",
+      "shortname": ":trophy:",
+      "unicode": "1f3c6",
+      "html": "&#127942;",
+      "category": "Activities (award-medal)",
+      "order": "1776"
+    },
+    {
+      "emoji": "🙍🏿‍♂",
+      "name": "man frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2642",
+      "html": "&#128589;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♂",
+      "name": "man frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2642",
+      "html": "&#128589;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♂",
+      "name": "man frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2642",
+      "html": "&#128589;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♂",
+      "name": "man frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2642",
+      "html": "&#128589;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♂",
+      "name": "man frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2642",
+      "html": "&#128589;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♂",
+      "name": "man frowning",
+      "shortname": ":man_frowning:",
+      "unicode": "1F64D 200D 2642",
+      "html": "&#128589;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿",
+      "name": "person frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF",
+      "html": "&#128589;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾",
+      "name": "person frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE",
+      "html": "&#128589;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽",
+      "name": "person frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD",
+      "html": "&#128589;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼",
+      "name": "person frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC",
+      "html": "&#128589;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻",
+      "name": "person frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB",
+      "html": "&#128589;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍",
+      "name": "person frowning",
+      "shortname": ":person_frowning:",
+      "unicode": "1f64d",
+      "html": "&#128589;",
+      "category": "People & Body (person-gesture)",
+      "order": "495"
+    },
+    {
+      "emoji": "🇺🇸",
+      "name": "flag: United States",
+      "shortname": ":us:",
+      "unicode": "1f1fa",
+      "html": "&#127482;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🎊",
+      "name": "confetti ball",
+      "shortname": ":confetti_ball:",
+      "unicode": "1f38a",
+      "html": "&#127882;",
+      "category": "Activities (event)",
+      "order": "1763"
+    },
+    {
+      "emoji": "🌼",
+      "name": "blossom",
+      "shortname": ":blossom:",
+      "unicode": "1f33c",
+      "html": "&#127804;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1435"
+    },
+    {
+      "emoji": "🔪",
+      "name": "kitchen knife",
+      "shortname": ":kitchen_knife:",
+      "unicode": "1F52A",
+      "html": "&#128298;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "👄",
+      "name": "mouth",
+      "shortname": ":lips:",
+      "unicode": "1f444",
+      "html": "&#128068;",
+      "category": "People & Body (body-parts)",
+      "order": "1283"
+    },
+    {
+      "emoji": "🍟",
+      "name": "french fries",
+      "shortname": ":fries:",
+      "unicode": "1f35f",
+      "html": "&#127839;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1483"
+    },
+    {
+      "emoji": "🍩",
+      "name": "doughnut",
+      "shortname": ":doughnut:",
+      "unicode": "1f369",
+      "html": "&#127849;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1511"
+    },
+    {
+      "emoji": "😦",
+      "name": "frowning face with open mouth",
+      "shortname": ":frowning:",
+      "unicode": "1f626",
+      "html": "&#128550;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "56"
+    },
+    {
+      "emoji": "🌊",
+      "name": "water wave",
+      "shortname": ":ocean:",
+      "unicode": "1f30a",
+      "html": "&#127754;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1755"
+    },
+    {
+      "emoji": "💣",
+      "name": "bomb",
+      "shortname": ":bomb:",
+      "unicode": "1f4a3",
+      "html": "&#128163;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1304"
+    },
+    {
+      "emoji": "🆗",
+      "name": "OK button",
+      "shortname": ":ok:",
+      "unicode": "1f197",
+      "html": "&#127383;",
+      "category": "Symbols (alphanum)",
+      "order": "2137"
+    },
+    {
+      "emoji": "🌀",
+      "name": "cyclone",
+      "shortname": ":cyclone:",
+      "unicode": "1f300",
+      "html": "&#127744;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1742"
+    },
+    {
+      "emoji": "🚀",
+      "name": "rocket",
+      "shortname": ":rocket:",
+      "unicode": "1f680",
+      "html": "&#128640;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1659"
+    },
+    {
+      "emoji": "☔",
+      "name": "umbrella with rain drops",
+      "shortname": ":umbrella:",
+      "unicode": "2614",
+      "html": "&#9748;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1746"
+    },
+    {
+      "emoji": "💏",
+      "name": "kiss",
+      "shortname": ":couplekiss:",
+      "unicode": "1f48f",
+      "html": "&#128143;",
+      "category": "People & Body (family)",
+      "order": "1036"
+    },
+    {
+      "emoji": "👩‍❤️‍💋‍👩",
+      "name": "kiss: woman, woman",
+      "shortname": ":couple_woman_kiss:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F469",
+      "html": "&#128105;&zwj;&#10084;&zwj;&#128139;&zwj;&#128105;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤️‍💋‍👨",
+      "name": "kiss: man, man",
+      "shortname": ":couple_man_kiss:",
+      "unicode": "1F468 200D 2764 FE0F 200D 1F48B 200D 1F468",
+      "html": "&#128104;&zwj;&#10084;&zwj;&#128139;&zwj;&#128104;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "💑",
+      "name": "couple with heart",
+      "shortname": ":couple_with_heart:",
+      "unicode": "1f491",
+      "html": "&#128145;",
+      "category": "People & Body (family)",
+      "order": "1040"
+    },
+    {
+      "emoji": "👩‍❤️‍👩",
+      "name": "couple with heart: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F469",
+      "html": "&#128105;&zwj;&#10084;&zwj;&#128105;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤️‍👨",
+      "name": "couple with heart: man, man",
+      "shortname": ":man_man_love:",
+      "unicode": "1F468 200D 2764 FE0F 200D 1F468",
+      "html": "&#128104;&zwj;&#10084;&zwj;&#128104;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🍭",
+      "name": "lollipop",
+      "shortname": ":lollipop:",
+      "unicode": "1f36d",
+      "html": "&#127853;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1517"
+    },
+    {
+      "emoji": "🎬",
+      "name": "clapper board",
+      "shortname": ":clapper:",
+      "unicode": "1f3ac",
+      "html": "&#127916;",
+      "category": "Objects (light & video)",
+      "order": "1859"
+    },
+    {
+      "emoji": "🐷",
+      "name": "pig face",
+      "shortname": ":pig:",
+      "unicode": "1f437",
+      "html": "&#128055;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1364"
+    },
+    {
+      "emoji": "😈",
+      "name": "smiling face with horns",
+      "shortname": ":smiling_imp:",
+      "unicode": "1f608",
+      "html": "&#128520;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "76"
+    },
+    {
+      "emoji": "👿",
+      "name": "angry face with horns",
+      "shortname": ":imp:",
+      "unicode": "1f47f",
+      "html": "&#128127;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "77"
+    },
+    {
+      "emoji": "🐝",
+      "name": "honeybee",
+      "shortname": ":bee:",
+      "unicode": "1f41d",
+      "html": "&#128029;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1422"
+    },
+    {
+      "emoji": "😽",
+      "name": "kissing cat",
+      "shortname": ":kissing_cat:",
+      "unicode": "1f63d",
+      "html": "&#128573;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "92"
+    },
+    {
+      "emoji": "💢",
+      "name": "anger symbol",
+      "shortname": ":anger:",
+      "unicode": "1f4a2",
+      "html": "&#128162;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1303"
+    },
+    {
+      "emoji": "🎼",
+      "name": "musical score",
+      "shortname": ":musical_score:",
+      "unicode": "1f3bc",
+      "html": "&#127932;",
+      "category": "Objects (music)",
+      "order": "1823"
+    },
+    {
+      "emoji": "🎅🏿",
+      "name": "Santa Claus: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F385 1F3FF",
+      "html": "&#127877;&#127999;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏾",
+      "name": "Santa Claus: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F385 1F3FE",
+      "html": "&#127877;&#127998;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏽",
+      "name": "Santa Claus: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F385 1F3FD",
+      "html": "&#127877;&#127997;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏼",
+      "name": "Santa Claus: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F385 1F3FC",
+      "html": "&#127877;&#127996;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏻",
+      "name": "Santa Claus: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F385 1F3FB",
+      "html": "&#127877;&#127995;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅",
+      "name": "Santa Claus",
+      "shortname": ":santa:",
+      "unicode": "1f385",
+      "html": "&#127877;",
+      "category": "People & Body (person-fantasy)",
+      "order": "447"
+    },
+    {
+      "emoji": "🌏",
+      "name": "globe showing Asia-Australia",
+      "shortname": ":earth_asia:",
+      "unicode": "1f30f",
+      "html": "&#127759;",
+      "category": "Travel & Places (place-map)",
+      "order": "1540"
+    },
+    {
+      "emoji": "🏈",
+      "name": "american football",
+      "shortname": ":football:",
+      "unicode": "1f3c8",
+      "html": "&#127944;",
+      "category": "Activities (sport)",
+      "order": "1785"
+    },
+    {
+      "emoji": "🎸",
+      "name": "guitar",
+      "shortname": ":guitar:",
+      "unicode": "1f3b8",
+      "html": "&#127928;",
+      "category": "Objects (musical-instrument)",
+      "order": "1833"
+    },
+    {
+      "emoji": "♦️",
+      "name": "diamond suit",
+      "shortname": ":diamond_suit:",
+      "unicode": "2666 FE0F",
+      "html": "&diams;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🐼",
+      "name": "panda",
+      "shortname": ":panda_face:",
+      "unicode": "1f43c",
+      "html": "&#128060;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1385"
+    },
+    {
+      "emoji": "💬",
+      "name": "speech balloon",
+      "shortname": ":speech_balloon:",
+      "unicode": "1f4ac",
+      "html": "&#128172;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1309"
+    },
+    {
+      "emoji": "🍓",
+      "name": "strawberry",
+      "shortname": ":strawberry:",
+      "unicode": "1f353",
+      "html": "&#127827;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1461"
+    },
+    {
+      "emoji": "😼",
+      "name": "cat with wry smile",
+      "shortname": ":smirk_cat:",
+      "unicode": "1f63c",
+      "html": "&#128572;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "91"
+    },
+    {
+      "emoji": "🍌",
+      "name": "banana",
+      "shortname": ":banana:",
+      "unicode": "1f34c",
+      "html": "&#127820;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1454"
+    },
+    {
+      "emoji": "🍉",
+      "name": "watermelon",
+      "shortname": ":watermelon:",
+      "unicode": "1f349",
+      "html": "&#127817;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1451"
+    },
+    {
+      "emoji": "⛄",
+      "name": "snowman without snow",
+      "shortname": ":snowman:",
+      "unicode": "26c4",
+      "html": "&#9924;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1751"
+    },
+    {
+      "emoji": "😸",
+      "name": "grinning cat with smiling eyes",
+      "shortname": ":smile_cat:",
+      "unicode": "1f638",
+      "html": "&#128568;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "88"
+    },
+    {
+      "emoji": "♠️",
+      "name": "spade suit",
+      "shortname": ":spade_suit:",
+      "unicode": "2660 FE0F",
+      "html": "&spades;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🔝",
+      "name": "TOP arrow",
+      "shortname": ":top:",
+      "unicode": "1f51d",
+      "html": "&#128285;",
+      "category": "Symbols (arrow)",
+      "order": "2022"
+    },
+    {
+      "emoji": "🍆",
+      "name": "eggplant",
+      "shortname": ":eggplant:",
+      "unicode": "1f346",
+      "html": "&#127814;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1465"
+    },
+    {
+      "emoji": "🔮",
+      "name": "crystal ball",
+      "shortname": ":crystal_ball:",
+      "unicode": "1f52e",
+      "html": "&#128302;",
+      "category": "Activities (game)",
+      "order": "1974"
+    },
+    {
+      "emoji": "🍴",
+      "name": "fork and knife",
+      "shortname": ":fork_and_knife:",
+      "unicode": "1f374",
+      "html": "&#127860;",
+      "category": "Food & Drink (dishware)",
+      "order": "1534"
+    },
+    {
+      "emoji": "📲",
+      "name": "mobile phone with arrow",
+      "shortname": ":calling:",
+      "unicode": "1f4f2",
+      "html": "&#128242;",
+      "category": "Objects (phone)",
+      "order": "1839"
+    },
+    {
+      "emoji": "📱",
+      "name": "mobile phone",
+      "shortname": ":iphone:",
+      "unicode": "1f4f1",
+      "html": "&#128241;",
+      "category": "Objects (phone)",
+      "order": "1838"
+    },
+    {
+      "emoji": "⛅",
+      "name": "sun behind cloud",
+      "shortname": ":partly_sunny:",
+      "unicode": "26c5",
+      "html": "&#9925;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1731"
+    },
+    {
+      "emoji": "⚠️",
+      "name": "warning",
+      "shortname": ":warning:",
+      "unicode": "26a0",
+      "html": "&#9888;",
+      "category": "Symbols (warning)",
+      "order": "1989"
+    },
+    {
+      "emoji": "🙀",
+      "name": "weary cat",
+      "shortname": ":scream_cat:",
+      "unicode": "1f640",
+      "html": "&#128576;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "93"
+    },
+    {
+      "emoji": "🔸",
+      "name": "small orange diamond",
+      "shortname": ":small_orange_diamond:",
+      "unicode": "1f538",
+      "html": "&#128312;",
+      "category": "Symbols (geometric)",
+      "order": "2169"
+    },
+    {
+      "emoji": "👶🏿",
+      "name": "baby: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F476 1F3FF",
+      "html": "&#128118;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏾",
+      "name": "baby: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F476 1F3FE",
+      "html": "&#128118;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏽",
+      "name": "baby: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F476 1F3FD",
+      "html": "&#128118;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏼",
+      "name": "baby: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F476 1F3FC",
+      "html": "&#128118;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏻",
+      "name": "baby: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F476 1F3FB",
+      "html": "&#128118;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶",
+      "name": "baby",
+      "shortname": ":baby:",
+      "unicode": "1f476",
+      "html": "&#128118;",
+      "category": "People & Body (person)",
+      "order": "135"
+    },
+    {
+      "emoji": "🐾",
+      "name": "paw prints",
+      "shortname": ":feet:",
+      "unicode": "1f43e",
+      "html": "&#128062;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1386"
+    },
+    {
+      "emoji": "👣",
+      "name": "footprints",
+      "shortname": ":footprints:",
+      "unicode": "1f463",
+      "html": "&#128099;",
+      "category": "People & Body (person-symbol)",
+      "order": "1278"
+    },
+    {
+      "emoji": "🍺",
+      "name": "beer mug",
+      "shortname": ":beer:",
+      "unicode": "1f37a",
+      "html": "&#127866;",
+      "category": "Food & Drink (drink)",
+      "order": "1529"
+    },
+    {
+      "emoji": "🍷",
+      "name": "wine glass",
+      "shortname": ":wine_glass:",
+      "unicode": "1f377",
+      "html": "&#127863;",
+      "category": "Food & Drink (drink)",
+      "order": "1526"
+    },
+    {
+      "emoji": "⭕",
+      "name": "hollow red circle",
+      "shortname": ":o:",
+      "unicode": "2b55",
+      "html": "&#11093;",
+      "category": "Symbols (other-symbol)",
+      "order": "2077"
+    },
+    {
+      "emoji": "📹",
+      "name": "video camera",
+      "shortname": ":video_camera:",
+      "unicode": "1f4f9",
+      "html": "&#128249;",
+      "category": "Objects (light & video)",
+      "order": "1863"
+    },
+    {
+      "emoji": "🐰",
+      "name": "rabbit face",
+      "shortname": ":rabbit:",
+      "unicode": "1f430",
+      "html": "&#128048;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1379"
+    },
+    {
+      "emoji": "🍹",
+      "name": "tropical drink",
+      "shortname": ":tropical_drink:",
+      "unicode": "1f379",
+      "html": "&#127865;",
+      "category": "Food & Drink (drink)",
+      "order": "1528"
+    },
+    {
+      "emoji": "🚬",
+      "name": "cigarette",
+      "shortname": ":smoking:",
+      "unicode": "1f6ac",
+      "html": "&#128684;",
+      "category": "Objects (other-object)",
+      "order": "1969"
+    },
+    {
+      "emoji": "👾",
+      "name": "alien monster",
+      "shortname": ":space_invader:",
+      "unicode": "1f47e",
+      "html": "&#128126;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "84"
+    },
+    {
+      "emoji": "🍑",
+      "name": "peach",
+      "shortname": ":peach:",
+      "unicode": "1f351",
+      "html": "&#127825;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1459"
+    },
+    {
+      "emoji": "🐍",
+      "name": "snake",
+      "shortname": ":snake:",
+      "unicode": "1f40d",
+      "html": "&#128013;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1403"
+    },
+    {
+      "emoji": "🐢",
+      "name": "turtle",
+      "shortname": ":turtle:",
+      "unicode": "1f422",
+      "html": "&#128034;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1401"
+    },
+    {
+      "emoji": "🍒",
+      "name": "cherries",
+      "shortname": ":cherries:",
+      "unicode": "1f352",
+      "html": "&#127826;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1460"
+    },
+    {
+      "emoji": "😗",
+      "name": "kissing face",
+      "shortname": ":kissing:",
+      "unicode": "1f617",
+      "html": "&#128535;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "15"
+    },
+    {
+      "emoji": "🐸",
+      "name": "frog",
+      "shortname": ":frog:",
+      "unicode": "1f438",
+      "html": "&#128056;",
+      "category": "Animals & Nature (animal-amphibian)",
+      "order": "1399"
+    },
+    {
+      "emoji": "🌌",
+      "name": "milky way",
+      "shortname": ":milky_way:",
+      "unicode": "1f30c",
+      "html": "&#127756;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1592"
+    },
+    {
+      "emoji": "🚨",
+      "name": "police car light",
+      "shortname": ":rotating_light:",
+      "unicode": "1f6a8",
+      "html": "&#128680;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1637"
+    },
+    {
+      "emoji": "🐣",
+      "name": "hatching chick",
+      "shortname": ":hatching_chick:",
+      "unicode": "1f423",
+      "html": "&#128035;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1390"
+    },
+    {
+      "emoji": "📕",
+      "name": "closed book",
+      "shortname": ":closed_book:",
+      "unicode": "1f4d5",
+      "html": "&#128213;",
+      "category": "Objects (book-paper)",
+      "order": "1875"
+    },
+    {
+      "emoji": "🍬",
+      "name": "candy",
+      "shortname": ":candy:",
+      "unicode": "1f36c",
+      "html": "&#127852;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1516"
+    },
+    {
+      "emoji": "🍔",
+      "name": "hamburger",
+      "shortname": ":hamburger:",
+      "unicode": "1f354",
+      "html": "&#127828;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1482"
+    },
+    {
+      "emoji": "🐻",
+      "name": "bear",
+      "shortname": ":bear:",
+      "unicode": "1f43b",
+      "html": "&#128059;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1383"
+    },
+    {
+      "emoji": "🐯",
+      "name": "tiger face",
+      "shortname": ":tiger:",
+      "unicode": "1f42f",
+      "html": "&#128047;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1353"
+    },
+    {
+      "emoji": "🚗",
+      "name": "automobile",
+      "shortname": ":automobile:",
+      "unicode": "1F697",
+      "html": "&#128663;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "⏩",
+      "name": "fast-forward button",
+      "shortname": ":fast_forward:",
+      "unicode": "2.3E+10",
+      "html": "&#9193;",
+      "category": "Symbols (av-symbol)",
+      "order": "2052"
+    },
+    {
+      "emoji": "🍦",
+      "name": "soft ice cream",
+      "shortname": ":icecream:",
+      "unicode": "1f366",
+      "html": "&#127846;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1508"
+    },
+    {
+      "emoji": "🍍",
+      "name": "pineapple",
+      "shortname": ":pineapple:",
+      "unicode": "1f34d",
+      "html": "&#127821;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1455"
+    },
+    {
+      "emoji": "🌾",
+      "name": "sheaf of rice",
+      "shortname": ":ear_of_rice:",
+      "unicode": "1f33e",
+      "html": "&#127806;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1442"
+    },
+    {
+      "emoji": "💉",
+      "name": "syringe",
+      "shortname": ":syringe:",
+      "unicode": "1f489",
+      "html": "&#128137;",
+      "category": "Objects (medical)",
+      "order": "1967"
+    },
+    {
+      "emoji": "🚮",
+      "name": "litter in bin sign",
+      "shortname": ":put_litter_in_its_place:",
+      "unicode": "1f6ae",
+      "html": "&#128686;",
+      "category": "Symbols (transport-sign)",
+      "order": "1977"
+    },
+    {
+      "emoji": "🍫",
+      "name": "chocolate bar",
+      "shortname": ":chocolate_bar:",
+      "unicode": "1f36b",
+      "html": "&#127851;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1515"
+    },
+    {
+      "emoji": "▪️",
+      "name": "black small square",
+      "shortname": ":black_small_square:",
+      "unicode": "25aa",
+      "html": "&#9642;",
+      "category": "Symbols (geometric)",
+      "order": "2159"
+    },
+    {
+      "emoji": "📺",
+      "name": "television",
+      "shortname": ":tv:",
+      "unicode": "1f4fa",
+      "html": "&#128250;",
+      "category": "Objects (light & video)",
+      "order": "1860"
+    },
+    {
+      "emoji": "💊",
+      "name": "pill",
+      "shortname": ":pill:",
+      "unicode": "1f48a",
+      "html": "&#128138;",
+      "category": "Objects (medical)",
+      "order": "1968"
+    },
+    {
+      "emoji": "🐙",
+      "name": "octopus",
+      "shortname": ":octopus:",
+      "unicode": "1f419",
+      "html": "&#128025;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1413"
+    },
+    {
+      "emoji": "🎃",
+      "name": "jack-o-lantern",
+      "shortname": ":jack_o_lantern:",
+      "unicode": "1f383",
+      "html": "&#127875;",
+      "category": "Activities (event)",
+      "order": "1756"
+    },
+    {
+      "emoji": "🍇",
+      "name": "grapes",
+      "shortname": ":grapes:",
+      "unicode": "1f347",
+      "html": "&#127815;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1449"
+    },
+    {
+      "emoji": "😺",
+      "name": "grinning cat",
+      "shortname": ":smiley_cat:",
+      "unicode": "1f63a",
+      "html": "&#128570;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "87"
+    },
+    {
+      "emoji": "💿",
+      "name": "optical disk",
+      "shortname": ":cd:",
+      "unicode": "1f4bf",
+      "html": "&#128191;",
+      "category": "Objects (computer)",
+      "order": "1854"
+    },
+    {
+      "emoji": "🍸",
+      "name": "cocktail glass",
+      "shortname": ":cocktail:",
+      "unicode": "1f378",
+      "html": "&#127864;",
+      "category": "Food & Drink (drink)",
+      "order": "1527"
+    },
+    {
+      "emoji": "🍰",
+      "name": "shortcake",
+      "shortname": ":cake:",
+      "unicode": "1f370",
+      "html": "&#127856;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1514"
+    },
+    {
+      "emoji": "🎮",
+      "name": "video game",
+      "shortname": ":video_game:",
+      "unicode": "1f3ae",
+      "html": "&#127918;",
+      "category": "Activities (game)",
+      "order": "1804"
+    },
+    {
+      "emoji": "™️",
+      "name": "trade mark",
+      "shortname": ":trade_mark:",
+      "unicode": "2122 FE0F",
+      "html": "&trade;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⬇️",
+      "name": "down arrow",
+      "shortname": ":arrow_down:",
+      "unicode": "2b07",
+      "html": "&#11015;",
+      "category": "Symbols (arrow)",
+      "order": "2006"
+    },
+    {
+      "emoji": "🚫",
+      "name": "prohibited",
+      "shortname": ":no_entry_sign:",
+      "unicode": "1f6ab",
+      "html": "&#128683;",
+      "category": "Symbols (warning)",
+      "order": "1992"
+    },
+    {
+      "emoji": "💄",
+      "name": "lipstick",
+      "shortname": ":lipstick:",
+      "unicode": "1f484",
+      "html": "&#128132;",
+      "category": "Objects (clothing)",
+      "order": "1339"
+    },
+    {
+      "emoji": "🐳",
+      "name": "spouting whale",
+      "shortname": ":whale:",
+      "unicode": "1f433",
+      "html": "&#128051;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1406"
+    },
+    {
+      "emoji": "📝",
+      "name": "memo",
+      "shortname": ":memo:",
+      "unicode": "1F4DD",
+      "html": "&#128221;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "®️",
+      "name": "registered",
+      "shortname": ":registered:",
+      "unicode": "00AE FE0F",
+      "html": "&reg;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🍪",
+      "name": "cookie",
+      "shortname": ":cookie:",
+      "unicode": "1f36a",
+      "html": "&#127850;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1512"
+    },
+    {
+      "emoji": "🐬",
+      "name": "dolphin",
+      "shortname": ":dolphin:",
+      "unicode": "1f42c",
+      "html": "&#128044;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1408"
+    },
+    {
+      "emoji": "🔊",
+      "name": "speaker high volume",
+      "shortname": ":loud_sound:",
+      "unicode": "1f50a",
+      "html": "&#128266;",
+      "category": "Objects (sound)",
+      "order": "1817"
+    },
+    {
+      "emoji": "👨🏿",
+      "name": "man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF",
+      "html": "&#128104;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾",
+      "name": "man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE",
+      "html": "&#128104;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽",
+      "name": "man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD",
+      "html": "&#128104;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼",
+      "name": "man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC",
+      "html": "&#128104;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻",
+      "name": "man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB",
+      "html": "&#128104;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨",
+      "name": "man",
+      "shortname": ":man:",
+      "unicode": "1f468",
+      "html": "&#128104;",
+      "category": "People & Body (person)",
+      "order": "111"
+    },
+    {
+      "emoji": "🐥",
+      "name": "front-facing baby chick",
+      "shortname": ":hatched_chick:",
+      "unicode": "1f425",
+      "html": "&#128037;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1392"
+    },
+    {
+      "emoji": "🐒",
+      "name": "monkey",
+      "shortname": ":monkey:",
+      "unicode": "1f412",
+      "html": "&#128018;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1343"
+    },
+    {
+      "emoji": "📚",
+      "name": "books",
+      "shortname": ":books:",
+      "unicode": "1f4da",
+      "html": "&#128218;",
+      "category": "Objects (book-paper)",
+      "order": "1880"
+    },
+    {
+      "emoji": "👹",
+      "name": "ogre",
+      "shortname": ":japanese_ogre:",
+      "unicode": "1f479",
+      "html": "&#128121;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "78"
+    },
+    {
+      "emoji": "💂🏿‍♀",
+      "name": "woman guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2640",
+      "html": "&#128130;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♀",
+      "name": "woman guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2640",
+      "html": "&#128130;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♀",
+      "name": "woman guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2640",
+      "html": "&#128130;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♀",
+      "name": "woman guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2640",
+      "html": "&#128130;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♀",
+      "name": "woman guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2640",
+      "html": "&#128130;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♀",
+      "name": "woman guard",
+      "shortname": ":woman_guard:",
+      "unicode": "1F482 200D 2640",
+      "html": "&#128130;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿",
+      "name": "guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF",
+      "html": "&#128130;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾",
+      "name": "guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE",
+      "html": "&#128130;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽",
+      "name": "guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD",
+      "html": "&#128130;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼",
+      "name": "guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC",
+      "html": "&#128130;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻",
+      "name": "guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB",
+      "html": "&#128130;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂",
+      "name": "guard",
+      "shortname": ":guardsman:",
+      "unicode": "1f482",
+      "html": "&#128130;",
+      "category": "People & Body (person-role)",
+      "order": "375"
+    },
+    {
+      "emoji": "📢",
+      "name": "loudspeaker",
+      "shortname": ":loudspeaker:",
+      "unicode": "1f4e2",
+      "html": "&#128226;",
+      "category": "Objects (sound)",
+      "order": "1818"
+    },
+    {
+      "emoji": "✂️",
+      "name": "scissors",
+      "shortname": ":scissors:",
+      "unicode": "2702",
+      "html": "&#9986;",
+      "category": "Objects (office)",
+      "order": "1940"
+    },
+    {
+      "emoji": "👧🏿",
+      "name": "girl: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F467 1F3FF",
+      "html": "&#128103;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏾",
+      "name": "girl: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F467 1F3FE",
+      "html": "&#128103;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏽",
+      "name": "girl: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F467 1F3FD",
+      "html": "&#128103;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏼",
+      "name": "girl: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F467 1F3FC",
+      "html": "&#128103;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏻",
+      "name": "girl: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F467 1F3FB",
+      "html": "&#128103;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧",
+      "name": "girl",
+      "shortname": ":girl:",
+      "unicode": "1f467",
+      "html": "&#128103;",
+      "category": "People & Body (person)",
+      "order": "105"
+    },
+    {
+      "emoji": "🎓",
+      "name": "graduation cap",
+      "shortname": ":mortar_board:",
+      "unicode": "1f393",
+      "html": "&#127891;",
+      "category": "Objects (clothing)",
+      "order": "1336"
+    },
+    {
+      "emoji": "🇫🇷",
+      "name": "flag: France",
+      "shortname": ":fr:",
+      "unicode": "1f1eb",
+      "html": "&#127467;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "⚾️",
+      "name": "",
+      "shortname": ":baseball:",
+      "unicode": "26be",
+      "html": "&#9918;",
+      "category": "",
+      "order": "1782"
+    },
+    {
+      "emoji": "🚦",
+      "name": "vertical traffic light",
+      "shortname": ":vertical_traffic_light:",
+      "unicode": "1f6a6",
+      "html": "&#128678;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1639"
+    },
+    {
+      "emoji": "👩🏿",
+      "name": "woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF",
+      "html": "&#128105;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾",
+      "name": "woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE",
+      "html": "&#128105;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽",
+      "name": "woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD",
+      "html": "&#128105;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼",
+      "name": "woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC",
+      "html": "&#128105;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻",
+      "name": "woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB",
+      "html": "&#128105;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩",
+      "name": "woman",
+      "shortname": ":woman:",
+      "unicode": "1f469",
+      "html": "&#128105;",
+      "category": "People & Body (person)",
+      "order": "117"
+    },
+    {
+      "emoji": "🎆",
+      "name": "fireworks",
+      "shortname": ":fireworks:",
+      "unicode": "1f386",
+      "html": "&#127878;",
+      "category": "Activities (event)",
+      "order": "1758"
+    },
+    {
+      "emoji": "🌠",
+      "name": "shooting star",
+      "shortname": ":stars:",
+      "unicode": "1f320",
+      "html": "&#127776;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1729"
+    },
+    {
+      "emoji": "🆘",
+      "name": "SOS button",
+      "shortname": ":sos:",
+      "unicode": "1f198",
+      "html": "&#127384;",
+      "category": "Symbols (alphanum)",
+      "order": "2139"
+    },
+    {
+      "emoji": "🍄",
+      "name": "mushroom",
+      "shortname": ":mushroom:",
+      "unicode": "1f344",
+      "html": "&#127812;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1471"
+    },
+    {
+      "emoji": "😾",
+      "name": "pouting cat",
+      "shortname": ":pouting_cat:",
+      "unicode": "1f63e",
+      "html": "&#128574;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "95"
+    },
+    {
+      "emoji": "🛅",
+      "name": "left luggage",
+      "shortname": ":left_luggage:",
+      "unicode": "1f6c5",
+      "html": "&#128709;",
+      "category": "Symbols (transport-sign)",
+      "order": "1988"
+    },
+    {
+      "emoji": "👠",
+      "name": "high-heeled shoe",
+      "shortname": ":high_heel:",
+      "unicode": "1f460",
+      "html": "&#128096;",
+      "category": "Objects (clothing)",
+      "order": "1330"
+    },
+    {
+      "emoji": "🎯",
+      "name": "direct hit",
+      "shortname": ":dart:",
+      "unicode": "1f3af",
+      "html": "&#127919;",
+      "category": "Activities (game)",
+      "order": "1798"
+    },
+    {
+      "emoji": "🏊🏿‍♀",
+      "name": "woman swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2640",
+      "html": "&#127946;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♀",
+      "name": "woman swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2640",
+      "html": "&#127946;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♀",
+      "name": "woman swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2640",
+      "html": "&#127946;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♀",
+      "name": "woman swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2640",
+      "html": "&#127946;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♀",
+      "name": "woman swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2640",
+      "html": "&#127946;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♀",
+      "name": "woman swimming",
+      "shortname": ":woman_swimming:",
+      "unicode": "1F3CA 200D 2640",
+      "html": "&#127946;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿",
+      "name": "person swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF",
+      "html": "&#127946;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾",
+      "name": "person swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE",
+      "html": "&#127946;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽",
+      "name": "person swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD",
+      "html": "&#127946;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼",
+      "name": "person swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC",
+      "html": "&#127946;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻",
+      "name": "person swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB",
+      "html": "&#127946;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊",
+      "name": "person swimming",
+      "shortname": ":swimmer:",
+      "unicode": "1f3ca",
+      "html": "&#127946;",
+      "category": "People & Body (person-sport)",
+      "order": "836"
+    },
+    {
+      "emoji": "🔑",
+      "name": "key",
+      "shortname": ":key:",
+      "unicode": "1f511",
+      "html": "&#128273;",
+      "category": "Objects (lock)",
+      "order": "1948"
+    },
+    {
+      "emoji": "👙",
+      "name": "bikini",
+      "shortname": ":bikini:",
+      "unicode": "1f459",
+      "html": "&#128089;",
+      "category": "Objects (clothing)",
+      "order": "1321"
+    },
+    {
+      "emoji": "👪",
+      "name": "family",
+      "shortname": ":family:",
+      "unicode": "1f46a",
+      "html": "&#128106;",
+      "category": "People & Body (family)",
+      "order": "1044"
+    },
+    {
+      "emoji": "✏",
+      "name": "pencil",
+      "shortname": ":pencil2:",
+      "unicode": "270f",
+      "html": "&#9999;",
+      "category": "Objects (writing)",
+      "order": "1914"
+    },
+    {
+      "emoji": "🐘",
+      "name": "elephant",
+      "shortname": ":elephant:",
+      "unicode": "1f418",
+      "html": "&#128024;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1373"
+    },
+    {
+      "emoji": "💧",
+      "name": "droplet",
+      "shortname": ":droplet:",
+      "unicode": "1f4a7",
+      "html": "&#128167;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1754"
+    },
+    {
+      "emoji": "🌱",
+      "name": "seedling",
+      "shortname": ":seedling:",
+      "unicode": "1f331",
+      "html": "&#127793;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1437"
+    },
+    {
+      "emoji": "🍎",
+      "name": "red apple",
+      "shortname": ":apple:",
+      "unicode": "1f34e",
+      "html": "&#127822;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1456"
+    },
+    {
+      "emoji": "🆒",
+      "name": "COOL button",
+      "shortname": ":cool:",
+      "unicode": "1f192",
+      "html": "&#127378;",
+      "category": "Symbols (alphanum)",
+      "order": "2129"
+    },
+    {
+      "emoji": "📞",
+      "name": "telephone receiver",
+      "shortname": ":telephone_receiver:",
+      "unicode": "1f4de",
+      "html": "&#128222;",
+      "category": "Objects (phone)",
+      "order": "1841"
+    },
+    {
+      "emoji": "💵",
+      "name": "dollar banknote",
+      "shortname": ":dollar:",
+      "unicode": "1f4b5",
+      "html": "&#128181;",
+      "category": "Objects (money)",
+      "order": "1893"
+    },
+    {
+      "emoji": "🏡",
+      "name": "house with garden",
+      "shortname": ":house_with_garden:",
+      "unicode": "1f3e1",
+      "html": "&#127969;",
+      "category": "Travel & Places (place-building)",
+      "order": "1560"
+    },
+    {
+      "emoji": "📖",
+      "name": "open book",
+      "shortname": ":book:",
+      "unicode": "1f4d6",
+      "html": "&#128214;",
+      "category": "Objects (book-paper)",
+      "order": "1876"
+    },
+    {
+      "emoji": "💇🏿‍♂",
+      "name": "man getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2642",
+      "html": "&#128135;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♂",
+      "name": "man getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2642",
+      "html": "&#128135;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♂",
+      "name": "man getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2642",
+      "html": "&#128135;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♂",
+      "name": "man getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2642",
+      "html": "&#128135;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♂",
+      "name": "man getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2642",
+      "html": "&#128135;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♂",
+      "name": "man getting haircut",
+      "shortname": ":man_getting_haircut:",
+      "unicode": "1F487 200D 2642",
+      "html": "&#128135;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿",
+      "name": "person getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF",
+      "html": "&#128135;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾",
+      "name": "person getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE",
+      "html": "&#128135;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽",
+      "name": "person getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD",
+      "html": "&#128135;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼",
+      "name": "person getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC",
+      "html": "&#128135;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻",
+      "name": "person getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB",
+      "html": "&#128135;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇",
+      "name": "person getting haircut",
+      "shortname": ":haircut:",
+      "unicode": "1f487",
+      "html": "&#128135;",
+      "category": "People & Body (person-activity)",
+      "order": "675"
+    },
+    {
+      "emoji": "💻",
+      "name": "laptop",
+      "shortname": ":computer:",
+      "unicode": "1f4bb",
+      "html": "&#128187;",
+      "category": "Objects (computer)",
+      "order": "1846"
+    },
+    {
+      "emoji": "💡",
+      "name": "light bulb",
+      "shortname": ":bulb:",
+      "unicode": "1f4a1",
+      "html": "&#128161;",
+      "category": "Objects (light & video)",
+      "order": "1871"
+    },
+    {
+      "emoji": "❓",
+      "name": "question mark",
+      "shortname": ":question:",
+      "unicode": "2753",
+      "html": "&#10067;",
+      "category": "Symbols (other-symbol)",
+      "order": "2098"
+    },
+    {
+      "emoji": "🔙",
+      "name": "BACK arrow",
+      "shortname": ":back:",
+      "unicode": "1f519",
+      "html": "&#128281;",
+      "category": "Symbols (arrow)",
+      "order": "2018"
+    },
+    {
+      "emoji": "👦🏿",
+      "name": "boy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F466 1F3FF",
+      "html": "&#128102;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏾",
+      "name": "boy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F466 1F3FE",
+      "html": "&#128102;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏽",
+      "name": "boy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F466 1F3FD",
+      "html": "&#128102;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏼",
+      "name": "boy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F466 1F3FC",
+      "html": "&#128102;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏻",
+      "name": "boy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F466 1F3FB",
+      "html": "&#128102;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦",
+      "name": "boy",
+      "shortname": ":boy:",
+      "unicode": "1f466",
+      "html": "&#128102;",
+      "category": "People & Body (person)",
+      "order": "99"
+    },
+    {
+      "emoji": "🔐",
+      "name": "locked with key",
+      "shortname": ":closed_lock_with_key:",
+      "unicode": "1f510",
+      "html": "&#128272;",
+      "category": "Objects (lock)",
+      "order": "1947"
+    },
+    {
+      "emoji": "🙎🏿‍♂",
+      "name": "man pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2642",
+      "html": "&#128590;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♂",
+      "name": "man pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2642",
+      "html": "&#128590;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♂",
+      "name": "man pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2642",
+      "html": "&#128590;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♂",
+      "name": "man pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2642",
+      "html": "&#128590;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♂",
+      "name": "man pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2642",
+      "html": "&#128590;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♂",
+      "name": "man pouting",
+      "shortname": ":man_pouting:",
+      "unicode": "1F64E 200D 2642",
+      "html": "&#128590;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿",
+      "name": "person pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF",
+      "html": "&#128590;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾",
+      "name": "person pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE",
+      "html": "&#128590;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽",
+      "name": "person pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD",
+      "html": "&#128590;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼",
+      "name": "person pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC",
+      "html": "&#128590;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻",
+      "name": "person pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB",
+      "html": "&#128590;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎",
+      "name": "person pouting",
+      "shortname": ":person_with_pouting_face:",
+      "unicode": "1f64e",
+      "html": "&#128590;",
+      "category": "People & Body (person-gesture)",
+      "order": "513"
+    },
+    {
+      "emoji": "🍊",
+      "name": "tangerine",
+      "shortname": ":tangerine:",
+      "unicode": "1f34a",
+      "html": "&#127818;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1452"
+    },
+    {
+      "emoji": "↔️",
+      "name": "left-right arrow",
+      "shortname": ":leftright_arrow:",
+      "unicode": "2194 FE0F",
+      "html": "&harr;️",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "🌅",
+      "name": "sunrise",
+      "shortname": ":sunrise:",
+      "unicode": "1f305",
+      "html": "&#127749;",
+      "category": "Travel & Places (place-other)",
+      "order": "1587"
+    },
+    {
+      "emoji": "🍗",
+      "name": "poultry leg",
+      "shortname": ":poultry_leg:",
+      "unicode": "1f357",
+      "html": "&#127831;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1480"
+    },
+    {
+      "emoji": "🔵",
+      "name": "blue circle",
+      "shortname": ":blue_circle:",
+      "unicode": "1f535",
+      "html": "&#128309;",
+      "category": "Symbols (geometric)",
+      "order": "2180"
+    },
+    {
+      "emoji": "🚘",
+      "name": "oncoming automobile",
+      "shortname": ":oncoming_automobile:",
+      "unicode": "1f698",
+      "html": "&#128664;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1625"
+    },
+    {
+      "emoji": "🍧",
+      "name": "shaved ice",
+      "shortname": ":shaved_ice:",
+      "unicode": "1f367",
+      "html": "&#127847;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1509"
+    },
+    {
+      "emoji": "🇮🇹",
+      "name": "flag: Italy",
+      "shortname": ":it:",
+      "unicode": "1F1EE 1F1F9",
+      "html": "&#127470;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🐦",
+      "name": "bird",
+      "shortname": ":bird:",
+      "unicode": "1f426",
+      "html": "&#128038;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1393"
+    },
+    {
+      "emoji": "🇬🇧",
+      "name": "flag: United Kingdom",
+      "shortname": ":gb:",
+      "unicode": "1F1EC 1F1E7",
+      "html": "&#127468;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🌛",
+      "name": "first quarter moon face",
+      "shortname": ":first_quarter_moon_with_face:",
+      "unicode": "1f31b",
+      "html": "&#127771;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1721"
+    },
+    {
+      "emoji": "👓",
+      "name": "glasses",
+      "shortname": ":eyeglasses:",
+      "unicode": "1f453",
+      "html": "&#128083;",
+      "category": "Objects (clothing)",
+      "order": "1314"
+    },
+    {
+      "emoji": "🐐",
+      "name": "goat",
+      "shortname": ":goat:",
+      "unicode": "1f410",
+      "html": "&#128016;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1370"
+    },
+    {
+      "emoji": "🌃",
+      "name": "night with stars",
+      "shortname": ":night_with_stars:",
+      "unicode": "1f303",
+      "html": "&#127747;",
+      "category": "Travel & Places (place-other)",
+      "order": "1585"
+    },
+    {
+      "emoji": "👵🏿",
+      "name": "old woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F475 1F3FF",
+      "html": "&#128117;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏾",
+      "name": "old woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F475 1F3FE",
+      "html": "&#128117;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏽",
+      "name": "old woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F475 1F3FD",
+      "html": "&#128117;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏼",
+      "name": "old woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F475 1F3FC",
+      "html": "&#128117;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏻",
+      "name": "old woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F475 1F3FB",
+      "html": "&#128117;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵",
+      "name": "old woman",
+      "shortname": ":older_woman:",
+      "unicode": "1f475",
+      "html": "&#128117;",
+      "category": "People & Body (person)",
+      "order": "129"
+    },
+    {
+      "emoji": "⚫",
+      "name": "black circle",
+      "shortname": ":black_circle:",
+      "unicode": "26ab",
+      "html": "&#9899;",
+      "category": "Symbols (geometric)",
+      "order": "2178"
+    },
+    {
+      "emoji": "🌑",
+      "name": "new moon",
+      "shortname": ":new_moon:",
+      "unicode": "1f311",
+      "html": "&#127761;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1711"
+    },
+    {
+      "emoji": "👬",
+      "name": "men holding hands",
+      "shortname": ":two_men_holding_hands:",
+      "unicode": "1f46c",
+      "html": "&#128108;",
+      "category": "People & Body (family)",
+      "order": "1024"
+    },
+    {
+      "emoji": "⚪",
+      "name": "white circle",
+      "shortname": ":white_circle:",
+      "unicode": "26aa",
+      "html": "&#9898;",
+      "category": "Symbols (geometric)",
+      "order": "2177"
+    },
+    {
+      "emoji": "🛃",
+      "name": "customs",
+      "shortname": ":customs:",
+      "unicode": "1f6c3",
+      "html": "&#128707;",
+      "category": "Symbols (transport-sign)",
+      "order": "1986"
+    },
+    {
+      "emoji": "🐠",
+      "name": "tropical fish",
+      "shortname": ":tropical_fish:",
+      "unicode": "1f420",
+      "html": "&#128032;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1410"
+    },
+    {
+      "emoji": "🏠",
+      "name": "house",
+      "shortname": ":house:",
+      "unicode": "1f3e0",
+      "html": "&#127968;",
+      "category": "Travel & Places (place-building)",
+      "order": "1559"
+    },
+    {
+      "emoji": "🔃",
+      "name": "clockwise vertical arrows",
+      "shortname": ":arrows_clockwise:",
+      "unicode": "1f503",
+      "html": "&#128259;",
+      "category": "Symbols (arrow)",
+      "order": "2016"
+    },
+    {
+      "emoji": "🌜",
+      "name": "last quarter moon face",
+      "shortname": ":last_quarter_moon_with_face:",
+      "unicode": "1f31c",
+      "html": "&#127772;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1722"
+    },
+    {
+      "emoji": "📍",
+      "name": "round pushpin",
+      "shortname": ":round_pushpin:",
+      "unicode": "1f4cd",
+      "html": "&#128205;",
+      "category": "Objects (office)",
+      "order": "1935"
+    },
+    {
+      "emoji": "🌕",
+      "name": "full moon",
+      "shortname": ":full_moon:",
+      "unicode": "1f315",
+      "html": "&#127765;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1715"
+    },
+    {
+      "emoji": "👟",
+      "name": "running shoe",
+      "shortname": ":athletic_shoe:",
+      "unicode": "1f45f",
+      "html": "&#128095;",
+      "category": "Objects (clothing)",
+      "order": "1329"
+    },
+    {
+      "emoji": "🍋",
+      "name": "lemon",
+      "shortname": ":lemon:",
+      "unicode": "1f34b",
+      "html": "&#127819;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1453"
+    },
+    {
+      "emoji": "🍼",
+      "name": "baby bottle",
+      "shortname": ":baby_bottle:",
+      "unicode": "1f37c",
+      "html": "&#127868;",
+      "category": "Food & Drink (drink)",
+      "order": "1520"
+    },
+    {
+      "emoji": "🎨",
+      "name": "artist palette",
+      "shortname": ":artist_palette:",
+      "unicode": "1F3A8",
+      "html": "&#127912;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "✉️",
+      "name": "envelope",
+      "shortname": ":envelope:",
+      "unicode": "2709 FE0F",
+      "html": "&#9993;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "🍝",
+      "name": "spaghetti",
+      "shortname": ":spaghetti:",
+      "unicode": "1f35d",
+      "html": "&#127837;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1501"
+    },
+    {
+      "emoji": "🎐",
+      "name": "wind chime",
+      "shortname": ":wind_chime:",
+      "unicode": "1f390",
+      "html": "&#127888;",
+      "category": "Activities (event)",
+      "order": "1768"
+    },
+    {
+      "emoji": "🍥",
+      "name": "fish cake with swirl",
+      "shortname": ":fish_cake:",
+      "unicode": "1f365",
+      "html": "&#127845;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1506"
+    },
+    {
+      "emoji": "🌲",
+      "name": "evergreen tree",
+      "shortname": ":evergreen_tree:",
+      "unicode": "1f332",
+      "html": "&#127794;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1438"
+    },
+    {
+      "emoji": "🆙",
+      "name": "UP! button",
+      "shortname": ":up:",
+      "unicode": "1f199",
+      "html": "&#127385;",
+      "category": "Symbols (alphanum)",
+      "order": "2140"
+    },
+    {
+      "emoji": "⬆️",
+      "name": "up arrow",
+      "shortname": ":arrow_up:",
+      "unicode": "2b06",
+      "html": "&#11014;",
+      "category": "Symbols (arrow)",
+      "order": "2002"
+    },
+    {
+      "emoji": "↗️",
+      "name": "up-right arrow",
+      "shortname": ":arrow_upper_right:",
+      "unicode": "2197",
+      "html": "&#8599;",
+      "category": "Symbols (arrow)",
+      "order": "2003"
+    },
+    {
+      "emoji": "↘️",
+      "name": "down-right arrow",
+      "shortname": ":arrow_lower_right:",
+      "unicode": "2198",
+      "html": "&#8600;",
+      "category": "Symbols (arrow)",
+      "order": "2005"
+    },
+    {
+      "emoji": "↙️",
+      "name": "down-left arrow",
+      "shortname": ":arrow_lower_left:",
+      "unicode": "2199",
+      "html": "&#8601;",
+      "category": "Symbols (arrow)",
+      "order": "2007"
+    },
+    {
+      "emoji": "🎭",
+      "name": "performing arts",
+      "shortname": ":performing_arts:",
+      "unicode": "1f3ad",
+      "html": "&#127917;",
+      "category": "Activities (arts & crafts)",
+      "order": "1598"
+    },
+    {
+      "emoji": "👃🏿",
+      "name": "nose: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F443 1F3FF",
+      "html": "&#128067;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏾",
+      "name": "nose: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F443 1F3FE",
+      "html": "&#128067;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏽",
+      "name": "nose: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F443 1F3FD",
+      "html": "&#128067;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏼",
+      "name": "nose: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F443 1F3FC",
+      "html": "&#128067;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏻",
+      "name": "nose: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F443 1F3FB",
+      "html": "&#128067;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃",
+      "name": "nose",
+      "shortname": ":nose:",
+      "unicode": "1f443",
+      "html": "&#128067;",
+      "category": "People & Body (body-parts)",
+      "order": "1272"
+    },
+    {
+      "emoji": "🐽",
+      "name": "pig nose",
+      "shortname": ":pig_nose:",
+      "unicode": "1f43d",
+      "html": "&#128061;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1367"
+    },
+    {
+      "emoji": "🐟",
+      "name": "fish",
+      "shortname": ":fish:",
+      "unicode": "1f41f",
+      "html": "&#128031;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1409"
+    },
+    {
+      "emoji": "👳🏿‍♀",
+      "name": "woman wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2640",
+      "html": "&#128115;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♀",
+      "name": "woman wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2640",
+      "html": "&#128115;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♀",
+      "name": "woman wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2640",
+      "html": "&#128115;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♀",
+      "name": "woman wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2640",
+      "html": "&#128115;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♀",
+      "name": "woman wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2640",
+      "html": "&#128115;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♀",
+      "name": "woman wearing turban",
+      "shortname": ":woman_wearing_turban:",
+      "unicode": "1F473 200D 2640",
+      "html": "&#128115;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿",
+      "name": "person wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF",
+      "html": "&#128115;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾",
+      "name": "person wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE",
+      "html": "&#128115;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽",
+      "name": "person wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD",
+      "html": "&#128115;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼",
+      "name": "person wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC",
+      "html": "&#128115;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻",
+      "name": "person wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB",
+      "html": "&#128115;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳",
+      "name": "person wearing turban",
+      "shortname": ":man_with_turban:",
+      "unicode": "1f473",
+      "html": "&#128115;",
+      "category": "People & Body (person-role)",
+      "order": "411"
+    },
+    {
+      "emoji": "🐨",
+      "name": "koala",
+      "shortname": ":koala:",
+      "unicode": "1f428",
+      "html": "&#128040;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1384"
+    },
+    {
+      "emoji": "👂🏿",
+      "name": "ear: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F442 1F3FF",
+      "html": "&#128066;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏾",
+      "name": "ear: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F442 1F3FE",
+      "html": "&#128066;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏽",
+      "name": "ear: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F442 1F3FD",
+      "html": "&#128066;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏼",
+      "name": "ear: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F442 1F3FC",
+      "html": "&#128066;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏻",
+      "name": "ear: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F442 1F3FB",
+      "html": "&#128066;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂",
+      "name": "ear",
+      "shortname": ":ear:",
+      "unicode": "1f442",
+      "html": "&#128066;",
+      "category": "People & Body (body-parts)",
+      "order": "1266"
+    },
+    {
+      "emoji": "✳️",
+      "name": "eight-spoked asterisk",
+      "shortname": ":eight_spoked_asterisk:",
+      "unicode": "2733",
+      "html": "&#10035;",
+      "category": "Symbols (other-symbol)",
+      "order": "2093"
+    },
+    {
+      "emoji": "🔹",
+      "name": "small blue diamond",
+      "shortname": ":small_blue_diamond:",
+      "unicode": "1f539",
+      "html": "&#128313;",
+      "category": "Symbols (geometric)",
+      "order": "2170"
+    },
+    {
+      "emoji": "🚿",
+      "name": "shower",
+      "shortname": ":shower:",
+      "unicode": "1f6bf",
+      "html": "&#128703;",
+      "category": "Objects (household)",
+      "order": "1672"
+    },
+    {
+      "emoji": "🐛",
+      "name": "bug",
+      "shortname": ":bug:",
+      "unicode": "1f41b",
+      "html": "&#128027;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1420"
+    },
+    {
+      "emoji": "🍜",
+      "name": "steaming bowl",
+      "shortname": ":ramen:",
+      "unicode": "1f35c",
+      "html": "&#127836;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1500"
+    },
+    {
+      "emoji": "🎩",
+      "name": "top hat",
+      "shortname": ":tophat:",
+      "unicode": "1f3a9",
+      "html": "&#127913;",
+      "category": "Objects (clothing)",
+      "order": "1335"
+    },
+    {
+      "emoji": "👰🏿",
+      "name": "bride with veil: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F470 1F3FF",
+      "html": "&#128112;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏾",
+      "name": "bride with veil: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F470 1F3FE",
+      "html": "&#128112;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏽",
+      "name": "bride with veil: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F470 1F3FD",
+      "html": "&#128112;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏼",
+      "name": "bride with veil: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F470 1F3FC",
+      "html": "&#128112;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏻",
+      "name": "bride with veil: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F470 1F3FB",
+      "html": "&#128112;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰",
+      "name": "bride with veil",
+      "shortname": ":bride_with_veil:",
+      "unicode": "1f470",
+      "html": "&#128112;",
+      "category": "People & Body (person-role)",
+      "order": "471"
+    },
+    {
+      "emoji": "⛽",
+      "name": "fuel pump",
+      "shortname": ":fuelpump:",
+      "unicode": "26fd",
+      "html": "&#9981;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1636"
+    },
+    {
+      "emoji": "🏁",
+      "name": "chequered flag",
+      "shortname": ":checkered_flag:",
+      "unicode": "1f3c1",
+      "html": "&#127937;",
+      "category": "Flags (flag)",
+      "order": "2181"
+    },
+    {
+      "emoji": "🐴",
+      "name": "horse face",
+      "shortname": ":horse:",
+      "unicode": "1f434",
+      "html": "&#128052;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1356"
+    },
+    {
+      "emoji": "⌚",
+      "name": "watch",
+      "shortname": ":watch:",
+      "unicode": "231a",
+      "html": "&#8986;",
+      "category": "Travel & Places (time)",
+      "order": "1682"
+    },
+    {
+      "emoji": "🐵",
+      "name": "monkey face",
+      "shortname": ":monkey_face:",
+      "unicode": "1f435",
+      "html": "&#128053;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1342"
+    },
+    {
+      "emoji": "🚼",
+      "name": "baby symbol",
+      "shortname": ":baby_symbol:",
+      "unicode": "1f6bc",
+      "html": "&#128700;",
+      "category": "Symbols (transport-sign)",
+      "order": "1983"
+    },
+    {
+      "emoji": "🆕",
+      "name": "NEW button",
+      "shortname": ":new:",
+      "unicode": "1f195",
+      "html": "&#127381;",
+      "category": "Symbols (alphanum)",
+      "order": "2134"
+    },
+    {
+      "emoji": "🆓",
+      "name": "FREE button",
+      "shortname": ":free:",
+      "unicode": "1f193",
+      "html": "&#127379;",
+      "category": "Symbols (alphanum)",
+      "order": "2130"
+    },
+    {
+      "emoji": "🎇",
+      "name": "sparkler",
+      "shortname": ":sparkler:",
+      "unicode": "1f387",
+      "html": "&#127879;",
+      "category": "Activities (event)",
+      "order": "1759"
+    },
+    {
+      "emoji": "🌽",
+      "name": "ear of corn",
+      "shortname": ":corn:",
+      "unicode": "1f33d",
+      "html": "&#127805;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1468"
+    },
+    {
+      "emoji": "🎾",
+      "name": "tennis",
+      "shortname": ":tennis:",
+      "unicode": "1f3be",
+      "html": "&#127934;",
+      "category": "Activities (sport)",
+      "order": "1787"
+    },
+    {
+      "emoji": "⏰",
+      "name": "alarm clock",
+      "shortname": ":alarm_clock:",
+      "unicode": "23f0",
+      "html": "&#9200;",
+      "category": "Travel & Places (time)",
+      "order": "1683"
+    },
+    {
+      "emoji": "🔋",
+      "name": "battery",
+      "shortname": ":battery:",
+      "unicode": "1f50b",
+      "html": "&#128267;",
+      "category": "Objects (computer)",
+      "order": "1844"
+    },
+    {
+      "emoji": "❕",
+      "name": "white exclamation mark",
+      "shortname": ":grey_exclamation:",
+      "unicode": "2755",
+      "html": "&#10069;",
+      "category": "Symbols (other-symbol)",
+      "order": "2100"
+    },
+    {
+      "emoji": "🐺",
+      "name": "wolf",
+      "shortname": ":wolf:",
+      "unicode": "1f43a",
+      "html": "&#128058;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1348"
+    },
+    {
+      "emoji": "🗿",
+      "name": "moai",
+      "shortname": ":moyai:",
+      "unicode": "1f5ff",
+      "html": "&#128511;",
+      "category": "Objects (other-object)",
+      "order": "1972"
+    },
+    {
+      "emoji": "🐮",
+      "name": "cow face",
+      "shortname": ":cow:",
+      "unicode": "1f42e",
+      "html": "&#128046;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1360"
+    },
+    {
+      "emoji": "📣",
+      "name": "megaphone",
+      "shortname": ":mega:",
+      "unicode": "1f4e3",
+      "html": "&#128227;",
+      "category": "Objects (sound)",
+      "order": "1819"
+    },
+    {
+      "emoji": "👴🏿",
+      "name": "old man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F474 1F3FF",
+      "html": "&#128116;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏾",
+      "name": "old man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F474 1F3FE",
+      "html": "&#128116;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏽",
+      "name": "old man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F474 1F3FD",
+      "html": "&#128116;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏼",
+      "name": "old man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F474 1F3FC",
+      "html": "&#128116;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏻",
+      "name": "old man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F474 1F3FB",
+      "html": "&#128116;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴",
+      "name": "old man",
+      "shortname": ":older_man:",
+      "unicode": "1f474",
+      "html": "&#128116;",
+      "category": "People & Body (person)",
+      "order": "123"
+    },
+    {
+      "emoji": "👗",
+      "name": "dress",
+      "shortname": ":dress:",
+      "unicode": "1f457",
+      "html": "&#128087;",
+      "category": "Objects (clothing)",
+      "order": "1319"
+    },
+    {
+      "emoji": "🔗",
+      "name": "link",
+      "shortname": ":link:",
+      "unicode": "1f517",
+      "html": "&#128279;",
+      "category": "Objects (tool)",
+      "order": "1965"
+    },
+    {
+      "emoji": "🐔",
+      "name": "chicken",
+      "shortname": ":chicken:",
+      "unicode": "1f414",
+      "html": "&#128020;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1388"
+    },
+    {
+      "emoji": "🍳",
+      "name": "cooking",
+      "shortname": ":cooking:",
+      "unicode": "1F373",
+      "html": "&#127859;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🐋",
+      "name": "whale",
+      "shortname": ":whale2:",
+      "unicode": "1f40b",
+      "html": "&#128011;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1407"
+    },
+    {
+      "emoji": "↖",
+      "name": "up-left arrow",
+      "shortname": ":arrow_upper_left:",
+      "unicode": "2196",
+      "html": "&#8598;",
+      "category": "Symbols (arrow)",
+      "order": "2009"
+    },
+    {
+      "emoji": "🌳",
+      "name": "deciduous tree",
+      "shortname": ":deciduous_tree:",
+      "unicode": "1f333",
+      "html": "&#127795;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1439"
+    },
+    {
+      "emoji": "🍱",
+      "name": "bento box",
+      "shortname": ":bento:",
+      "unicode": "1f371",
+      "html": "&#127857;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1495"
+    },
+    {
+      "emoji": "📌",
+      "name": "pushpin",
+      "shortname": ":pushpin:",
+      "unicode": "1f4cc",
+      "html": "&#128204;",
+      "category": "Objects (office)",
+      "order": "1934"
+    },
+    {
+      "emoji": "🔜",
+      "name": "SOON arrow",
+      "shortname": ":soon:",
+      "unicode": "1f51c",
+      "html": "&#128284;",
+      "category": "Symbols (arrow)",
+      "order": "2021"
+    },
+    {
+      "emoji": "🔁",
+      "name": "repeat button",
+      "shortname": ":repeat:",
+      "unicode": "1f501",
+      "html": "&#128257;",
+      "category": "Symbols (av-symbol)",
+      "order": "2049"
+    },
+    {
+      "emoji": "🐉",
+      "name": "dragon",
+      "shortname": ":dragon:",
+      "unicode": "1f409",
+      "html": "&#128009;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1405"
+    },
+    {
+      "emoji": "🐹",
+      "name": "hamster",
+      "shortname": ":hamster:",
+      "unicode": "1f439",
+      "html": "&#128057;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1378"
+    },
+    {
+      "emoji": "⛳",
+      "name": "flag in hole",
+      "shortname": ":golf:",
+      "unicode": "26f3",
+      "html": "&#9971;",
+      "category": "Activities (sport)",
+      "order": "1799"
+    },
+    {
+      "emoji": "🏄🏿‍♀",
+      "name": "woman surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2640",
+      "html": "&#127940;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♀",
+      "name": "woman surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2640",
+      "html": "&#127940;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♀",
+      "name": "woman surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2640",
+      "html": "&#127940;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♀",
+      "name": "woman surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2640",
+      "html": "&#127940;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♀",
+      "name": "woman surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2640",
+      "html": "&#127940;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♀",
+      "name": "woman surfing",
+      "shortname": ":woman_surfing:",
+      "unicode": "1F3C4 200D 2640",
+      "html": "&#127940;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿",
+      "name": "person surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF",
+      "html": "&#127940;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾",
+      "name": "person surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE",
+      "html": "&#127940;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽",
+      "name": "person surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD",
+      "html": "&#127940;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼",
+      "name": "person surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC",
+      "html": "&#127940;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻",
+      "name": "person surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB",
+      "html": "&#127940;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄",
+      "name": "person surfing",
+      "shortname": ":surfer:",
+      "unicode": "1f3c4",
+      "html": "&#127940;",
+      "category": "People & Body (person-sport)",
+      "order": "800"
+    },
+    {
+      "emoji": "🐭",
+      "name": "mouse face",
+      "shortname": ":mouse:",
+      "unicode": "1f42d",
+      "html": "&#128045;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1375"
+    },
+    {
+      "emoji": "🌒",
+      "name": "waxing crescent moon",
+      "shortname": ":waxing_crescent_moon:",
+      "unicode": "1f312",
+      "html": "&#127762;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1712"
+    },
+    {
+      "emoji": "🚙",
+      "name": "sport utility vehicle",
+      "shortname": ":blue_car:",
+      "unicode": "1f699",
+      "html": "&#128665;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1626"
+    },
+    {
+      "emoji": "🅰️",
+      "name": "A button (blood type)",
+      "shortname": ":a:",
+      "unicode": "1f170",
+      "html": "&#127344;",
+      "category": "Symbols (alphanum)",
+      "order": "2125"
+    },
+    {
+      "emoji": "⁉️",
+      "name": "exclamation question mark",
+      "shortname": ":interrobang:",
+      "unicode": "2049",
+      "html": "&#8265;",
+      "category": "Symbols (other-symbol)",
+      "order": "2097"
+    },
+    {
+      "emoji": "🈹",
+      "name": "Japanese discount button",
+      "shortname": ":u5272:",
+      "unicode": "1f239",
+      "html": "&#127545;",
+      "category": "Symbols (alphanum)",
+      "order": "2148"
+    },
+    {
+      "emoji": "🔌",
+      "name": "electric plug",
+      "shortname": ":electric_plug:",
+      "unicode": "1f50c",
+      "html": "&#128268;",
+      "category": "Objects (computer)",
+      "order": "1845"
+    },
+    {
+      "emoji": "🌓",
+      "name": "first quarter moon",
+      "shortname": ":first_quarter_moon:",
+      "unicode": "1f313",
+      "html": "&#127763;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1713"
+    },
+    {
+      "emoji": "♋",
+      "name": "Cancer",
+      "shortname": ":cancer:",
+      "unicode": "264b",
+      "html": "&#9803;",
+      "category": "Symbols (zodiac)",
+      "order": "2038"
+    },
+    {
+      "emoji": "🔱",
+      "name": "trident emblem",
+      "shortname": ":trident:",
+      "unicode": "1f531",
+      "html": "&#128305;",
+      "category": "Symbols (other-symbol)",
+      "order": "2076"
+    },
+    {
+      "emoji": "🍞",
+      "name": "bread",
+      "shortname": ":bread:",
+      "unicode": "1f35e",
+      "html": "&#127838;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1474"
+    },
+    {
+      "emoji": "👮🏿‍♀",
+      "name": "woman police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2640",
+      "html": "&#128110;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♀",
+      "name": "woman police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2640",
+      "html": "&#128110;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♀",
+      "name": "woman police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2640",
+      "html": "&#128110;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♀",
+      "name": "woman police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2640",
+      "html": "&#128110;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♀",
+      "name": "woman police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2640",
+      "html": "&#128110;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♀",
+      "name": "woman police officer",
+      "shortname": ":woman_police_officer:",
+      "unicode": "1F46E 200D 2640",
+      "html": "&#128110;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿",
+      "name": "police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF",
+      "html": "&#128110;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾",
+      "name": "police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE",
+      "html": "&#128110;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽",
+      "name": "police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD",
+      "html": "&#128110;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼",
+      "name": "police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC",
+      "html": "&#128110;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻",
+      "name": "police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB",
+      "html": "&#128110;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮",
+      "name": "police officer",
+      "shortname": ":cop:",
+      "unicode": "1f46e",
+      "html": "&#128110;",
+      "category": "People & Body (person-role)",
+      "order": "339"
+    },
+    {
+      "emoji": "🍵",
+      "name": "teacup without handle",
+      "shortname": ":tea:",
+      "unicode": "1f375",
+      "html": "&#127861;",
+      "category": "Food & Drink (drink)",
+      "order": "1523"
+    },
+    {
+      "emoji": "🎣",
+      "name": "fishing pole",
+      "shortname": ":fishing_pole_and_fish:",
+      "unicode": "1f3a3",
+      "html": "&#127907;",
+      "category": "Activities (sport)",
+      "order": "1801"
+    },
+    {
+      "emoji": "🌔",
+      "name": "waxing gibbous moon",
+      "shortname": ":waxing_gibbous_moon:",
+      "unicode": "1F314",
+      "html": "&#127764;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🚲",
+      "name": "bicycle",
+      "shortname": ":bike:",
+      "unicode": "1f6b2",
+      "html": "&#128690;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1630"
+    },
+    {
+      "emoji": "👤",
+      "name": "bust in silhouette",
+      "shortname": ":bust_in_silhouette:",
+      "unicode": "1F464",
+      "html": "&#128100;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🍚",
+      "name": "cooked rice",
+      "shortname": ":rice:",
+      "unicode": "1f35a",
+      "html": "&#127834;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1498"
+    },
+    {
+      "emoji": "📻",
+      "name": "radio",
+      "shortname": ":radio:",
+      "unicode": "1f4fb",
+      "html": "&#128251;",
+      "category": "Objects (music)",
+      "order": "1831"
+    },
+    {
+      "emoji": "🐤",
+      "name": "baby chick",
+      "shortname": ":baby_chick:",
+      "unicode": "1f424",
+      "html": "&#128036;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1391"
+    },
+    {
+      "emoji": "⤵️",
+      "name": "right arrow curving down",
+      "shortname": ":arrow_heading_down:",
+      "unicode": "2935",
+      "html": "&#10549;",
+      "category": "Symbols (arrow)",
+      "order": "2015"
+    },
+    {
+      "emoji": "🌘",
+      "name": "waning crescent moon",
+      "shortname": ":waning_crescent_moon:",
+      "unicode": "1f318",
+      "html": "&#127768;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1718"
+    },
+    {
+      "emoji": "↕",
+      "name": "up-down arrow",
+      "shortname": ":arrow_up_down:",
+      "unicode": "2195",
+      "html": "&#8597;",
+      "category": "Symbols (arrow)",
+      "order": "2010"
+    },
+    {
+      "emoji": "🇪",
+      "name": "",
+      "shortname": "",
+      "unicode": "",
+      "html": "&#127466;",
+      "category": "",
+      "order": ""
+    },
+    {
+      "emoji": "🌗",
+      "name": "last quarter moon",
+      "shortname": ":last_quarter_moon:",
+      "unicode": "1f317",
+      "html": "&#127767;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1717"
+    },
+    {
+      "emoji": "🔘",
+      "name": "radio button",
+      "shortname": ":radio_button:",
+      "unicode": "1f518",
+      "html": "&#128280;",
+      "category": "Symbols (geometric)",
+      "order": "2174"
+    },
+    {
+      "emoji": "🐑",
+      "name": "ewe",
+      "shortname": ":sheep:",
+      "unicode": "1f411",
+      "html": "&#128017;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1369"
+    },
+    {
+      "emoji": "👱🏿‍♀",
+      "name": "woman: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2640",
+      "html": "&#128113;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♀",
+      "name": "woman: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2640",
+      "html": "&#128113;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♀",
+      "name": "woman: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2640",
+      "html": "&#128113;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♀",
+      "name": "woman: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2640",
+      "html": "&#128113;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♀",
+      "name": "woman: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2640",
+      "html": "&#128113;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♀",
+      "name": "woman: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2640",
+      "html": "&#128113;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿",
+      "name": "person: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF",
+      "html": "&#128113;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾",
+      "name": "person: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE",
+      "html": "&#128113;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽",
+      "name": "person: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD",
+      "html": "&#128113;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼",
+      "name": "person: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC",
+      "html": "&#128113;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻",
+      "name": "person: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB",
+      "html": "&#128113;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱",
+      "name": "person: blond hair",
+      "shortname": ":person_with_blond_hair:",
+      "unicode": "1f471",
+      "html": "&#128113;",
+      "category": "People & Body (person)",
+      "order": "429"
+    },
+    {
+      "emoji": "🌖",
+      "name": "waning gibbous moon",
+      "shortname": ":waning_gibbous_moon:",
+      "unicode": "1f316",
+      "html": "&#127766;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1716"
+    },
+    {
+      "emoji": "🔒",
+      "name": "locked",
+      "shortname": ":lock:",
+      "unicode": "1f512",
+      "html": "&#128274;",
+      "category": "Objects (lock)",
+      "order": "1944"
+    },
+    {
+      "emoji": "🍏",
+      "name": "green apple",
+      "shortname": ":green_apple:",
+      "unicode": "1f34f",
+      "html": "&#127823;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1457"
+    },
+    {
+      "emoji": "👺",
+      "name": "goblin",
+      "shortname": ":japanese_goblin:",
+      "unicode": "1f47a",
+      "html": "&#128122;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "79"
+    },
+    {
+      "emoji": "➰",
+      "name": "curly loop",
+      "shortname": ":curly_loop:",
+      "unicode": "27b0",
+      "html": "&#10160;",
+      "category": "Symbols (other-symbol)",
+      "order": "2090"
+    },
+    {
+      "emoji": "🚩",
+      "name": "triangular flag",
+      "shortname": ":triangular_flag_on_post:",
+      "unicode": "1f6a9",
+      "html": "&#128681;",
+      "category": "Flags (flag)",
+      "order": "2182"
+    },
+    {
+      "emoji": "🔄",
+      "name": "counterclockwise arrows button",
+      "shortname": ":arrows_counterclockwise:",
+      "unicode": "1f504",
+      "html": "&#128260;",
+      "category": "Symbols (arrow)",
+      "order": "2017"
+    },
+    {
+      "emoji": "🐎",
+      "name": "horse",
+      "shortname": ":racehorse:",
+      "unicode": "1f40e",
+      "html": "&#128014;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1357"
+    },
+    {
+      "emoji": "🍤",
+      "name": "fried shrimp",
+      "shortname": ":fried_shrimp:",
+      "unicode": "1f364",
+      "html": "&#127844;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1505"
+    },
+    {
+      "emoji": "🌄",
+      "name": "sunrise over mountains",
+      "shortname": ":sunrise_over_mountains:",
+      "unicode": "1f304",
+      "html": "&#127748;",
+      "category": "Travel & Places (place-other)",
+      "order": "1586"
+    },
+    {
+      "emoji": "🌋",
+      "name": "volcano",
+      "shortname": ":volcano:",
+      "unicode": "1f30b",
+      "html": "&#127755;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1546"
+    },
+    {
+      "emoji": "🐓",
+      "name": "rooster",
+      "shortname": ":rooster:",
+      "unicode": "1f413",
+      "html": "&#128019;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1389"
+    },
+    {
+      "emoji": "📥",
+      "name": "inbox tray",
+      "shortname": ":inbox_tray:",
+      "unicode": "1f4e5",
+      "html": "&#128229;",
+      "category": "Objects (mail)",
+      "order": "1906"
+    },
+    {
+      "emoji": "💒",
+      "name": "wedding",
+      "shortname": ":wedding:",
+      "unicode": "1f492",
+      "html": "&#128146;",
+      "category": "Travel & Places (place-building)",
+      "order": "1574"
+    },
+    {
+      "emoji": "🍣",
+      "name": "sushi",
+      "shortname": ":sushi:",
+      "unicode": "1f363",
+      "html": "&#127843;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1504"
+    },
+    {
+      "emoji": "〰",
+      "name": "wavy dash",
+      "shortname": ":wavy_dash:",
+      "unicode": "3030",
+      "html": "&#12336;",
+      "category": "Symbols (other-symbol)",
+      "order": "2102"
+    },
+    {
+      "emoji": "🍨",
+      "name": "ice cream",
+      "shortname": ":ice_cream:",
+      "unicode": "1f368",
+      "html": "&#127848;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1510"
+    },
+    {
+      "emoji": "⏪",
+      "name": "fast reverse button",
+      "shortname": ":rewind:",
+      "unicode": "23ea",
+      "html": "&#9194;",
+      "category": "Symbols (av-symbol)",
+      "order": "2056"
+    },
+    {
+      "emoji": "🍅",
+      "name": "tomato",
+      "shortname": ":tomato:",
+      "unicode": "1f345",
+      "html": "&#127813;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1463"
+    },
+    {
+      "emoji": "🐇",
+      "name": "rabbit",
+      "shortname": ":rabbit2:",
+      "unicode": "1f407",
+      "html": "&#128007;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1380"
+    },
+    {
+      "emoji": "✴️",
+      "name": "eight-pointed star",
+      "shortname": ":eight_pointed_black_star:",
+      "unicode": "2734",
+      "html": "&#10036;",
+      "category": "Symbols (other-symbol)",
+      "order": "2094"
+    },
+    {
+      "emoji": "🔺",
+      "name": "red triangle pointed up",
+      "shortname": ":small_red_triangle:",
+      "unicode": "1f53a",
+      "html": "&#128314;",
+      "category": "Symbols (geometric)",
+      "order": "2171"
+    },
+    {
+      "emoji": "🔆",
+      "name": "bright button",
+      "shortname": ":high_brightness:",
+      "unicode": "1f506",
+      "html": "&#128262;",
+      "category": "Symbols (av-symbol)",
+      "order": "2068"
+    },
+    {
+      "emoji": "➕",
+      "name": "plus sign",
+      "shortname": ":heavy_plus_sign:",
+      "unicode": "2795",
+      "html": "&#10133;",
+      "category": "Symbols (other-symbol)",
+      "order": "2084"
+    },
+    {
+      "emoji": "👲🏿",
+      "name": "man with skullcap: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F472 1F3FF",
+      "html": "&#128114;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏾",
+      "name": "man with skullcap: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F472 1F3FE",
+      "html": "&#128114;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏽",
+      "name": "man with skullcap: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F472 1F3FD",
+      "html": "&#128114;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏼",
+      "name": "man with skullcap: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F472 1F3FC",
+      "html": "&#128114;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏻",
+      "name": "man with skullcap: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F472 1F3FB",
+      "html": "&#128114;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲",
+      "name": "man with skullcap",
+      "shortname": ":man_with_gua_pi_mao:",
+      "unicode": "1f472",
+      "html": "&#128114;",
+      "category": "People & Body (person-role)",
+      "order": "489"
+    },
+    {
+      "emoji": "🏪",
+      "name": "convenience store",
+      "shortname": ":convenience_store:",
+      "unicode": "1f3ea",
+      "html": "&#127978;",
+      "category": "Travel & Places (place-building)",
+      "order": "1568"
+    },
+    {
+      "emoji": "👥",
+      "name": "busts in silhouette",
+      "shortname": ":busts_in_silhouette:",
+      "unicode": "1f465",
+      "html": "&#128101;",
+      "category": "People & Body (person-symbol)",
+      "order": "767"
+    },
+    {
+      "emoji": "🐞",
+      "name": "lady beetle",
+      "shortname": ":beetle:",
+      "unicode": "1f41e",
+      "html": "&#128030;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1423"
+    },
+    {
+      "emoji": "🔻",
+      "name": "red triangle pointed down",
+      "shortname": ":small_red_triangle_down:",
+      "unicode": "1f53b",
+      "html": "&#128315;",
+      "category": "Symbols (geometric)",
+      "order": "2172"
+    },
+    {
+      "emoji": "🇩🇪",
+      "name": "flag: Germany",
+      "shortname": ":ger:",
+      "unicode": "1F1E9 1F1EA",
+      "html": "&#127465;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "⤴️",
+      "name": "right arrow curving up",
+      "shortname": ":arrow_heading_up:",
+      "unicode": "2934",
+      "html": "&#10548;",
+      "category": "Symbols (arrow)",
+      "order": "2014"
+    },
+    {
+      "emoji": "📛",
+      "name": "name badge",
+      "shortname": ":name_badge:",
+      "unicode": "1f4db",
+      "html": "&#128219;",
+      "category": "Symbols (other-symbol)",
+      "order": "2073"
+    },
+    {
+      "emoji": "🛀🏿",
+      "name": "person taking bath: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6C0 1F3FF",
+      "html": "&#128704;&#127999;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏾",
+      "name": "person taking bath: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6C0 1F3FE",
+      "html": "&#128704;&#127998;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏽",
+      "name": "person taking bath: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6C0 1F3FD",
+      "html": "&#128704;&#127997;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏼",
+      "name": "person taking bath: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6C0 1F3FC",
+      "html": "&#128704;&#127996;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏻",
+      "name": "person taking bath: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6C0 1F3FB",
+      "html": "&#128704;&#127995;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀",
+      "name": "person taking bath",
+      "shortname": ":bath:",
+      "unicode": "1f6c0",
+      "html": "&#128704;",
+      "category": "People & Body (person-resting)",
+      "order": "1673"
+    },
+    {
+      "emoji": "⛔",
+      "name": "no entry",
+      "shortname": ":no_entry:",
+      "unicode": "26d4",
+      "html": "&#9940;",
+      "category": "Symbols (warning)",
+      "order": "1991"
+    },
+    {
+      "emoji": "🐊",
+      "name": "crocodile",
+      "shortname": ":crocodile:",
+      "unicode": "1f40a",
+      "html": "&#128010;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1400"
+    },
+    {
+      "emoji": "🌰",
+      "name": "chestnut",
+      "shortname": ":chestnut:",
+      "unicode": "1F330",
+      "html": "&#127792;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🐕",
+      "name": "dog",
+      "shortname": ":dog2:",
+      "unicode": "1f415",
+      "html": "&#128021;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1346"
+    },
+    {
+      "emoji": "🐈",
+      "name": "cat",
+      "shortname": ":cat2:",
+      "unicode": "1f408",
+      "html": "&#128008;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1351"
+    },
+    {
+      "emoji": "🔨",
+      "name": "hammer",
+      "shortname": ":hammer:",
+      "unicode": "1f528",
+      "html": "&#128296;",
+      "category": "Objects (tool)",
+      "order": "1950"
+    },
+    {
+      "emoji": "🍖",
+      "name": "meat on bone",
+      "shortname": ":meat_on_bone:",
+      "unicode": "1f356",
+      "html": "&#127830;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1479"
+    },
+    {
+      "emoji": "🐚",
+      "name": "spiral shell",
+      "shortname": ":shell:",
+      "unicode": "1f41a",
+      "html": "&#128026;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1414"
+    },
+    {
+      "emoji": "❇️",
+      "name": "sparkle",
+      "shortname": ":sparkle:",
+      "unicode": "2747",
+      "html": "&#10055;",
+      "category": "Symbols (other-symbol)",
+      "order": "2095"
+    },
+    {
+      "emoji": "⛵",
+      "name": "sailboat",
+      "shortname": ":sailboat:",
+      "unicode": "26F5",
+      "html": "&#9973;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🅱️",
+      "name": "B button (blood type)",
+      "shortname": ":b:",
+      "unicode": "1f171",
+      "html": "&#127345;",
+      "category": "Symbols (alphanum)",
+      "order": "2127"
+    },
+    {
+      "emoji": "Ⓜ️",
+      "name": "circled M",
+      "shortname": ":m:",
+      "unicode": "24c2",
+      "html": "&#9410;",
+      "category": "Symbols (alphanum)",
+      "order": "2133"
+    },
+    {
+      "emoji": "🐩",
+      "name": "poodle",
+      "shortname": ":poodle:",
+      "unicode": "1f429",
+      "html": "&#128041;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1347"
+    },
+    {
+      "emoji": "♒",
+      "name": "Aquarius",
+      "shortname": ":aquarius:",
+      "unicode": "2652",
+      "html": "&#9810;",
+      "category": "Symbols (zodiac)",
+      "order": "2045"
+    },
+    {
+      "emoji": "🍲",
+      "name": "pot of food",
+      "shortname": ":stew:",
+      "unicode": "1f372",
+      "html": "&#127858;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1492"
+    },
+    {
+      "emoji": "👖",
+      "name": "jeans",
+      "shortname": ":jeans:",
+      "unicode": "1f456",
+      "html": "&#128086;",
+      "category": "Objects (clothing)",
+      "order": "1318"
+    },
+    {
+      "emoji": "🍯",
+      "name": "honey pot",
+      "shortname": ":honey_pot:",
+      "unicode": "1f36f",
+      "html": "&#127855;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1519"
+    },
+    {
+      "emoji": "🎹",
+      "name": "musical keyboard",
+      "shortname": ":musical_keyboard:",
+      "unicode": "1f3b9",
+      "html": "&#127929;",
+      "category": "Objects (musical-instrument)",
+      "order": "1834"
+    },
+    {
+      "emoji": "🔓",
+      "name": "unlocked",
+      "shortname": ":unlock:",
+      "unicode": "1f513",
+      "html": "&#128275;",
+      "category": "Objects (lock)",
+      "order": "1945"
+    },
+    {
+      "emoji": "✒",
+      "name": "black nib",
+      "shortname": ":black_nib:",
+      "unicode": "2712",
+      "html": "&#10002;",
+      "category": "Objects (writing)",
+      "order": "1915"
+    },
+    {
+      "emoji": "🗽",
+      "name": "Statue of Liberty",
+      "shortname": ":statue_of_liberty:",
+      "unicode": "1f5fd",
+      "html": "&#128509;",
+      "category": "Travel & Places (place-building)",
+      "order": "1576"
+    },
+    {
+      "emoji": "💲",
+      "name": "heavy dollar sign",
+      "shortname": ":heavy_dollar_sign:",
+      "unicode": "1f4b2",
+      "html": "&#128178;",
+      "category": "Objects (money)",
+      "order": "1900"
+    },
+    {
+      "emoji": "🏂",
+      "name": "snowboarder",
+      "shortname": ":snowboarder:",
+      "unicode": "1f3c2",
+      "html": "&#127938;",
+      "category": "People & Body (person-sport)",
+      "order": "776"
+    },
+    {
+      "emoji": "💮",
+      "name": "white flower",
+      "shortname": ":white_flower:",
+      "unicode": "1f4ae",
+      "html": "&#128174;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1429"
+    },
+    {
+      "emoji": "👔",
+      "name": "necktie",
+      "shortname": ":necktie:",
+      "unicode": "1f454",
+      "html": "&#128084;",
+      "category": "Objects (clothing)",
+      "order": "1316"
+    },
+    {
+      "emoji": "💠",
+      "name": "diamond with a dot",
+      "shortname": ":diamond_shape_with_a_dot_inside:",
+      "unicode": "1f4a0",
+      "html": "&#128160;",
+      "category": "Symbols (geometric)",
+      "order": "2173"
+    },
+    {
+      "emoji": "♈",
+      "name": "Aries",
+      "shortname": ":aries:",
+      "unicode": "2648",
+      "html": "&#9800;",
+      "category": "Symbols (zodiac)",
+      "order": "2035"
+    },
+    {
+      "emoji": "🚺",
+      "name": "women’s room",
+      "shortname": ":womens:",
+      "unicode": "1f6ba",
+      "html": "&#128698;",
+      "category": "Symbols (transport-sign)",
+      "order": "1981"
+    },
+    {
+      "emoji": "🐜",
+      "name": "ant",
+      "shortname": ":ant:",
+      "unicode": "1f41c",
+      "html": "&#128028;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1421"
+    },
+    {
+      "emoji": "♏",
+      "name": "Scorpio",
+      "shortname": ":scorpius:",
+      "unicode": "264f",
+      "html": "&#9807;",
+      "category": "Symbols (zodiac)",
+      "order": "2042"
+    },
+    {
+      "emoji": "🌇",
+      "name": "sunset",
+      "shortname": ":city_sunset:",
+      "unicode": "1f307",
+      "html": "&#127751;",
+      "category": "Travel & Places (place-other)",
+      "order": "1589"
+    },
+    {
+      "emoji": "⏳",
+      "name": "hourglass not done",
+      "shortname": ":hourglass_flowing_sand:",
+      "unicode": "23f3",
+      "html": "&#9203;",
+      "category": "Travel & Places (time)",
+      "order": "1681"
+    },
+    {
+      "emoji": "🅾️",
+      "name": "O button (blood type)",
+      "shortname": ":o2:",
+      "unicode": "1f17e",
+      "html": "&#127358;",
+      "category": "Symbols (alphanum)",
+      "order": "2136"
+    },
+    {
+      "emoji": "🐲",
+      "name": "dragon face",
+      "shortname": ":dragon_face:",
+      "unicode": "1f432",
+      "html": "&#128050;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1404"
+    },
+    {
+      "emoji": "🐌",
+      "name": "snail",
+      "shortname": ":snail:",
+      "unicode": "1f40c",
+      "html": "&#128012;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1419"
+    },
+    {
+      "emoji": "📀",
+      "name": "dvd",
+      "shortname": ":dvd:",
+      "unicode": "1f4c0",
+      "html": "&#128192;",
+      "category": "Objects (computer)",
+      "order": "1855"
+    },
+    {
+      "emoji": "👕",
+      "name": "t-shirt",
+      "shortname": ":shirt:",
+      "unicode": "1f455",
+      "html": "&#128085;",
+      "category": "Objects (clothing)",
+      "order": "1317"
+    },
+    {
+      "emoji": "🎲",
+      "name": "game die",
+      "shortname": ":game_die:",
+      "unicode": "1f3b2",
+      "html": "&#127922;",
+      "category": "Activities (game)",
+      "order": "1806"
+    },
+    {
+      "emoji": "➖",
+      "name": "minus sign",
+      "shortname": ":heavy_minus_sign:",
+      "unicode": "2796",
+      "html": "&#10134;",
+      "category": "Symbols (other-symbol)",
+      "order": "2088"
+    },
+    {
+      "emoji": "🎎",
+      "name": "Japanese dolls",
+      "shortname": ":dolls:",
+      "unicode": "1f38e",
+      "html": "&#127886;",
+      "category": "Activities (event)",
+      "order": "1766"
+    },
+    {
+      "emoji": "♐",
+      "name": "Sagittarius",
+      "shortname": ":sagittarius:",
+      "unicode": "2650",
+      "html": "&#9808;",
+      "category": "Symbols (zodiac)",
+      "order": "2043"
+    },
+    {
+      "emoji": "🎱",
+      "name": "pool 8 ball",
+      "shortname": ":8ball:",
+      "unicode": "1f3b1",
+      "html": "&#127921;",
+      "category": "Activities (game)",
+      "order": "1788"
+    },
+    {
+      "emoji": "🚌",
+      "name": "bus",
+      "shortname": ":bus:",
+      "unicode": "1f68c",
+      "html": "&#128652;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1614"
+    },
+    {
+      "emoji": "🍮",
+      "name": "custard",
+      "shortname": ":custard:",
+      "unicode": "1f36e",
+      "html": "&#127854;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1518"
+    },
+    {
+      "emoji": "🎌",
+      "name": "crossed flags",
+      "shortname": ":crossed_flags:",
+      "unicode": "1f38c",
+      "html": "&#127884;",
+      "category": "Flags (flag)",
+      "order": "2183"
+    },
+    {
+      "emoji": "〽️",
+      "name": "part alternation mark",
+      "shortname": ":part_alternation_mark:",
+      "unicode": "303d",
+      "html": "&#12349;",
+      "category": "Symbols (other-symbol)",
+      "order": "2092"
+    },
+    {
+      "emoji": "🐫",
+      "name": "two-hump camel",
+      "shortname": ":camel:",
+      "unicode": "1f42b",
+      "html": "&#128043;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1372"
+    },
+    {
+      "emoji": "🍛",
+      "name": "curry rice",
+      "shortname": ":curry:",
+      "unicode": "1f35b",
+      "html": "&#127835;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1499"
+    },
+    {
+      "emoji": "🚂",
+      "name": "locomotive",
+      "shortname": ":steam_locomotive:",
+      "unicode": "1f682",
+      "html": "&#128642;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1602"
+    },
+    {
+      "emoji": "🏥",
+      "name": "hospital",
+      "shortname": ":hospital:",
+      "unicode": "1f3e5",
+      "html": "&#127973;",
+      "category": "Travel & Places (place-building)",
+      "order": "1564"
+    },
+    {
+      "emoji": "🇯🇵",
+      "name": "flag: Japan",
+      "shortname": ":jp:",
+      "unicode": "1F1EF 1F1F5",
+      "html": "&#127471;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🔷",
+      "name": "large blue diamond",
+      "shortname": ":large_blue_diamond:",
+      "unicode": "1f537",
+      "html": "&#128311;",
+      "category": "Symbols (geometric)",
+      "order": "2168"
+    },
+    {
+      "emoji": "🎋",
+      "name": "tanabata tree",
+      "shortname": ":tanabata_tree:",
+      "unicode": "1f38b",
+      "html": "&#127883;",
+      "category": "Activities (event)",
+      "order": "1764"
+    },
+    {
+      "emoji": "🔔",
+      "name": "bell",
+      "shortname": ":bell:",
+      "unicode": "1f514",
+      "html": "&#128276;",
+      "category": "Objects (sound)",
+      "order": "1821"
+    },
+    {
+      "emoji": "♌",
+      "name": "Leo",
+      "shortname": ":leo:",
+      "unicode": "264c",
+      "html": "&#9804;",
+      "category": "Symbols (zodiac)",
+      "order": "2039"
+    },
+    {
+      "emoji": "♊",
+      "name": "Gemini",
+      "shortname": ":gemini:",
+      "unicode": "264a",
+      "html": "&#9802;",
+      "category": "Symbols (zodiac)",
+      "order": "2037"
+    },
+    {
+      "emoji": "🍐",
+      "name": "pear",
+      "shortname": ":pear:",
+      "unicode": "1f350",
+      "html": "&#127824;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1458"
+    },
+    {
+      "emoji": "🔶",
+      "name": "large orange diamond",
+      "shortname": ":large_orange_diamond:",
+      "unicode": "1f536",
+      "html": "&#128310;",
+      "category": "Symbols (geometric)",
+      "order": "2167"
+    },
+    {
+      "emoji": "♉",
+      "name": "Taurus",
+      "shortname": ":taurus:",
+      "unicode": "2649",
+      "html": "&#9801;",
+      "category": "Symbols (zodiac)",
+      "order": "2036"
+    },
+    {
+      "emoji": "🌐",
+      "name": "globe with meridians",
+      "shortname": ":globe_with_meridians:",
+      "unicode": "1f310",
+      "html": "&#127760;",
+      "category": "Travel & Places (place-map)",
+      "order": "1541"
+    },
+    {
+      "emoji": "🚪",
+      "name": "door",
+      "shortname": ":door:",
+      "unicode": "1f6aa",
+      "html": "&#128682;",
+      "category": "Objects (household)",
+      "order": "1662"
+    },
+    {
+      "emoji": "🕕",
+      "name": "six o’clock",
+      "shortname": ":clock6:",
+      "unicode": "1f555",
+      "html": "&#128341;",
+      "category": "Travel & Places (time)",
+      "order": "1699"
+    },
+    {
+      "emoji": "🚔",
+      "name": "oncoming police car",
+      "shortname": ":oncoming_police_car:",
+      "unicode": "1f694",
+      "html": "&#128660;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1621"
+    },
+    {
+      "emoji": "📩",
+      "name": "envelope with arrow",
+      "shortname": ":envelope_with_arrow:",
+      "unicode": "1f4e9",
+      "html": "&#128233;",
+      "category": "Objects (mail)",
+      "order": "1904"
+    },
+    {
+      "emoji": "🌂",
+      "name": "closed umbrella",
+      "shortname": ":closed_umbrella:",
+      "unicode": "1f302",
+      "html": "&#127746;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1744"
+    },
+    {
+      "emoji": "🎷",
+      "name": "saxophone",
+      "shortname": ":saxophone:",
+      "unicode": "1f3b7",
+      "html": "&#127927;",
+      "category": "Objects (musical-instrument)",
+      "order": "1832"
+    },
+    {
+      "emoji": "⛪",
+      "name": "church",
+      "shortname": ":church:",
+      "unicode": "26ea",
+      "html": "&#9962;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1577"
+    },
+    {
+      "emoji": "🚴🏿‍♀",
+      "name": "woman biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2640",
+      "html": "&#128692;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♀",
+      "name": "woman biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2640",
+      "html": "&#128692;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♀",
+      "name": "woman biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2640",
+      "html": "&#128692;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♀",
+      "name": "woman biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2640",
+      "html": "&#128692;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♀",
+      "name": "woman biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2640",
+      "html": "&#128692;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♀",
+      "name": "woman biking",
+      "shortname": ":woman_biking:",
+      "unicode": "1F6B4 200D 2640",
+      "html": "&#128692;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿",
+      "name": "person biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF",
+      "html": "&#128692;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾",
+      "name": "person biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE",
+      "html": "&#128692;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽",
+      "name": "person biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD",
+      "html": "&#128692;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼",
+      "name": "person biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC",
+      "html": "&#128692;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻",
+      "name": "person biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB",
+      "html": "&#128692;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴",
+      "name": "person biking",
+      "shortname": ":bicyclist:",
+      "unicode": "1f6b4",
+      "html": "&#128692;",
+      "category": "People & Body (person-sport)",
+      "order": "890"
+    },
+    {
+      "emoji": "♓",
+      "name": "Pisces",
+      "shortname": ":pisces:",
+      "unicode": "2653",
+      "html": "&#9811;",
+      "category": "Symbols (zodiac)",
+      "order": "2046"
+    },
+    {
+      "emoji": "🍡",
+      "name": "dango",
+      "shortname": ":dango:",
+      "unicode": "1f361",
+      "html": "&#127841;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1507"
+    },
+    {
+      "emoji": "♑",
+      "name": "Capricorn",
+      "shortname": ":capricorn:",
+      "unicode": "2651",
+      "html": "&#9809;",
+      "category": "Symbols (zodiac)",
+      "order": "2044"
+    },
+    {
+      "emoji": "🏢",
+      "name": "office building",
+      "shortname": ":office:",
+      "unicode": "1f3e2",
+      "html": "&#127970;",
+      "category": "Travel & Places (place-building)",
+      "order": "1561"
+    },
+    {
+      "emoji": "🚣🏿‍♀",
+      "name": "woman rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2640",
+      "html": "&#128675;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♀",
+      "name": "woman rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2640",
+      "html": "&#128675;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♀",
+      "name": "woman rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2640",
+      "html": "&#128675;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♀",
+      "name": "woman rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2640",
+      "html": "&#128675;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♀",
+      "name": "woman rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2640",
+      "html": "&#128675;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♀",
+      "name": "woman rowing boat",
+      "shortname": ":woman_rowing_boat:",
+      "unicode": "1F6A3 200D 2640",
+      "html": "&#128675;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿",
+      "name": "person rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF",
+      "html": "&#128675;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾",
+      "name": "person rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE",
+      "html": "&#128675;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽",
+      "name": "person rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD",
+      "html": "&#128675;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼",
+      "name": "person rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC",
+      "html": "&#128675;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻",
+      "name": "person rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB",
+      "html": "&#128675;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣",
+      "name": "person rowing boat",
+      "shortname": ":rowboat:",
+      "unicode": "1f6a3",
+      "html": "&#128675;",
+      "category": "People & Body (person-sport)",
+      "order": "818"
+    },
+    {
+      "emoji": "👒",
+      "name": "woman’s hat",
+      "shortname": ":womans_hat:",
+      "unicode": "1f452",
+      "html": "&#128082;",
+      "category": "Objects (clothing)",
+      "order": "1334"
+    },
+    {
+      "emoji": "👞",
+      "name": "man’s shoe",
+      "shortname": ":mans_shoe:",
+      "unicode": "1f45e",
+      "html": "&#128094;",
+      "category": "Objects (clothing)",
+      "order": "1328"
+    },
+    {
+      "emoji": "🏩",
+      "name": "love hotel",
+      "shortname": ":love_hotel:",
+      "unicode": "1f3e9",
+      "html": "&#127977;",
+      "category": "Travel & Places (place-building)",
+      "order": "1567"
+    },
+    {
+      "emoji": "🗻",
+      "name": "mount fuji",
+      "shortname": ":mount_fuji:",
+      "unicode": "1f5fb",
+      "html": "&#128507;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1547"
+    },
+    {
+      "emoji": "🐪",
+      "name": "camel",
+      "shortname": ":dromedary_camel:",
+      "unicode": "1f42a",
+      "html": "&#128042;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1371"
+    },
+    {
+      "emoji": "👜",
+      "name": "handbag",
+      "shortname": ":handbag:",
+      "unicode": "1f45c",
+      "html": "&#128092;",
+      "category": "Objects (clothing)",
+      "order": "1324"
+    },
+    {
+      "emoji": "⌛",
+      "name": "hourglass done",
+      "shortname": ":hourglass:",
+      "unicode": "231b",
+      "html": "&#8987;",
+      "category": "Travel & Places (time)",
+      "order": "1680"
+    },
+    {
+      "emoji": "❎",
+      "name": "cross mark button",
+      "shortname": ":negative_squared_cross_mark:",
+      "unicode": "274e",
+      "html": "&#10062;",
+      "category": "Symbols (other-symbol)",
+      "order": "2083"
+    },
+    {
+      "emoji": "🎺",
+      "name": "trumpet",
+      "shortname": ":trumpet:",
+      "unicode": "1f3ba",
+      "html": "&#127930;",
+      "category": "Objects (musical-instrument)",
+      "order": "1835"
+    },
+    {
+      "emoji": "🏫",
+      "name": "school",
+      "shortname": ":school:",
+      "unicode": "1f3eb",
+      "html": "&#127979;",
+      "category": "Travel & Places (place-building)",
+      "order": "1569"
+    },
+    {
+      "emoji": "🐄",
+      "name": "cow",
+      "shortname": ":cow2:",
+      "unicode": "1f404",
+      "html": "&#128004;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1363"
+    },
+    {
+      "emoji": "🌆",
+      "name": "cityscape at dusk",
+      "shortname": ":cityscape_at_dusk:",
+      "unicode": "1F306",
+      "html": "&#127750;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♀",
+      "name": "woman construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2640",
+      "html": "&#128119;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♀",
+      "name": "woman construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2640",
+      "html": "&#128119;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♀",
+      "name": "woman construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2640",
+      "html": "&#128119;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♀",
+      "name": "woman construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2640",
+      "html": "&#128119;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♀",
+      "name": "woman construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2640",
+      "html": "&#128119;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♀",
+      "name": "woman construction worker",
+      "shortname": ":woman_construction_worker:",
+      "unicode": "1F477 200D 2640",
+      "html": "&#128119;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿",
+      "name": "construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF",
+      "html": "&#128119;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾",
+      "name": "construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE",
+      "html": "&#128119;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽",
+      "name": "construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD",
+      "html": "&#128119;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼",
+      "name": "construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC",
+      "html": "&#128119;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻",
+      "name": "construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB",
+      "html": "&#128119;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷",
+      "name": "construction worker",
+      "shortname": ":construction_worker:",
+      "unicode": "1f477",
+      "html": "&#128119;",
+      "category": "People & Body (person-role)",
+      "order": "393"
+    },
+    {
+      "emoji": "🚽",
+      "name": "toilet",
+      "shortname": ":toilet:",
+      "unicode": "1f6bd",
+      "html": "&#128701;",
+      "category": "Objects (household)",
+      "order": "1671"
+    },
+    {
+      "emoji": "🐖",
+      "name": "pig",
+      "shortname": ":pig2:",
+      "unicode": "1f416",
+      "html": "&#128022;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1365"
+    },
+    {
+      "emoji": "❔",
+      "name": "white question mark",
+      "shortname": ":grey_question:",
+      "unicode": "2754",
+      "html": "&#10068;",
+      "category": "Symbols (other-symbol)",
+      "order": "2099"
+    },
+    {
+      "emoji": "🔰",
+      "name": "Japanese symbol for beginner",
+      "shortname": ":beginner:",
+      "unicode": "1f530",
+      "html": "&#128304;",
+      "category": "Symbols (other-symbol)",
+      "order": "2075"
+    },
+    {
+      "emoji": "🎻",
+      "name": "violin",
+      "shortname": ":violin:",
+      "unicode": "1f3bb",
+      "html": "&#127931;",
+      "category": "Objects (musical-instrument)",
+      "order": "1836"
+    },
+    {
+      "emoji": "🔛",
+      "name": "ON! arrow",
+      "shortname": ":on:",
+      "unicode": "1f51b",
+      "html": "&#128283;",
+      "category": "Symbols (arrow)",
+      "order": "2020"
+    },
+    {
+      "emoji": "💳",
+      "name": "credit card",
+      "shortname": ":credit_card:",
+      "unicode": "1f4b3",
+      "html": "&#128179;",
+      "category": "Objects (money)",
+      "order": "1897"
+    },
+    {
+      "emoji": "🆔",
+      "name": "ID button",
+      "shortname": ":id:",
+      "unicode": "1f194",
+      "html": "&#127380;",
+      "category": "Symbols (alphanum)",
+      "order": "2132"
+    },
+    {
+      "emoji": "㊙",
+      "name": "Japanese secret button",
+      "shortname": ":secret:",
+      "unicode": "3299",
+      "html": "&#12953;",
+      "category": "Symbols (alphanum)",
+      "order": "2156"
+    },
+    {
+      "emoji": "🎡",
+      "name": "ferris wheel",
+      "shortname": ":ferris_wheel:",
+      "unicode": "1f3a1",
+      "html": "&#127905;",
+      "category": "Travel & Places (place-other)",
+      "order": "1594"
+    },
+    {
+      "emoji": "🎳",
+      "name": "bowling",
+      "shortname": ":bowling:",
+      "unicode": "1f3b3",
+      "html": "&#127923;",
+      "category": "Activities (sport)",
+      "order": "1789"
+    },
+    {
+      "emoji": "♎",
+      "name": "Libra",
+      "shortname": ":libra:",
+      "unicode": "264e",
+      "html": "&#9806;",
+      "category": "Symbols (zodiac)",
+      "order": "2041"
+    },
+    {
+      "emoji": "♍",
+      "name": "Virgo",
+      "shortname": ":virgo:",
+      "unicode": "264d",
+      "html": "&#9805;",
+      "category": "Symbols (zodiac)",
+      "order": "2040"
+    },
+    {
+      "emoji": "💈",
+      "name": "barber pole",
+      "shortname": ":barber:",
+      "unicode": "1f488",
+      "html": "&#128136;",
+      "category": "Travel & Places (place-other)",
+      "order": "1596"
+    },
+    {
+      "emoji": "👛",
+      "name": "purse",
+      "shortname": ":purse:",
+      "unicode": "1f45b",
+      "html": "&#128091;",
+      "category": "Objects (clothing)",
+      "order": "1323"
+    },
+    {
+      "emoji": "🎢",
+      "name": "roller coaster",
+      "shortname": ":roller_coaster:",
+      "unicode": "1f3a2",
+      "html": "&#127906;",
+      "category": "Travel & Places (place-other)",
+      "order": "1595"
+    },
+    {
+      "emoji": "🐀",
+      "name": "rat",
+      "shortname": ":rat:",
+      "unicode": "1f400",
+      "html": "&#128000;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1377"
+    },
+    {
+      "emoji": "📅",
+      "name": "calendar",
+      "shortname": ":date:",
+      "unicode": "1f4c5",
+      "html": "&#128197;",
+      "category": "Objects (office)",
+      "order": "1925"
+    },
+    {
+      "emoji": "🏉",
+      "name": "rugby football",
+      "shortname": ":rugby_football:",
+      "unicode": "1f3c9",
+      "html": "&#127945;",
+      "category": "Activities (sport)",
+      "order": "1786"
+    },
+    {
+      "emoji": "🐏",
+      "name": "ram",
+      "shortname": ":ram:",
+      "unicode": "1f40f",
+      "html": "&#128015;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1368"
+    },
+    {
+      "emoji": "🔼",
+      "name": "upwards button",
+      "shortname": ":arrow_up_small:",
+      "unicode": "1f53c",
+      "html": "&#128316;",
+      "category": "Symbols (av-symbol)",
+      "order": "2058"
+    },
+    {
+      "emoji": "🔲",
+      "name": "black square button",
+      "shortname": ":black_square_button:",
+      "unicode": "1f532",
+      "html": "&#128306;",
+      "category": "Symbols (geometric)",
+      "order": "2175"
+    },
+    {
+      "emoji": "📴",
+      "name": "mobile phone off",
+      "shortname": ":mobile_phone_off:",
+      "unicode": "1f4f4",
+      "html": "&#128244;",
+      "category": "Symbols (av-symbol)",
+      "order": "2071"
+    },
+    {
+      "emoji": "🗼",
+      "name": "Tokyo tower",
+      "shortname": ":tokyo_tower:",
+      "unicode": "1f5fc",
+      "html": "&#128508;",
+      "category": "Travel & Places (place-building)",
+      "order": "1575"
+    },
+    {
+      "emoji": "㊗",
+      "name": "Japanese congratulations button",
+      "shortname": ":congratulations:",
+      "unicode": "3297",
+      "html": "&#12951;",
+      "category": "Symbols (alphanum)",
+      "order": "2155"
+    },
+    {
+      "emoji": "👘",
+      "name": "kimono",
+      "shortname": ":kimono:",
+      "unicode": "1f458",
+      "html": "&#128088;",
+      "category": "Objects (clothing)",
+      "order": "1320"
+    },
+    {
+      "emoji": "🇷🇺",
+      "name": "flag: Russia",
+      "shortname": ":ru:",
+      "unicode": "1F1F7 1F1FA",
+      "html": "&#127479;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🚢",
+      "name": "ship",
+      "shortname": ":ship:",
+      "unicode": "1f6a2",
+      "html": "&#128674;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1649"
+    },
+    {
+      "emoji": "🔎",
+      "name": "magnifying glass tilted right",
+      "shortname": ":mag_right:",
+      "unicode": "1f50e",
+      "html": "&#128270;",
+      "category": "Objects (light & video)",
+      "order": "1866"
+    },
+    {
+      "emoji": "🔍",
+      "name": "magnifying glass tilted left",
+      "shortname": ":mag:",
+      "unicode": "1f50d",
+      "html": "&#128269;",
+      "category": "Objects (light & video)",
+      "order": "1865"
+    },
+    {
+      "emoji": "🚒",
+      "name": "fire engine",
+      "shortname": ":fire_engine:",
+      "unicode": "1f692",
+      "html": "&#128658;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1619"
+    },
+    {
+      "emoji": "🕦",
+      "name": "eleven-thirty",
+      "shortname": ":clock1130:",
+      "unicode": "1f566",
+      "html": "&#128358;",
+      "category": "Travel & Places (time)",
+      "order": "1710"
+    },
+    {
+      "emoji": "🚓",
+      "name": "police car",
+      "shortname": ":police_car:",
+      "unicode": "1f693",
+      "html": "&#128659;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1620"
+    },
+    {
+      "emoji": "🃏",
+      "name": "joker",
+      "shortname": ":black_joker:",
+      "unicode": "1f0cf",
+      "html": "&#127183;",
+      "category": "Activities (game)",
+      "order": "1811"
+    },
+    {
+      "emoji": "🌉",
+      "name": "bridge at night",
+      "shortname": ":bridge_at_night:",
+      "unicode": "1f309",
+      "html": "&#127753;",
+      "category": "Travel & Places (place-other)",
+      "order": "1590"
+    },
+    {
+      "emoji": "📦",
+      "name": "package",
+      "shortname": ":package:",
+      "unicode": "1f4e6",
+      "html": "&#128230;",
+      "category": "Objects (mail)",
+      "order": "1907"
+    },
+    {
+      "emoji": "🚖",
+      "name": "oncoming taxi",
+      "shortname": ":oncoming_taxi:",
+      "unicode": "1f696",
+      "html": "&#128662;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1623"
+    },
+    {
+      "emoji": "📆",
+      "name": "tear-off calendar",
+      "shortname": ":calendar:",
+      "unicode": "1f4c6",
+      "html": "&#128198;",
+      "category": "Objects (office)",
+      "order": "1926"
+    },
+    {
+      "emoji": "🏇",
+      "name": "horse racing",
+      "shortname": ":horse_racing:",
+      "unicode": "1f3c7",
+      "html": "&#127943;",
+      "category": "People & Body (person-sport)",
+      "order": "769"
+    },
+    {
+      "emoji": "🐅",
+      "name": "tiger",
+      "shortname": ":tiger2:",
+      "unicode": "1f405",
+      "html": "&#128005;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1354"
+    },
+    {
+      "emoji": "👢",
+      "name": "woman’s boot",
+      "shortname": ":boot:",
+      "unicode": "1f462",
+      "html": "&#128098;",
+      "category": "Objects (clothing)",
+      "order": "1332"
+    },
+    {
+      "emoji": "🚑",
+      "name": "ambulance",
+      "shortname": ":ambulance:",
+      "unicode": "1f691",
+      "html": "&#128657;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1618"
+    },
+    {
+      "emoji": "🔳",
+      "name": "white square button",
+      "shortname": ":white_square_button:",
+      "unicode": "1f533",
+      "html": "&#128307;",
+      "category": "Symbols (geometric)",
+      "order": "2176"
+    },
+    {
+      "emoji": "🐗",
+      "name": "boar",
+      "shortname": ":boar:",
+      "unicode": "1f417",
+      "html": "&#128023;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1366"
+    },
+    {
+      "emoji": "🎒",
+      "name": "backpack",
+      "shortname": ":school_satchel:",
+      "unicode": "1f392",
+      "html": "&#127890;",
+      "category": "Objects (clothing)",
+      "order": "1327"
+    },
+    {
+      "emoji": "➿",
+      "name": "double curly loop",
+      "shortname": ":loop:",
+      "unicode": "27bf",
+      "html": "&#10175;",
+      "category": "Symbols (other-symbol)",
+      "order": "2091"
+    },
+    {
+      "emoji": "💷",
+      "name": "pound banknote",
+      "shortname": ":pound:",
+      "unicode": "1f4b7",
+      "html": "&#128183;",
+      "category": "Objects (money)",
+      "order": "1895"
+    },
+    {
+      "emoji": "ℹ",
+      "name": "information",
+      "shortname": ":information_source:",
+      "unicode": "2139",
+      "html": "&#8505;",
+      "category": "Symbols (alphanum)",
+      "order": "2131"
+    },
+    {
+      "emoji": "🐂",
+      "name": "ox",
+      "shortname": ":ox:",
+      "unicode": "1f402",
+      "html": "&#128002;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1361"
+    },
+    {
+      "emoji": "🍙",
+      "name": "rice ball",
+      "shortname": ":rice_ball:",
+      "unicode": "1f359",
+      "html": "&#127833;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1497"
+    },
+    {
+      "emoji": "🆚",
+      "name": "VS button",
+      "shortname": ":vs:",
+      "unicode": "1f19a",
+      "html": "&#127386;",
+      "category": "Symbols (alphanum)",
+      "order": "2141"
+    },
+    {
+      "emoji": "🔚",
+      "name": "END arrow",
+      "shortname": ":end:",
+      "unicode": "1f51a",
+      "html": "&#128282;",
+      "category": "Symbols (arrow)",
+      "order": "2019"
+    },
+    {
+      "emoji": "🅿️",
+      "name": "P button",
+      "shortname": ":parking:",
+      "unicode": "1f17f",
+      "html": "&#127359;",
+      "category": "Symbols (alphanum)",
+      "order": "2138"
+    },
+    {
+      "emoji": "👡",
+      "name": "woman’s sandal",
+      "shortname": ":sandal:",
+      "unicode": "1f461",
+      "html": "&#128097;",
+      "category": "Objects (clothing)",
+      "order": "1331"
+    },
+    {
+      "emoji": "⛺",
+      "name": "tent",
+      "shortname": ":tent:",
+      "unicode": "26fa",
+      "html": "&#9978;",
+      "category": "Travel & Places (place-other)",
+      "order": "1583"
+    },
+    {
+      "emoji": "💺",
+      "name": "seat",
+      "shortname": ":seat:",
+      "unicode": "1f4ba",
+      "html": "&#128186;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1654"
+    },
+    {
+      "emoji": "🚕",
+      "name": "taxi",
+      "shortname": ":taxi:",
+      "unicode": "1f695",
+      "html": "&#128661;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1622"
+    },
+    {
+      "emoji": "◾",
+      "name": "black medium-small square",
+      "shortname": ":black_medium_small_square:",
+      "unicode": "25fe",
+      "html": "&#9726;",
+      "category": "Symbols (geometric)",
+      "order": "2164"
+    },
+    {
+      "emoji": "💼",
+      "name": "briefcase",
+      "shortname": ":briefcase:",
+      "unicode": "1f4bc",
+      "html": "&#128188;",
+      "category": "Objects (office)",
+      "order": "1921"
+    },
+    {
+      "emoji": "📰",
+      "name": "newspaper",
+      "shortname": ":newspaper:",
+      "unicode": "1f4f0",
+      "html": "&#128240;",
+      "category": "Objects (book-paper)",
+      "order": "1886"
+    },
+    {
+      "emoji": "🎪",
+      "name": "circus tent",
+      "shortname": ":circus_tent:",
+      "unicode": "1f3aa",
+      "html": "&#127914;",
+      "category": "Travel & Places (place-other)",
+      "order": "1597"
+    },
+    {
+      "emoji": "🔯",
+      "name": "dotted six-pointed star",
+      "shortname": ":six_pointed_star:",
+      "unicode": "1f52f",
+      "html": "&#128303;",
+      "category": "Symbols (religion)",
+      "order": "2034"
+    },
+    {
+      "emoji": "🚹",
+      "name": "men’s room",
+      "shortname": ":mens:",
+      "unicode": "1f6b9",
+      "html": "&#128697;",
+      "category": "Symbols (transport-sign)",
+      "order": "1980"
+    },
+    {
+      "emoji": "🏰",
+      "name": "castle",
+      "shortname": ":european_castle:",
+      "unicode": "1f3f0",
+      "html": "&#127984;",
+      "category": "Travel & Places (place-building)",
+      "order": "1573"
+    },
+    {
+      "emoji": "🔦",
+      "name": "flashlight",
+      "shortname": ":flashlight:",
+      "unicode": "1f526",
+      "html": "&#128294;",
+      "category": "Objects (light & video)",
+      "order": "1872"
+    },
+    {
+      "emoji": "🌁",
+      "name": "foggy",
+      "shortname": ":foggy:",
+      "unicode": "1f301",
+      "html": "&#127745;",
+      "category": "Travel & Places (place-other)",
+      "order": "1584"
+    },
+    {
+      "emoji": "⏫",
+      "name": "fast up button",
+      "shortname": ":arrow_double_up:",
+      "unicode": "23eb",
+      "html": "&#9195;",
+      "category": "Symbols (av-symbol)",
+      "order": "2059"
+    },
+    {
+      "emoji": "🎍",
+      "name": "pine decoration",
+      "shortname": ":bamboo:",
+      "unicode": "1f38d",
+      "html": "&#127885;",
+      "category": "Activities (event)",
+      "order": "1765"
+    },
+    {
+      "emoji": "🎫",
+      "name": "ticket",
+      "shortname": ":ticket:",
+      "unicode": "1f3ab",
+      "html": "&#127915;",
+      "category": "Activities (event)",
+      "order": "1774"
+    },
+    {
+      "emoji": "🚁",
+      "name": "helicopter",
+      "shortname": ":helicopter:",
+      "unicode": "1f681",
+      "html": "&#128641;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1655"
+    },
+    {
+      "emoji": "💽",
+      "name": "computer disk",
+      "shortname": ":minidisc:",
+      "unicode": "1f4bd",
+      "html": "&#128189;",
+      "category": "Objects (computer)",
+      "order": "1852"
+    },
+    {
+      "emoji": "🚍",
+      "name": "oncoming bus",
+      "shortname": ":oncoming_bus:",
+      "unicode": "1f68d",
+      "html": "&#128653;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1615"
+    },
+    {
+      "emoji": "🍈",
+      "name": "melon",
+      "shortname": ":melon:",
+      "unicode": "1f348",
+      "html": "&#127816;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1450"
+    },
+    {
+      "emoji": "▫",
+      "name": "white small square",
+      "shortname": ":white_small_square:",
+      "unicode": "25ab",
+      "html": "&#9643;",
+      "category": "Symbols (geometric)",
+      "order": "2160"
+    },
+    {
+      "emoji": "🏤",
+      "name": "post office",
+      "shortname": ":european_post_office:",
+      "unicode": "1f3e4",
+      "html": "&#127972;",
+      "category": "Travel & Places (place-building)",
+      "order": "1563"
+    },
+    {
+      "emoji": "🔟",
+      "name": "keycap: 10",
+      "shortname": ":keycap_ten:",
+      "unicode": "1f51f",
+      "html": "&#128287;",
+      "category": "Symbols (keycap)",
+      "order": "2118"
+    },
+    {
+      "emoji": "📓",
+      "name": "notebook",
+      "shortname": ":notebook:",
+      "unicode": "1f4d3",
+      "html": "&#128211;",
+      "category": "Objects (book-paper)",
+      "order": "1881"
+    },
+    {
+      "emoji": "🔕",
+      "name": "bell with slash",
+      "shortname": ":no_bell:",
+      "unicode": "1f515",
+      "html": "&#128277;",
+      "category": "Objects (sound)",
+      "order": "1822"
+    },
+    {
+      "emoji": "🍢",
+      "name": "oden",
+      "shortname": ":oden:",
+      "unicode": "1f362",
+      "html": "&#127842;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1503"
+    },
+    {
+      "emoji": "🎏",
+      "name": "carp streamer",
+      "shortname": ":flags:",
+      "unicode": "1f38f",
+      "html": "&#127887;",
+      "category": "Activities (event)",
+      "order": "1767"
+    },
+    {
+      "emoji": "🎠",
+      "name": "carousel horse",
+      "shortname": ":carousel_horse:",
+      "unicode": "1f3a0",
+      "html": "&#127904;",
+      "category": "Travel & Places (place-other)",
+      "order": "1593"
+    },
+    {
+      "emoji": "🐡",
+      "name": "blowfish",
+      "shortname": ":blowfish:",
+      "unicode": "1f421",
+      "html": "&#128033;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1411"
+    },
+    {
+      "emoji": "📈",
+      "name": "chart increasing",
+      "shortname": ":chart_with_upwards_trend:",
+      "unicode": "1f4c8",
+      "html": "&#128200;",
+      "category": "Objects (office)",
+      "order": "1930"
+    },
+    {
+      "emoji": "🍠",
+      "name": "roasted sweet potato",
+      "shortname": ":sweet_potato:",
+      "unicode": "1f360",
+      "html": "&#127840;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1502"
+    },
+    {
+      "emoji": "🎿",
+      "name": "skis",
+      "shortname": ":ski:",
+      "unicode": "1f3bf",
+      "html": "&#127935;",
+      "category": "Activities (sport)",
+      "order": "1803"
+    },
+    {
+      "emoji": "🕛",
+      "name": "twelve o’clock",
+      "shortname": ":clock12:",
+      "unicode": "1f55b",
+      "html": "&#128347;",
+      "category": "Travel & Places (time)",
+      "order": "1687"
+    },
+    {
+      "emoji": "📶",
+      "name": "antenna bars",
+      "shortname": ":signal_strength:",
+      "unicode": "1f4f6",
+      "html": "&#128246;",
+      "category": "Symbols (av-symbol)",
+      "order": "2069"
+    },
+    {
+      "emoji": "🚧",
+      "name": "construction",
+      "shortname": ":construction:",
+      "unicode": "1f6a7",
+      "html": "&#128679;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1640"
+    },
+    {
+      "emoji": "#",
+      "name": "",
+      "shortname": "",
+      "unicode": "",
+      "html": "&#35;",
+      "category": "",
+      "order": ""
+    },
+    {
+      "emoji": "◼",
+      "name": "black medium square",
+      "shortname": ":black_medium_square:",
+      "unicode": "25fc",
+      "html": "&#9724;",
+      "category": "Symbols (geometric)",
+      "order": "2162"
+    },
+    {
+      "emoji": "📡",
+      "name": "satellite antenna",
+      "shortname": ":satellite:",
+      "unicode": "1f4e1",
+      "html": "&#128225;",
+      "category": "Objects (science)",
+      "order": "1869"
+    },
+    {
+      "emoji": "💶",
+      "name": "euro banknote",
+      "shortname": ":euro:",
+      "unicode": "1f4b6",
+      "html": "&#128182;",
+      "category": "Objects (money)",
+      "order": "1894"
+    },
+    {
+      "emoji": "👚",
+      "name": "woman’s clothes",
+      "shortname": ":womans_clothes:",
+      "unicode": "1f45a",
+      "html": "&#128090;",
+      "category": "Objects (clothing)",
+      "order": "1322"
+    },
+    {
+      "emoji": "📒",
+      "name": "ledger",
+      "shortname": ":ledger:",
+      "unicode": "1f4d2",
+      "html": "&#128210;",
+      "category": "Objects (book-paper)",
+      "order": "1882"
+    },
+    {
+      "emoji": "🐆",
+      "name": "leopard",
+      "shortname": ":leopard:",
+      "unicode": "1f406",
+      "html": "&#128006;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1355"
+    },
+    {
+      "emoji": "🔅",
+      "name": "dim button",
+      "shortname": ":low_brightness:",
+      "unicode": "1f505",
+      "html": "&#128261;",
+      "category": "Symbols (av-symbol)",
+      "order": "2067"
+    },
+    {
+      "emoji": "🕒",
+      "name": "three o’clock",
+      "shortname": ":clock3:",
+      "unicode": "1f552",
+      "html": "&#128338;",
+      "category": "Travel & Places (time)",
+      "order": "1693"
+    },
+    {
+      "emoji": "🏬",
+      "name": "department store",
+      "shortname": ":department_store:",
+      "unicode": "1f3ec",
+      "html": "&#127980;",
+      "category": "Travel & Places (place-building)",
+      "order": "1570"
+    },
+    {
+      "emoji": "🚚",
+      "name": "delivery truck",
+      "shortname": ":truck:",
+      "unicode": "1f69a",
+      "html": "&#128666;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1627"
+    },
+    {
+      "emoji": "🍶",
+      "name": "sake",
+      "shortname": ":sake:",
+      "unicode": "1f376",
+      "html": "&#127862;",
+      "category": "Food & Drink (drink)",
+      "order": "1524"
+    },
+    {
+      "emoji": "🚃",
+      "name": "railway car",
+      "shortname": ":railway_car:",
+      "unicode": "1f683",
+      "html": "&#128643;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1603"
+    },
+    {
+      "emoji": "🚤",
+      "name": "speedboat",
+      "shortname": ":speedboat:",
+      "unicode": "1f6a4",
+      "html": "&#128676;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1645"
+    },
+    {
+      "emoji": "🇰🇷",
+      "name": "flag: South Korea",
+      "shortname": ":ko:",
+      "unicode": "1F1F0 1F1F7",
+      "html": "&#127472;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "📼",
+      "name": "videocassette",
+      "shortname": ":vhs:",
+      "unicode": "1f4fc",
+      "html": "&#128252;",
+      "category": "Objects (light & video)",
+      "order": "1864"
+    },
+    {
+      "emoji": "🕐",
+      "name": "one o’clock",
+      "shortname": ":clock1:",
+      "unicode": "1f550",
+      "html": "&#128336;",
+      "category": "Travel & Places (time)",
+      "order": "1689"
+    },
+    {
+      "emoji": "⏬",
+      "name": "fast down button",
+      "shortname": ":arrow_double_down:",
+      "unicode": "23ec",
+      "html": "&#9196;",
+      "category": "Symbols (av-symbol)",
+      "order": "2061"
+    },
+    {
+      "emoji": "🐃",
+      "name": "water buffalo",
+      "shortname": ":water_buffalo:",
+      "unicode": "1f403",
+      "html": "&#128003;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1362"
+    },
+    {
+      "emoji": "🔽",
+      "name": "downwards button",
+      "shortname": ":arrow_down_small:",
+      "unicode": "1f53d",
+      "html": "&#128317;",
+      "category": "Symbols (av-symbol)",
+      "order": "2060"
+    },
+    {
+      "emoji": "💴",
+      "name": "yen banknote",
+      "shortname": ":yen:",
+      "unicode": "1f4b4",
+      "html": "&#128180;",
+      "category": "Objects (money)",
+      "order": "1892"
+    },
+    {
+      "emoji": "🔇",
+      "name": "muted speaker",
+      "shortname": ":mute:",
+      "unicode": "1f507",
+      "html": "&#128263;",
+      "category": "Objects (sound)",
+      "order": "1814"
+    },
+    {
+      "emoji": "🎽",
+      "name": "running shirt",
+      "shortname": ":running_shirt_with_sash:",
+      "unicode": "1f3bd",
+      "html": "&#127933;",
+      "category": "Activities (sport)",
+      "order": "1802"
+    },
+    {
+      "emoji": "⬜",
+      "name": "white large square",
+      "shortname": ":white_large_square:",
+      "unicode": "2b1c",
+      "html": "&#11036;",
+      "category": "Symbols (geometric)",
+      "order": "2166"
+    },
+    {
+      "emoji": "♿",
+      "name": "wheelchair symbol",
+      "shortname": ":wheelchair:",
+      "unicode": "267f",
+      "html": "&#9855;",
+      "category": "Symbols (transport-sign)",
+      "order": "1979"
+    },
+    {
+      "emoji": "🕑",
+      "name": "two o’clock",
+      "shortname": ":clock2:",
+      "unicode": "1f551",
+      "html": "&#128337;",
+      "category": "Travel & Places (time)",
+      "order": "1691"
+    },
+    {
+      "emoji": "📎",
+      "name": "paperclip",
+      "shortname": ":paperclip:",
+      "unicode": "1f4ce",
+      "html": "&#128206;",
+      "category": "Objects (office)",
+      "order": "1936"
+    },
+    {
+      "emoji": "🏧",
+      "name": "ATM sign",
+      "shortname": ":atm:",
+      "unicode": "1f3e7",
+      "html": "&#127975;",
+      "category": "Symbols (transport-sign)",
+      "order": "1976"
+    },
+    {
+      "emoji": "🎦",
+      "name": "cinema",
+      "shortname": ":cinema:",
+      "unicode": "1f3a6",
+      "html": "&#127910;",
+      "category": "Symbols (av-symbol)",
+      "order": "2066"
+    },
+    {
+      "emoji": "🔭",
+      "name": "telescope",
+      "shortname": ":telescope:",
+      "unicode": "1f52d",
+      "html": "&#128301;",
+      "category": "Objects (science)",
+      "order": "1868"
+    },
+    {
+      "emoji": "🎑",
+      "name": "moon viewing ceremony",
+      "shortname": ":rice_scene:",
+      "unicode": "1f391",
+      "html": "&#127889;",
+      "category": "Activities (event)",
+      "order": "1769"
+    },
+    {
+      "emoji": "📘",
+      "name": "blue book",
+      "shortname": ":blue_book:",
+      "unicode": "1f4d8",
+      "html": "&#128216;",
+      "category": "Objects (book-paper)",
+      "order": "1878"
+    },
+    {
+      "emoji": "◻️",
+      "name": "white medium square",
+      "shortname": ":white_medium_square:",
+      "unicode": "25fb",
+      "html": "&#9723;",
+      "category": "Symbols (geometric)",
+      "order": "2161"
+    },
+    {
+      "emoji": "📮",
+      "name": "postbox",
+      "shortname": ":postbox:",
+      "unicode": "1f4ee",
+      "html": "&#128238;",
+      "category": "Objects (mail)",
+      "order": "1912"
+    },
+    {
+      "emoji": "📧",
+      "name": "e-mail",
+      "shortname": ":e-mail:",
+      "unicode": "1f4e7",
+      "html": "&#128231;",
+      "category": "Objects (mail)",
+      "order": "1902"
+    },
+    {
+      "emoji": "🐁",
+      "name": "mouse",
+      "shortname": ":mouse2:",
+      "unicode": "1f401",
+      "html": "&#128001;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1376"
+    },
+    {
+      "emoji": "🚄",
+      "name": "high-speed train",
+      "shortname": ":bullettrain_side:",
+      "unicode": "1f684",
+      "html": "&#128644;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1604"
+    },
+    {
+      "emoji": "🉐",
+      "name": "Japanese bargain button",
+      "shortname": ":ideograph_advantage:",
+      "unicode": "1f250",
+      "html": "&#127568;",
+      "category": "Symbols (alphanum)",
+      "order": "2147"
+    },
+    {
+      "emoji": "🔩",
+      "name": "nut and bolt",
+      "shortname": ":nut_and_bolt:",
+      "unicode": "1f529",
+      "html": "&#128297;",
+      "category": "Objects (tool)",
+      "order": "1960"
+    },
+    {
+      "emoji": "🆖",
+      "name": "NG button",
+      "shortname": ":ng:",
+      "unicode": "1f196",
+      "html": "&#127382;",
+      "category": "Symbols (alphanum)",
+      "order": "2135"
+    },
+    {
+      "emoji": "🏨",
+      "name": "hotel",
+      "shortname": ":hotel:",
+      "unicode": "1f3e8",
+      "html": "&#127976;",
+      "category": "Travel & Places (place-building)",
+      "order": "1566"
+    },
+    {
+      "emoji": "🚾",
+      "name": "water closet",
+      "shortname": ":wc:",
+      "unicode": "1f6be",
+      "html": "&#128702;",
+      "category": "Symbols (transport-sign)",
+      "order": "1984"
+    },
+    {
+      "emoji": "🏮",
+      "name": "red paper lantern",
+      "shortname": ":izakaya_lantern:",
+      "unicode": "1f3ee",
+      "html": "&#127982;",
+      "category": "Objects (light & video)",
+      "order": "1873"
+    },
+    {
+      "emoji": "🔂",
+      "name": "repeat single button",
+      "shortname": ":repeat_one:",
+      "unicode": "1f502",
+      "html": "&#128258;",
+      "category": "Symbols (av-symbol)",
+      "order": "2050"
+    },
+    {
+      "emoji": "📬",
+      "name": "open mailbox with raised flag",
+      "shortname": ":mailbox_with_mail:",
+      "unicode": "1f4ec",
+      "html": "&#128236;",
+      "category": "Objects (mail)",
+      "order": "1910"
+    },
+    {
+      "emoji": "📉",
+      "name": "chart decreasing",
+      "shortname": ":chart_with_downwards_trend:",
+      "unicode": "1f4c9",
+      "html": "&#128201;",
+      "category": "Objects (office)",
+      "order": "1931"
+    },
+    {
+      "emoji": "📗",
+      "name": "green book",
+      "shortname": ":green_book:",
+      "unicode": "1f4d7",
+      "html": "&#128215;",
+      "category": "Objects (book-paper)",
+      "order": "1877"
+    },
+    {
+      "emoji": "🚜",
+      "name": "tractor",
+      "shortname": ":tractor:",
+      "unicode": "1f69c",
+      "html": "&#128668;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1629"
+    },
+    {
+      "emoji": "⛲",
+      "name": "fountain",
+      "shortname": ":fountain:",
+      "unicode": "26f2",
+      "html": "&#9970;",
+      "category": "Travel & Places (place-other)",
+      "order": "1582"
+    },
+    {
+      "emoji": "🚇",
+      "name": "metro",
+      "shortname": ":metro:",
+      "unicode": "1f687",
+      "html": "&#128647;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1607"
+    },
+    {
+      "emoji": "📋",
+      "name": "clipboard",
+      "shortname": ":clipboard:",
+      "unicode": "1f4cb",
+      "html": "&#128203;",
+      "category": "Objects (office)",
+      "order": "1933"
+    },
+    {
+      "emoji": "📵",
+      "name": "no mobile phones",
+      "shortname": ":no_mobile_phones:",
+      "unicode": "1f4f5",
+      "html": "&#128245;",
+      "category": "Symbols (warning)",
+      "order": "1998"
+    },
+    {
+      "emoji": "🕓",
+      "name": "four o’clock",
+      "shortname": ":clock4:",
+      "unicode": "1f553",
+      "html": "&#128339;",
+      "category": "Travel & Places (time)",
+      "order": "1695"
+    },
+    {
+      "emoji": "🚭",
+      "name": "no smoking",
+      "shortname": ":no_smoking:",
+      "unicode": "1f6ad",
+      "html": "&#128685;",
+      "category": "Symbols (warning)",
+      "order": "1994"
+    },
+    {
+      "emoji": "⬛",
+      "name": "black large square",
+      "shortname": ":black_large_square:",
+      "unicode": "2b1b",
+      "html": "&#11035;",
+      "category": "Symbols (geometric)",
+      "order": "2165"
+    },
+    {
+      "emoji": "🎰",
+      "name": "slot machine",
+      "shortname": ":slot_machine:",
+      "unicode": "1f3b0",
+      "html": "&#127920;",
+      "category": "Activities (game)",
+      "order": "1601"
+    },
+    {
+      "emoji": "🕔",
+      "name": "five o’clock",
+      "shortname": ":clock5:",
+      "unicode": "1f554",
+      "html": "&#128340;",
+      "category": "Travel & Places (time)",
+      "order": "1697"
+    },
+    {
+      "emoji": "🛁",
+      "name": "bathtub",
+      "shortname": ":bathtub:",
+      "unicode": "1f6c1",
+      "html": "&#128705;",
+      "category": "Objects (household)",
+      "order": "1679"
+    },
+    {
+      "emoji": "📜",
+      "name": "scroll",
+      "shortname": ":scroll:",
+      "unicode": "1f4dc",
+      "html": "&#128220;",
+      "category": "Objects (book-paper)",
+      "order": "1884"
+    },
+    {
+      "emoji": "🚉",
+      "name": "station",
+      "shortname": ":station:",
+      "unicode": "1f689",
+      "html": "&#128649;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1609"
+    },
+    {
+      "emoji": "🍘",
+      "name": "rice cracker",
+      "shortname": ":rice_cracker:",
+      "unicode": "1f358",
+      "html": "&#127832;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1496"
+    },
+    {
+      "emoji": "🏦",
+      "name": "bank",
+      "shortname": ":bank:",
+      "unicode": "1f3e6",
+      "html": "&#127974;",
+      "category": "Travel & Places (place-building)",
+      "order": "1565"
+    },
+    {
+      "emoji": "🔧",
+      "name": "wrench",
+      "shortname": ":wrench:",
+      "unicode": "1f527",
+      "html": "&#128295;",
+      "category": "Objects (tool)",
+      "order": "1959"
+    },
+    {
+      "emoji": "🈯️",
+      "name": "",
+      "shortname": ":u6307:",
+      "unicode": "1f22f",
+      "html": "&#127535;",
+      "category": "",
+      "order": "2146"
+    },
+    {
+      "emoji": "🚛",
+      "name": "articulated lorry",
+      "shortname": ":articulated_lorry:",
+      "unicode": "1f69b",
+      "html": "&#128667;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1628"
+    },
+    {
+      "emoji": "📄",
+      "name": "page facing up",
+      "shortname": ":page_facing_up:",
+      "unicode": "1f4c4",
+      "html": "&#128196;",
+      "category": "Objects (book-paper)",
+      "order": "1885"
+    },
+    {
+      "emoji": "⛎",
+      "name": "Ophiuchus",
+      "shortname": ":ophiuchus:",
+      "unicode": "26ce",
+      "html": "&#9934;",
+      "category": "Symbols (zodiac)",
+      "order": "2047"
+    },
+    {
+      "emoji": "📊",
+      "name": "bar chart",
+      "shortname": ":bar_chart:",
+      "unicode": "1f4ca",
+      "html": "&#128202;",
+      "category": "Objects (office)",
+      "order": "1932"
+    },
+    {
+      "emoji": "🚷",
+      "name": "no pedestrians",
+      "shortname": ":no_pedestrians:",
+      "unicode": "1f6b7",
+      "html": "&#128695;",
+      "category": "Symbols (warning)",
+      "order": "1997"
+    },
+    {
+      "emoji": "🇨🇳",
+      "name": "flag: China",
+      "shortname": ":cn:",
+      "unicode": "1F1E8 1F1F3",
+      "html": "&#127464;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "📳",
+      "name": "vibration mode",
+      "shortname": ":vibration_mode:",
+      "unicode": "1f4f3",
+      "html": "&#128243;",
+      "category": "Symbols (av-symbol)",
+      "order": "2070"
+    },
+    {
+      "emoji": "🕙",
+      "name": "ten o’clock",
+      "shortname": ":clock10:",
+      "unicode": "1f559",
+      "html": "&#128345;",
+      "category": "Travel & Places (time)",
+      "order": "1707"
+    },
+    {
+      "emoji": "🕘",
+      "name": "nine o’clock",
+      "shortname": ":clock9:",
+      "unicode": "1f558",
+      "html": "&#128344;",
+      "category": "Travel & Places (time)",
+      "order": "1705"
+    },
+    {
+      "emoji": "🚅",
+      "name": "bullet train",
+      "shortname": ":bullettrain_front:",
+      "unicode": "1f685",
+      "html": "&#128645;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1605"
+    },
+    {
+      "emoji": "🚐",
+      "name": "minibus",
+      "shortname": ":minibus:",
+      "unicode": "1f690",
+      "html": "&#128656;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1617"
+    },
+    {
+      "emoji": "🚊",
+      "name": "tram",
+      "shortname": ":tram:",
+      "unicode": "1f68a",
+      "html": "&#128650;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1610"
+    },
+    {
+      "emoji": "🕗",
+      "name": "eight o’clock",
+      "shortname": ":clock8:",
+      "unicode": "1f557",
+      "html": "&#128343;",
+      "category": "Travel & Places (time)",
+      "order": "1703"
+    },
+    {
+      "emoji": "🈳",
+      "name": "Japanese vacancy button",
+      "shortname": ":u7a7a:",
+      "unicode": "1f233",
+      "html": "&#127539;",
+      "category": "Symbols (alphanum)",
+      "order": "2154"
+    },
+    {
+      "emoji": "🚥",
+      "name": "horizontal traffic light",
+      "shortname": ":traffic_light:",
+      "unicode": "1f6a5",
+      "html": "&#128677;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1638"
+    },
+    {
+      "emoji": "🚵🏿‍♀",
+      "name": "woman mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2640",
+      "html": "&#128693;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♀",
+      "name": "woman mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2640",
+      "html": "&#128693;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♀",
+      "name": "woman mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2640",
+      "html": "&#128693;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♀",
+      "name": "woman mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2640",
+      "html": "&#128693;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♀",
+      "name": "woman mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2640",
+      "html": "&#128693;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♀",
+      "name": "woman mountain biking",
+      "shortname": ":woman_mountain_biking:",
+      "unicode": "1F6B5 200D 2640",
+      "html": "&#128693;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿",
+      "name": "person mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF",
+      "html": "&#128693;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾",
+      "name": "person mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE",
+      "html": "&#128693;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽",
+      "name": "person mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD",
+      "html": "&#128693;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼",
+      "name": "person mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC",
+      "html": "&#128693;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻",
+      "name": "person mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB",
+      "html": "&#128693;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵",
+      "name": "person mountain biking",
+      "shortname": ":mountain_bicyclist:",
+      "unicode": "1f6b5",
+      "html": "&#128693;",
+      "category": "People & Body (person-sport)",
+      "order": "908"
+    },
+    {
+      "emoji": "🔬",
+      "name": "microscope",
+      "shortname": ":microscope:",
+      "unicode": "1f52c",
+      "html": "&#128300;",
+      "category": "Objects (science)",
+      "order": "1867"
+    },
+    {
+      "emoji": "🏯",
+      "name": "Japanese castle",
+      "shortname": ":japanese_castle:",
+      "unicode": "1f3ef",
+      "html": "&#127983;",
+      "category": "Travel & Places (place-building)",
+      "order": "1572"
+    },
+    {
+      "emoji": "🔖",
+      "name": "bookmark",
+      "shortname": ":bookmark:",
+      "unicode": "1f516",
+      "html": "&#128278;",
+      "category": "Objects (book-paper)",
+      "order": "1889"
+    },
+    {
+      "emoji": "📑",
+      "name": "bookmark tabs",
+      "shortname": ":bookmark_tabs:",
+      "unicode": "1f4d1",
+      "html": "&#128209;",
+      "category": "Objects (book-paper)",
+      "order": "1888"
+    },
+    {
+      "emoji": "👝",
+      "name": "clutch bag",
+      "shortname": ":pouch:",
+      "unicode": "1f45d",
+      "html": "&#128093;",
+      "category": "Objects (clothing)",
+      "order": "1325"
+    },
+    {
+      "emoji": "🆎",
+      "name": "AB button (blood type)",
+      "shortname": ":ab:",
+      "unicode": "1f18e",
+      "html": "&#127374;",
+      "category": "Symbols (alphanum)",
+      "order": "2126"
+    },
+    {
+      "emoji": "📃",
+      "name": "page with curl",
+      "shortname": ":page_with_curl:",
+      "unicode": "1f4c3",
+      "html": "&#128195;",
+      "category": "Objects (book-paper)",
+      "order": "1883"
+    },
+    {
+      "emoji": "🎴",
+      "name": "flower playing cards",
+      "shortname": ":flower_playing_cards:",
+      "unicode": "1f3b4",
+      "html": "&#127924;",
+      "category": "Activities (game)",
+      "order": "1813"
+    },
+    {
+      "emoji": "🕚",
+      "name": "eleven o’clock",
+      "shortname": ":clock11:",
+      "unicode": "1f55a",
+      "html": "&#128346;",
+      "category": "Travel & Places (time)",
+      "order": "1709"
+    },
+    {
+      "emoji": "📠",
+      "name": "fax machine",
+      "shortname": ":fax:",
+      "unicode": "1f4e0",
+      "html": "&#128224;",
+      "category": "Objects (phone)",
+      "order": "1843"
+    },
+    {
+      "emoji": "🕖",
+      "name": "seven o’clock",
+      "shortname": ":clock7:",
+      "unicode": "1f556",
+      "html": "&#128342;",
+      "category": "Travel & Places (time)",
+      "order": "1701"
+    },
+    {
+      "emoji": "◽",
+      "name": "white medium-small square",
+      "shortname": ":white_medium_small_square:",
+      "unicode": "25fd",
+      "html": "&#9725;",
+      "category": "Symbols (geometric)",
+      "order": "2163"
+    },
+    {
+      "emoji": "💱",
+      "name": "currency exchange",
+      "shortname": ":currency_exchange:",
+      "unicode": "1f4b1",
+      "html": "&#128177;",
+      "category": "Objects (money)",
+      "order": "1899"
+    },
+    {
+      "emoji": "🔉",
+      "name": "speaker medium volume",
+      "shortname": ":sound:",
+      "unicode": "1f509",
+      "html": "&#128265;",
+      "category": "Objects (sound)",
+      "order": "1816"
+    },
+    {
+      "emoji": "💹",
+      "name": "chart increasing with yen",
+      "shortname": ":chart:",
+      "unicode": "1f4b9",
+      "html": "&#128185;",
+      "category": "Objects (money)",
+      "order": "1898"
+    },
+    {
+      "emoji": "🆑",
+      "name": "CL button",
+      "shortname": ":cl:",
+      "unicode": "1f191",
+      "html": "&#127377;",
+      "category": "Symbols (alphanum)",
+      "order": "2128"
+    },
+    {
+      "emoji": "💾",
+      "name": "floppy disk",
+      "shortname": ":floppy_disk:",
+      "unicode": "1f4be",
+      "html": "&#128190;",
+      "category": "Objects (computer)",
+      "order": "1853"
+    },
+    {
+      "emoji": "🏣",
+      "name": "Japanese post office",
+      "shortname": ":post_office:",
+      "unicode": "1f3e3",
+      "html": "&#127971;",
+      "category": "Travel & Places (place-building)",
+      "order": "1562"
+    },
+    {
+      "emoji": "🔈",
+      "name": "speaker low volume",
+      "shortname": ":speaker:",
+      "unicode": "1f508",
+      "html": "&#128264;",
+      "category": "Objects (sound)",
+      "order": "1815"
+    },
+    {
+      "emoji": "🗾",
+      "name": "map of Japan",
+      "shortname": ":japan:",
+      "unicode": "1f5fe",
+      "html": "&#128510;",
+      "category": "Travel & Places (place-map)",
+      "order": "1543"
+    },
+    {
+      "emoji": "🈺",
+      "name": "Japanese open for business button",
+      "shortname": ":u55b6:",
+      "unicode": "1f23a",
+      "html": "&#127546;",
+      "category": "Symbols (alphanum)",
+      "order": "2157"
+    },
+    {
+      "emoji": "🀄",
+      "name": "mahjong red dragon",
+      "shortname": ":mahjong:",
+      "unicode": "1f004",
+      "html": "&#126980;",
+      "category": "Activities (game)",
+      "order": "1812"
+    },
+    {
+      "emoji": "📨",
+      "name": "incoming envelope",
+      "shortname": ":incoming_envelope:",
+      "unicode": "1f4e8",
+      "html": "&#128232;",
+      "category": "Objects (mail)",
+      "order": "1903"
+    },
+    {
+      "emoji": "📙",
+      "name": "orange book",
+      "shortname": ":orange_book:",
+      "unicode": "1f4d9",
+      "html": "&#128217;",
+      "category": "Objects (book-paper)",
+      "order": "1879"
+    },
+    {
+      "emoji": "🚻",
+      "name": "restroom",
+      "shortname": ":restroom:",
+      "unicode": "1f6bb",
+      "html": "&#128699;",
+      "category": "Symbols (transport-sign)",
+      "order": "1982"
+    },
+    {
+      "emoji": "🈚️",
+      "name": "",
+      "shortname": ":u7121:",
+      "unicode": "1f21a",
+      "html": "&#127514;",
+      "category": "",
+      "order": "2149"
+    },
+    {
+      "emoji": "🈶",
+      "name": "Japanese not free of charge button",
+      "shortname": ":u6709:",
+      "unicode": "1f236",
+      "html": "&#127542;",
+      "category": "Symbols (alphanum)",
+      "order": "2145"
+    },
+    {
+      "emoji": "📐",
+      "name": "triangular ruler",
+      "shortname": ":triangular_ruler:",
+      "unicode": "1f4d0",
+      "html": "&#128208;",
+      "category": "Objects (office)",
+      "order": "1939"
+    },
+    {
+      "emoji": "🚋",
+      "name": "tram car",
+      "shortname": ":train:",
+      "unicode": "1f68b",
+      "html": "&#128651;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1613"
+    },
+    {
+      "emoji": "🈸",
+      "name": "Japanese application button",
+      "shortname": ":u7533:",
+      "unicode": "1f238",
+      "html": "&#127544;",
+      "category": "Symbols (alphanum)",
+      "order": "2152"
+    },
+    {
+      "emoji": "🚎",
+      "name": "trolleybus",
+      "shortname": ":trolleybus:",
+      "unicode": "1f68e",
+      "html": "&#128654;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1616"
+    },
+    {
+      "emoji": "🈷",
+      "name": "Japanese monthly amount button",
+      "shortname": ":u6708:",
+      "unicode": "1f237",
+      "html": "&#127543;",
+      "category": "Symbols (alphanum)",
+      "order": "2144"
+    },
+    {
+      "emoji": "🔢",
+      "name": "input numbers",
+      "shortname": ":input_numbers:",
+      "unicode": "1F522",
+      "html": "&#128290;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "📔",
+      "name": "notebook with decorative cover",
+      "shortname": ":notebook_with_decorative_cover:",
+      "unicode": "1f4d4",
+      "html": "&#128212;",
+      "category": "Objects (book-paper)",
+      "order": "1874"
+    },
+    {
+      "emoji": "🈲",
+      "name": "Japanese prohibited button",
+      "shortname": ":u7981:",
+      "unicode": "1f232",
+      "html": "&#127538;",
+      "category": "Symbols (alphanum)",
+      "order": "2150"
+    },
+    {
+      "emoji": "🈵",
+      "name": "Japanese no vacancy button",
+      "shortname": ":u6e80:",
+      "unicode": "1f235",
+      "html": "&#127541;",
+      "category": "Symbols (alphanum)",
+      "order": "2158"
+    },
+    {
+      "emoji": "📯",
+      "name": "postal horn",
+      "shortname": ":postal_horn:",
+      "unicode": "1f4ef",
+      "html": "&#128239;",
+      "category": "Objects (sound)",
+      "order": "1820"
+    },
+    {
+      "emoji": "🏭",
+      "name": "factory",
+      "shortname": ":factory:",
+      "unicode": "1f3ed",
+      "html": "&#127981;",
+      "category": "Travel & Places (place-building)",
+      "order": "1571"
+    },
+    {
+      "emoji": "🚸",
+      "name": "children crossing",
+      "shortname": ":children_crossing:",
+      "unicode": "1f6b8",
+      "html": "&#128696;",
+      "category": "Symbols (warning)",
+      "order": "1990"
+    },
+    {
+      "emoji": "🚆",
+      "name": "train",
+      "shortname": ":train2:",
+      "unicode": "1f686",
+      "html": "&#128646;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1606"
+    },
+    {
+      "emoji": "📏",
+      "name": "straight ruler",
+      "shortname": ":straight_ruler:",
+      "unicode": "1f4cf",
+      "html": "&#128207;",
+      "category": "Objects (office)",
+      "order": "1938"
+    },
+    {
+      "emoji": "📟",
+      "name": "pager",
+      "shortname": ":pager:",
+      "unicode": "1f4df",
+      "html": "&#128223;",
+      "category": "Objects (phone)",
+      "order": "1842"
+    },
+    {
+      "emoji": "🉑",
+      "name": "Japanese acceptable button",
+      "shortname": ":accept:",
+      "unicode": "1f251",
+      "html": "&#127569;",
+      "category": "Symbols (alphanum)",
+      "order": "2151"
+    },
+    {
+      "emoji": "🈴",
+      "name": "Japanese passing grade button",
+      "shortname": ":u5408:",
+      "unicode": "1f234",
+      "html": "&#127540;",
+      "category": "Symbols (alphanum)",
+      "order": "2153"
+    },
+    {
+      "emoji": "🔏",
+      "name": "locked with pen",
+      "shortname": ":lock_with_ink_pen:",
+      "unicode": "1f50f",
+      "html": "&#128271;",
+      "category": "Objects (lock)",
+      "order": "1946"
+    },
+    {
+      "emoji": "🕜",
+      "name": "one-thirty",
+      "shortname": ":clock130:",
+      "unicode": "1f55c",
+      "html": "&#128348;",
+      "category": "Travel & Places (time)",
+      "order": "1690"
+    },
+    {
+      "emoji": "🈂️",
+      "name": "Japanese service charge button",
+      "shortname": ":sa:",
+      "unicode": "1f202",
+      "html": "&#127490;",
+      "category": "Symbols (alphanum)",
+      "order": "2143"
+    },
+    {
+      "emoji": "📤",
+      "name": "outbox tray",
+      "shortname": ":outbox_tray:",
+      "unicode": "1f4e4",
+      "html": "&#128228;",
+      "category": "Objects (mail)",
+      "order": "1905"
+    },
+    {
+      "emoji": "🔀",
+      "name": "shuffle tracks button",
+      "shortname": ":twisted_rightwards_arrows:",
+      "unicode": "1f500",
+      "html": "&#128256;",
+      "category": "Symbols (av-symbol)",
+      "order": "2048"
+    },
+    {
+      "emoji": "📫",
+      "name": "closed mailbox with raised flag",
+      "shortname": ":mailbox:",
+      "unicode": "1f4eb",
+      "html": "&#128235;",
+      "category": "Objects (mail)",
+      "order": "1908"
+    },
+    {
+      "emoji": "🚈",
+      "name": "light rail",
+      "shortname": ":light_rail:",
+      "unicode": "1f688",
+      "html": "&#128648;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1608"
+    },
+    {
+      "emoji": "🕤",
+      "name": "nine-thirty",
+      "shortname": ":clock930:",
+      "unicode": "1f564",
+      "html": "&#128356;",
+      "category": "Travel & Places (time)",
+      "order": "1706"
+    },
+    {
+      "emoji": "🚏",
+      "name": "bus stop",
+      "shortname": ":busstop:",
+      "unicode": "1f68f",
+      "html": "&#128655;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1633"
+    },
+    {
+      "emoji": "📂",
+      "name": "open file folder",
+      "shortname": ":open_file_folder:",
+      "unicode": "1f4c2",
+      "html": "&#128194;",
+      "category": "Objects (office)",
+      "order": "1923"
+    },
+    {
+      "emoji": "📁",
+      "name": "file folder",
+      "shortname": ":file_folder:",
+      "unicode": "1f4c1",
+      "html": "&#128193;",
+      "category": "Objects (office)",
+      "order": "1922"
+    },
+    {
+      "emoji": "🚰",
+      "name": "potable water",
+      "shortname": ":potable_water:",
+      "unicode": "1f6b0",
+      "html": "&#128688;",
+      "category": "Symbols (transport-sign)",
+      "order": "1978"
+    },
+    {
+      "emoji": "📇",
+      "name": "card index",
+      "shortname": ":card_index:",
+      "unicode": "1f4c7",
+      "html": "&#128199;",
+      "category": "Objects (office)",
+      "order": "1929"
+    },
+    {
+      "emoji": "🕝",
+      "name": "two-thirty",
+      "shortname": ":clock230:",
+      "unicode": "1f55d",
+      "html": "&#128349;",
+      "category": "Travel & Places (time)",
+      "order": "1692"
+    },
+    {
+      "emoji": "🚝",
+      "name": "monorail",
+      "shortname": ":monorail:",
+      "unicode": "1f69d",
+      "html": "&#128669;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1611"
+    },
+    {
+      "emoji": "🕧",
+      "name": "twelve-thirty",
+      "shortname": ":clock1230:",
+      "unicode": "1f567",
+      "html": "&#128359;",
+      "category": "Travel & Places (time)",
+      "order": "1688"
+    },
+    {
+      "emoji": "🕥",
+      "name": "ten-thirty",
+      "shortname": ":clock1030:",
+      "unicode": "1f565",
+      "html": "&#128357;",
+      "category": "Travel & Places (time)",
+      "order": "1708"
+    },
+    {
+      "emoji": "🔤",
+      "name": "input latin letters",
+      "shortname": ":abc:",
+      "unicode": "1f524",
+      "html": "&#128292;",
+      "category": "Symbols (alphanum)",
+      "order": "2124"
+    },
+    {
+      "emoji": "📪",
+      "name": "closed mailbox with lowered flag",
+      "shortname": ":mailbox_closed:",
+      "unicode": "1f4ea",
+      "html": "&#128234;",
+      "category": "Objects (mail)",
+      "order": "1909"
+    },
+    {
+      "emoji": "🕟",
+      "name": "four-thirty",
+      "shortname": ":clock430:",
+      "unicode": "1f55f",
+      "html": "&#128351;",
+      "category": "Travel & Places (time)",
+      "order": "1696"
+    },
+    {
+      "emoji": "🚞",
+      "name": "mountain railway",
+      "shortname": ":mountain_railway:",
+      "unicode": "1f69e",
+      "html": "&#128670;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1612"
+    },
+    {
+      "emoji": "🚯",
+      "name": "no littering",
+      "shortname": ":do_not_litter:",
+      "unicode": "1f6af",
+      "html": "&#128687;",
+      "category": "Symbols (warning)",
+      "order": "1995"
+    },
+    {
+      "emoji": "🕞",
+      "name": "three-thirty",
+      "shortname": ":clock330:",
+      "unicode": "1f55e",
+      "html": "&#128350;",
+      "category": "Travel & Places (time)",
+      "order": "1694"
+    },
+    {
+      "emoji": "➗",
+      "name": "division sign",
+      "shortname": ":heavy_division_sign:",
+      "unicode": "2797",
+      "html": "&#10135;",
+      "category": "Symbols (other-symbol)",
+      "order": "2089"
+    },
+    {
+      "emoji": "🕢",
+      "name": "seven-thirty",
+      "shortname": ":clock730:",
+      "unicode": "1f562",
+      "html": "&#128354;",
+      "category": "Travel & Places (time)",
+      "order": "1702"
+    },
+    {
+      "emoji": "🕠",
+      "name": "five-thirty",
+      "shortname": ":clock530:",
+      "unicode": "1f560",
+      "html": "&#128352;",
+      "category": "Travel & Places (time)",
+      "order": "1698"
+    },
+    {
+      "emoji": "🔠",
+      "name": "input latin uppercase",
+      "shortname": ":capital_abcd:",
+      "unicode": "1f520",
+      "html": "&#128288;",
+      "category": "Symbols (alphanum)",
+      "order": "2120"
+    },
+    {
+      "emoji": "📭",
+      "name": "open mailbox with lowered flag",
+      "shortname": ":mailbox_with_no_mail:",
+      "unicode": "1f4ed",
+      "html": "&#128237;",
+      "category": "Objects (mail)",
+      "order": "1911"
+    },
+    {
+      "emoji": "🔣",
+      "name": "input symbols",
+      "shortname": ":symbols:",
+      "unicode": "1f523",
+      "html": "&#128291;",
+      "category": "Symbols (alphanum)",
+      "order": "2123"
+    },
+    {
+      "emoji": "🚡",
+      "name": "aerial tramway",
+      "shortname": ":aerial_tramway:",
+      "unicode": "1f6a1",
+      "html": "&#128673;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1658"
+    },
+    {
+      "emoji": "🕣",
+      "name": "eight-thirty",
+      "shortname": ":clock830:",
+      "unicode": "1f563",
+      "html": "&#128355;",
+      "category": "Travel & Places (time)",
+      "order": "1704"
+    },
+    {
+      "emoji": "🕡",
+      "name": "six-thirty",
+      "shortname": ":clock630:",
+      "unicode": "1f561",
+      "html": "&#128353;",
+      "category": "Travel & Places (time)",
+      "order": "1700"
+    },
+    {
+      "emoji": "🔡",
+      "name": "input latin lowercase",
+      "shortname": ":abcd:",
+      "unicode": "1f521",
+      "html": "&#128289;",
+      "category": "Symbols (alphanum)",
+      "order": "2121"
+    },
+    {
+      "emoji": "🚠",
+      "name": "mountain cableway",
+      "shortname": ":mountain_cableway:",
+      "unicode": "1f6a0",
+      "html": "&#128672;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1657"
+    },
+    {
+      "emoji": "🈁",
+      "name": "Japanese here button",
+      "shortname": ":koko:",
+      "unicode": "1f201",
+      "html": "&#127489;",
+      "category": "Symbols (alphanum)",
+      "order": "2142"
+    },
+    {
+      "emoji": "🛂",
+      "name": "passport control",
+      "shortname": ":passport_control:",
+      "unicode": "1f6c2",
+      "html": "&#128706;",
+      "category": "Symbols (transport-sign)",
+      "order": "1985"
+    },
+    {
+      "emoji": "🚱",
+      "name": "non-potable water",
+      "shortname": ":non-potable_water:",
+      "unicode": "1f6b1",
+      "html": "&#128689;",
+      "category": "Symbols (warning)",
+      "order": "1996"
+    },
+    {
+      "emoji": "🚟",
+      "name": "suspension railway",
+      "shortname": ":suspension_railway:",
+      "unicode": "1f69f",
+      "html": "&#128671;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1656"
+    },
+    {
+      "emoji": "🛄",
+      "name": "baggage claim",
+      "shortname": ":baggage_claim:",
+      "unicode": "1f6c4",
+      "html": "&#128708;",
+      "category": "Symbols (transport-sign)",
+      "order": "1987"
+    },
+    {
+      "emoji": "🚳",
+      "name": "no bicycles",
+      "shortname": ":no_bicycles:",
+      "unicode": "1f6b3",
+      "html": "&#128691;",
+      "category": "Symbols (warning)",
+      "order": "1993"
+    },
+    {
+      "emoji": "🏳‍🌈",
+      "name": "rainbow flag",
+      "shortname": ":rainbow_flag:",
+      "unicode": "1F3F3 200D 1F308",
+      "html": "&#127987;&zwj;&#127752;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♀",
+      "name": "woman detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2640",
+      "html": "&#128373;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♀",
+      "name": "woman detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2640",
+      "html": "&#128373;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♀",
+      "name": "woman detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2640",
+      "html": "&#128373;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♀",
+      "name": "woman detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2640",
+      "html": "&#128373;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♀",
+      "name": "woman detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2640",
+      "html": "&#128373;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♀",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 200D 2640",
+      "html": "&#128373;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿",
+      "name": "detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF",
+      "html": "&#128373;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾",
+      "name": "detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE",
+      "html": "&#128373;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽",
+      "name": "detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD",
+      "html": "&#128373;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼",
+      "name": "detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC",
+      "html": "&#128373;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻",
+      "name": "detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB",
+      "html": "&#128373;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵",
+      "name": "detective",
+      "shortname": ":detective:",
+      "unicode": "1F575",
+      "html": "&#128373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "☹",
+      "name": "frowning face",
+      "shortname": ":frowning_face:",
+      "unicode": "2639",
+      "html": "&#9785;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "☠",
+      "name": "skull and crossbones",
+      "shortname": ":skull_crossbones:",
+      "unicode": "2620",
+      "html": "&#9760;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "81"
+    },
+    {
+      "emoji": "🤗",
+      "name": "hugging face",
+      "shortname": ":hugging:",
+      "unicode": "1f917",
+      "html": "&#129303;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": "20"
+    },
+    {
+      "emoji": "🤖",
+      "name": "robot",
+      "shortname": ":robot:",
+      "unicode": "1F916",
+      "html": "&#129302;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": ""
+    },
+    {
+      "emoji": "🤕",
+      "name": "face with head-bandage",
+      "shortname": ":face_with_headbandage:",
+      "unicode": "1F915",
+      "html": "&#129301;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤔",
+      "name": "thinking face",
+      "shortname": ":thinking:",
+      "unicode": "1f914",
+      "html": "&#129300;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": "21"
+    },
+    {
+      "emoji": "🤓",
+      "name": "nerd face",
+      "shortname": ":nerd:",
+      "unicode": "1f913",
+      "html": "&#129299;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": "36"
+    },
+    {
+      "emoji": "🤒",
+      "name": "face with thermometer",
+      "shortname": ":face_with_thermometer:",
+      "unicode": "1F912",
+      "html": "&#129298;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤑",
+      "name": "money-mouth face",
+      "shortname": ":moneymouth_face:",
+      "unicode": "1F911",
+      "html": "&#129297;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": ""
+    },
+    {
+      "emoji": "🤐",
+      "name": "zipper-mouth face",
+      "shortname": ":zipper_mouth:",
+      "unicode": "1f910",
+      "html": "&#129296;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "30"
+    },
+    {
+      "emoji": "🙄",
+      "name": "face with rolling eyes",
+      "shortname": ":rolling_eyes:",
+      "unicode": "1f644",
+      "html": "&#128580;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "25"
+    },
+    {
+      "emoji": "🙃",
+      "name": "upside-down face",
+      "shortname": ":upside_down:",
+      "unicode": "1f643",
+      "html": "&#128579;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "45"
+    },
+    {
+      "emoji": "🙂",
+      "name": "slightly smiling face",
+      "shortname": ":slight_smile:",
+      "unicode": "1f642",
+      "html": "&#128578;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "19"
+    },
+    {
+      "emoji": "🙁",
+      "name": "slightly frowning face",
+      "shortname": ":slightly_frowning_face:",
+      "unicode": "1F641",
+      "html": "&#128577;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏿",
+      "name": "sign of the horns: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F918 1F3FF",
+      "html": "&#129304;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏾",
+      "name": "sign of the horns: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F918 1F3FE",
+      "html": "&#129304;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏽",
+      "name": "sign of the horns: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F918 1F3FD",
+      "html": "&#129304;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏼",
+      "name": "sign of the horns: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F918 1F3FC",
+      "html": "&#129304;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏻",
+      "name": "sign of the horns: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F918 1F3FB",
+      "html": "&#129304;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘",
+      "name": "sign of the horns",
+      "shortname": ":sign_of_the_horns:",
+      "unicode": "1F918",
+      "html": "&#129304;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏿",
+      "name": "vulcan salute: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F596 1F3FF",
+      "html": "&#128406;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏾",
+      "name": "vulcan salute: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F596 1F3FE",
+      "html": "&#128406;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏽",
+      "name": "vulcan salute: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F596 1F3FD",
+      "html": "&#128406;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏼",
+      "name": "vulcan salute: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F596 1F3FC",
+      "html": "&#128406;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏻",
+      "name": "vulcan salute: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F596 1F3FB",
+      "html": "&#128406;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖",
+      "name": "vulcan salute",
+      "shortname": ":vulcan_salute:",
+      "unicode": "1F596",
+      "html": "&#128406;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏿",
+      "name": "middle finger: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F595 1F3FF",
+      "html": "&#128405;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏾",
+      "name": "middle finger: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F595 1F3FE",
+      "html": "&#128405;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏽",
+      "name": "middle finger: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F595 1F3FD",
+      "html": "&#128405;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏼",
+      "name": "middle finger: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F595 1F3FC",
+      "html": "&#128405;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏻",
+      "name": "middle finger: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F595 1F3FB",
+      "html": "&#128405;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕",
+      "name": "middle finger",
+      "shortname": ":middle_finger:",
+      "unicode": "1f595",
+      "html": "&#128405;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1116"
+    },
+    {
+      "emoji": "🖐🏿",
+      "name": "hand with fingers splayed: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F590 1F3FF",
+      "html": "&#128400;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏾",
+      "name": "hand with fingers splayed: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F590 1F3FE",
+      "html": "&#128400;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏽",
+      "name": "hand with fingers splayed: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F590 1F3FD",
+      "html": "&#128400;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏼",
+      "name": "hand with fingers splayed: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F590 1F3FC",
+      "html": "&#128400;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏻",
+      "name": "hand with fingers splayed: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F590 1F3FB",
+      "html": "&#128400;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐",
+      "name": "hand with fingers splayed",
+      "shortname": ":hand_with_fingers_splayed:",
+      "unicode": "1F590",
+      "html": "&#128400;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏿",
+      "name": "writing hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270D 1F3FF",
+      "html": "&#9997;&#127999;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏾",
+      "name": "writing hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270D 1F3FE",
+      "html": "&#9997;&#127998;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏽",
+      "name": "writing hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270D 1F3FD",
+      "html": "&#9997;&#127997;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏼",
+      "name": "writing hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270D 1F3FC",
+      "html": "&#9997;&#127996;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏻",
+      "name": "writing hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270D 1F3FB",
+      "html": "&#9997;&#127995;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍",
+      "name": "writing hand",
+      "shortname": ":writing_hand:",
+      "unicode": "270d",
+      "html": "&#9997;",
+      "category": "People & Body (hand-prop)",
+      "order": "1230"
+    },
+    {
+      "emoji": "🕶",
+      "name": "sunglasses",
+      "shortname": ":dark_sunglasses:",
+      "unicode": "1f576",
+      "html": "&#128374;",
+      "category": "Objects (clothing)",
+      "order": "1315"
+    },
+    {
+      "emoji": "👁‍🗨",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_speachbubble:",
+      "unicode": "1F441 200D 1F5E8",
+      "html": "&#128065;&zwj;&#128488;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁",
+      "name": "eye",
+      "shortname": ":eye:",
+      "unicode": "1f441",
+      "html": "&#128065;",
+      "category": "People & Body (body-parts)",
+      "order": "1280"
+    },
+    {
+      "emoji": "🏋🏿‍♀",
+      "name": "woman lifting weights: dark skin tone",
+      "shortname": ":weightlifter_woman_dt:",
+      "unicode": "1F3CB 1F3FF 200D 2640",
+      "html": "&#127947;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♀",
+      "name": "woman lifting weights: medium-dark skin tone",
+      "shortname": ":weightlifter_woman_mdt:",
+      "unicode": "1F3CB 1F3FE 200D 2640",
+      "html": "&#127947;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♀",
+      "name": "woman lifting weights: medium skin tone",
+      "shortname": ":weightlifter_woman_mt:",
+      "unicode": "1F3CB 1F3FD 200D 2640",
+      "html": "&#127947;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♀",
+      "name": "woman lifting weights: medium-light skin tone",
+      "shortname": ":weightlifter_woman_mlt:",
+      "unicode": "1F3CB 1F3FC 200D 2640",
+      "html": "&#127947;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♀",
+      "name": "woman lifting weights: light skin tone",
+      "shortname": ":weightlifter_woman_lt:",
+      "unicode": "1F3CB 1F3FB 200D 2640",
+      "html": "&#127947;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♀",
+      "name": "woman lifting weights",
+      "shortname": ":weightlifter_woman:",
+      "unicode": "1F3CB 200D 2640",
+      "html": "&#127947;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿",
+      "name": "person lifting weights: dark skin tone",
+      "shortname": ":weightlifter_dt:",
+      "unicode": "1F3CB 1F3FF",
+      "html": "&#127947;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾",
+      "name": "person lifting weights: medium-dark skin tone",
+      "shortname": ":weightlifter_mdt:",
+      "unicode": "1F3CB 1F3FE",
+      "html": "&#127947;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽",
+      "name": "person lifting weights: medium skin tone",
+      "shortname": ":weightlifter_mt:",
+      "unicode": "1F3CB 1F3FD",
+      "html": "&#127947;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼",
+      "name": "person lifting weights: medium-light skin tone",
+      "shortname": ":weightlifter_mlt:",
+      "unicode": "1F3CB 1F3FC",
+      "html": "&#127947;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻",
+      "name": "person lifting weights: light skin tone",
+      "shortname": ":weightlifter_lt:",
+      "unicode": "1F3CB 1F3FB",
+      "html": "&#127947;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋",
+      "name": "person lifting weights",
+      "shortname": ":weightlifter:",
+      "unicode": "1F3CB",
+      "html": "&#127947;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♀",
+      "name": "woman bouncing ball: dark skin tone",
+      "shortname": ":basketballer_woman_dt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♀",
+      "name": "woman bouncing ball: medium-dark skin tone",
+      "shortname": ":basketballer_woman_mdt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♀",
+      "name": "woman bouncing ball: medium skin tone",
+      "shortname": ":basketballer_woman_mt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♀",
+      "name": "woman bouncing ball: medium-light skin tone",
+      "shortname": ":basketballer_woman_mlt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♀",
+      "name": "woman bouncing ball: light skin tone",
+      "shortname": ":basketballer_woman_lt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♀",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": ":basketballer_woman:",
+      "html": "&#9977;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿",
+      "name": "person bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": ":basketballer_dt:",
+      "html": "&#9977;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾",
+      "name": "person bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": ":basketballer_mdt:",
+      "html": "&#9977;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽",
+      "name": "person bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": ":basketballer_mt:",
+      "html": "&#9977;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼",
+      "name": "person bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": ":basketballer_mlt:",
+      "html": "&#9977;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻",
+      "name": "person bouncing ball: light skin tone",
+      "shortname": ":basketballer_lt:",
+      "unicode": "26F9 1F3FB",
+      "html": "&#9977;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹",
+      "name": "person bouncing ball",
+      "shortname": ":basketballer:",
+      "unicode": "26F9",
+      "html": "&#9977;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴",
+      "name": "man in suit levitating",
+      "shortname": ":man_in_suit:",
+      "unicode": "1f574",
+      "html": "&#128372;",
+      "category": "People & Body (person-activity)",
+      "order": "784"
+    },
+    {
+      "emoji": "🏌",
+      "name": "person golfing",
+      "shortname": ":golfer:",
+      "unicode": "1f3cc",
+      "html": "&#127948;",
+      "category": "People & Body (person-sport)",
+      "order": "782"
+    },
+    {
+      "emoji": "🏌‍♀",
+      "name": "woman golfing",
+      "shortname": ":golfer_woman:",
+      "unicode": "1F3CC 200D 2640",
+      "html": "&#127948;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": "783"
+    },
+    {
+      "emoji": "*️⃣",
+      "name": "keycap: #",
+      "shortname": "*",
+      "unicode": "0023 FE0F 20E3",
+      "html": "&#42;",
+      "category": "Symbols (keycap)",
+      "order": "2118"
+    },
+    {
+      "emoji": "❣️",
+      "name": "heart exclamation",
+      "shortname": ":heart_exclamation:",
+      "unicode": "2763",
+      "html": "&#10083;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1300"
+    },
+    {
+      "emoji": "✡️",
+      "name": "star of David",
+      "shortname": ":star_of_david:",
+      "unicode": "2721",
+      "html": "&#10017;",
+      "category": "Symbols (religion)",
+      "order": "2026"
+    },
+    {
+      "emoji": "✝️",
+      "name": "latin cross",
+      "shortname": ":cross:",
+      "unicode": "271d",
+      "html": "&#10013;",
+      "category": "Symbols (religion)",
+      "order": "2029"
+    },
+    {
+      "emoji": "⚜",
+      "name": "fleur-de-lis",
+      "shortname": ":fleur-de-lis:",
+      "unicode": "269c",
+      "html": "&#9884;",
+      "category": "Symbols (other-symbol)",
+      "order": "2074"
+    },
+    {
+      "emoji": "⚛",
+      "name": "atom symbol",
+      "shortname": ":atom:",
+      "unicode": "269b",
+      "html": "&#9883;",
+      "category": "Symbols (religion)",
+      "order": "2024"
+    },
+    {
+      "emoji": "☸",
+      "name": "wheel of dharma",
+      "shortname": ":wheel_of_dharma:",
+      "unicode": "2638",
+      "html": "&#9784;",
+      "category": "Symbols (religion)",
+      "order": "2027"
+    },
+    {
+      "emoji": "☯",
+      "name": "yin yang",
+      "shortname": ":yin_yang:",
+      "unicode": "262f",
+      "html": "&#9775;",
+      "category": "Symbols (religion)",
+      "order": "2028"
+    },
+    {
+      "emoji": "☮",
+      "name": "peace symbol",
+      "shortname": ":peace:",
+      "unicode": "262e",
+      "html": "&#9774;",
+      "category": "Symbols (religion)",
+      "order": "2032"
+    },
+    {
+      "emoji": "☪",
+      "name": "star and crescent",
+      "shortname": ":star_and_crescent:",
+      "unicode": "262a",
+      "html": "&#9770;",
+      "category": "Symbols (religion)",
+      "order": "2031"
+    },
+    {
+      "emoji": "☦",
+      "name": "orthodox cross",
+      "shortname": ":orthodox_cross:",
+      "unicode": "2626",
+      "html": "&#9766;",
+      "category": "Symbols (religion)",
+      "order": "2030"
+    },
+    {
+      "emoji": "☣",
+      "name": "biohazard",
+      "shortname": ":biohazard:",
+      "unicode": "2623",
+      "html": "&#9763;",
+      "category": "Symbols (warning)",
+      "order": "2001"
+    },
+    {
+      "emoji": "☢",
+      "name": "radioactive",
+      "shortname": ":radioactive:",
+      "unicode": "2622",
+      "html": "&#9762;",
+      "category": "Symbols (warning)",
+      "order": "2000"
+    },
+    {
+      "emoji": "🛐",
+      "name": "place of worship",
+      "shortname": ":place_of_worship:",
+      "unicode": "1f6d0",
+      "html": "&#128720;",
+      "category": "Symbols (religion)",
+      "order": "2023"
+    },
+    {
+      "emoji": "🗯",
+      "name": "right anger bubble",
+      "shortname": ":anger_right:",
+      "unicode": "1f5ef",
+      "html": "&#128495;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1311"
+    },
+    {
+      "emoji": "🕎",
+      "name": "menorah",
+      "shortname": ":menorah:",
+      "unicode": "1f54e",
+      "html": "&#128334;",
+      "category": "Symbols (religion)",
+      "order": "2033"
+    },
+    {
+      "emoji": "🕉",
+      "name": "om",
+      "shortname": ":om_symbol:",
+      "unicode": "1f549",
+      "html": "&#128329;",
+      "category": "Symbols (religion)",
+      "order": "2025"
+    },
+    {
+      "emoji": "⚱",
+      "name": "funeral urn",
+      "shortname": ":funeral_urn:",
+      "unicode": "26B1",
+      "html": "&#9905;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚰",
+      "name": "coffin",
+      "shortname": ":coffin:",
+      "unicode": "26b0",
+      "html": "&#9904;",
+      "category": "Objects (other-object)",
+      "order": "1970"
+    },
+    {
+      "emoji": "⚙",
+      "name": "gear",
+      "shortname": ":gear:",
+      "unicode": "2699",
+      "html": "&#9881;",
+      "category": "Objects (tool)",
+      "order": "1961"
+    },
+    {
+      "emoji": "⚗",
+      "name": "alembic",
+      "shortname": ":alembic:",
+      "unicode": "2697",
+      "html": "&#9879;",
+      "category": "Objects (science)",
+      "order": "1963"
+    },
+    {
+      "emoji": "⚖",
+      "name": "balance scale",
+      "shortname": ":scales:",
+      "unicode": "2696",
+      "html": "&#9878;",
+      "category": "Objects (tool)",
+      "order": "1964"
+    },
+    {
+      "emoji": "⚔",
+      "name": "crossed swords",
+      "shortname": ":crossed_swords:",
+      "unicode": "2694",
+      "html": "&#9876;",
+      "category": "Objects (tool)",
+      "order": "1955"
+    },
+    {
+      "emoji": "⌨",
+      "name": "keyboard",
+      "shortname": ":keyboard:",
+      "unicode": "2328",
+      "html": "&#9000;",
+      "category": "Objects (computer)",
+      "order": "1849"
+    },
+    {
+      "emoji": "🛢",
+      "name": "oil drum",
+      "shortname": ":oil_drum:",
+      "unicode": "1F6E2",
+      "html": "&#128738;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛡",
+      "name": "shield",
+      "shortname": ":shield:",
+      "unicode": "1f6e1",
+      "html": "&#128737;",
+      "category": "Objects (tool)",
+      "order": "1958"
+    },
+    {
+      "emoji": "🛠",
+      "name": "hammer and wrench",
+      "shortname": ":hammer_and_wrench:",
+      "unicode": "1F6E0",
+      "html": "&#128736;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛏",
+      "name": "bed",
+      "shortname": ":bed:",
+      "unicode": "1f6cf",
+      "html": "&#128719;",
+      "category": "Objects (household)",
+      "order": "1669"
+    },
+    {
+      "emoji": "🛎",
+      "name": "bellhop bell",
+      "shortname": ":bellhop_bell:",
+      "unicode": "1F6CE",
+      "html": "&#128718;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "🛍",
+      "name": "shopping bags",
+      "shortname": ":shopping_bags:",
+      "unicode": "1f6cd",
+      "html": "&#128717;",
+      "category": "Objects (clothing)",
+      "order": "1326"
+    },
+    {
+      "emoji": "🛌",
+      "name": "person in bed",
+      "shortname": ":sleeping_accommodation:",
+      "unicode": "1f6cc",
+      "html": "&#128716;",
+      "category": "People & Body (person-resting)",
+      "order": "1663"
+    },
+    {
+      "emoji": "🛋",
+      "name": "couch and lamp",
+      "shortname": ":couch_and_lamp:",
+      "unicode": "1F6CB",
+      "html": "&#128715;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🗳",
+      "name": "ballot box with ballot",
+      "shortname": ":ballot_box:",
+      "unicode": "1f5f3",
+      "html": "&#128499;",
+      "category": "Objects (mail)",
+      "order": "1913"
+    },
+    {
+      "emoji": "🗡",
+      "name": "dagger",
+      "shortname": ":dagger:",
+      "unicode": "1F5E1",
+      "html": "&#128481;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗞",
+      "name": "rolled-up newspaper",
+      "shortname": ":rolledup_newspaper:",
+      "unicode": "1F5DE",
+      "html": "&#128478;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🗝",
+      "name": "old key",
+      "shortname": ":old_key:",
+      "unicode": "1F5DD",
+      "html": "&#128477;",
+      "category": "Objects (lock)",
+      "order": ""
+    },
+    {
+      "emoji": "🗜",
+      "name": "clamp",
+      "shortname": ":compression:",
+      "unicode": "1f5dc",
+      "html": "&#128476;",
+      "category": "Objects (tool)",
+      "order": "1962"
+    },
+    {
+      "emoji": "🗓",
+      "name": "spiral calendar",
+      "shortname": ":spiral_calendar:",
+      "unicode": "1F5D3",
+      "html": "&#128467;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗒",
+      "name": "spiral notepad",
+      "shortname": ":spiral_notepad:",
+      "unicode": "1F5D2",
+      "html": "&#128466;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗑",
+      "name": "wastebasket",
+      "shortname": ":wastebasket:",
+      "unicode": "1f5d1",
+      "html": "&#128465;",
+      "category": "Objects (office)",
+      "order": "1943"
+    },
+    {
+      "emoji": "🗄",
+      "name": "file cabinet",
+      "shortname": ":file_cabinet:",
+      "unicode": "1f5c4",
+      "html": "&#128452;",
+      "category": "Objects (office)",
+      "order": "1942"
+    },
+    {
+      "emoji": "🗃",
+      "name": "card file box",
+      "shortname": ":card_file_box:",
+      "unicode": "1F5C3",
+      "html": "&#128451;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗂",
+      "name": "card index dividers",
+      "shortname": ":card_index_dividers:",
+      "unicode": "1F5C2",
+      "html": "&#128450;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🖼",
+      "name": "framed picture",
+      "shortname": ":framed_picture:",
+      "unicode": "1F5BC",
+      "html": "&#128444;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🖲",
+      "name": "trackball",
+      "shortname": ":trackball:",
+      "unicode": "1f5b2",
+      "html": "&#128434;",
+      "category": "Objects (computer)",
+      "order": "1851"
+    },
+    {
+      "emoji": "🖱",
+      "name": "computer mouse",
+      "shortname": ":computer_mouse:",
+      "unicode": "1F5B1",
+      "html": "&#128433;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖨",
+      "name": "printer",
+      "shortname": ":printer:",
+      "unicode": "1f5a8",
+      "html": "&#128424;",
+      "category": "Objects (computer)",
+      "order": "1848"
+    },
+    {
+      "emoji": "🖥",
+      "name": "desktop computer",
+      "shortname": ":desktop_computer:",
+      "unicode": "1F5A5",
+      "html": "&#128421;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖍",
+      "name": "crayon",
+      "shortname": ":crayon:",
+      "unicode": "1F58D",
+      "html": "&#128397;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖌",
+      "name": "paintbrush",
+      "shortname": ":paintbrush:",
+      "unicode": "1F58C",
+      "html": "&#128396;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖋",
+      "name": "fountain pen",
+      "shortname": ":fountain_pen:",
+      "unicode": "1F58B",
+      "html": "&#128395;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖊",
+      "name": "pen",
+      "shortname": ":pen:",
+      "unicode": "1F58A",
+      "html": "&#128394;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖇",
+      "name": "linked paperclips",
+      "shortname": ":linked_paperclips:",
+      "unicode": "1F587",
+      "html": "&#128391;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🕹",
+      "name": "joystick",
+      "shortname": ":joystick:",
+      "unicode": "1f579",
+      "html": "&#128377;",
+      "category": "Activities (game)",
+      "order": "1805"
+    },
+    {
+      "emoji": "🕳",
+      "name": "hole",
+      "shortname": ":hole:",
+      "unicode": "1f573",
+      "html": "&#128371;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1313"
+    },
+    {
+      "emoji": "🕰",
+      "name": "mantelpiece clock",
+      "shortname": ":mantelpiece_clock:",
+      "unicode": "1F570",
+      "html": "&#128368;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🕯",
+      "name": "candle",
+      "shortname": ":candle:",
+      "unicode": "1f56f",
+      "html": "&#128367;",
+      "category": "Objects (light & video)",
+      "order": "1870"
+    },
+    {
+      "emoji": "📿",
+      "name": "prayer beads",
+      "shortname": ":prayer_beads:",
+      "unicode": "1f4ff",
+      "html": "&#128255;",
+      "category": "Objects (clothing)",
+      "order": "1338"
+    },
+    {
+      "emoji": "📽",
+      "name": "film projector",
+      "shortname": ":film_projector:",
+      "unicode": "1F4FD",
+      "html": "&#128253;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "📸",
+      "name": "camera with flash",
+      "shortname": ":camera_with_flash:",
+      "unicode": "1f4f8",
+      "html": "&#128248;",
+      "category": "Objects (light & video)",
+      "order": "1862"
+    },
+    {
+      "emoji": "🏺",
+      "name": "amphora",
+      "shortname": ":amphora:",
+      "unicode": "1f3fa",
+      "html": "&#127994;",
+      "category": "Food & Drink (dishware)",
+      "order": "1537"
+    },
+    {
+      "emoji": "🏷",
+      "name": "label",
+      "shortname": ":label:",
+      "unicode": "1f3f7",
+      "html": "&#127991;",
+      "category": "Objects (book-paper)",
+      "order": "1890"
+    },
+    {
+      "emoji": "🏴",
+      "name": "black flag",
+      "shortname": ":flag_black:",
+      "unicode": "1f3f4",
+      "html": "&#127988;",
+      "category": "Flags (flag)",
+      "order": "2184"
+    },
+    {
+      "emoji": "🏳",
+      "name": "white flag",
+      "shortname": ":flag_white:",
+      "unicode": "1f3f3",
+      "html": "&#127987;",
+      "category": "Flags (flag)",
+      "order": "2185"
+    },
+    {
+      "emoji": "🎞",
+      "name": "film frames",
+      "shortname": ":film_frames:",
+      "unicode": "1f39e",
+      "html": "&#127902;",
+      "category": "Objects (light & video)",
+      "order": "1857"
+    },
+    {
+      "emoji": "🎛",
+      "name": "control knobs",
+      "shortname": ":control_knobs:",
+      "unicode": "1f39b",
+      "html": "&#127899;",
+      "category": "Objects (music)",
+      "order": "1828"
+    },
+    {
+      "emoji": "🎚",
+      "name": "level slider",
+      "shortname": ":level_slider:",
+      "unicode": "1f39a",
+      "html": "&#127898;",
+      "category": "Objects (music)",
+      "order": "1827"
+    },
+    {
+      "emoji": "🎙",
+      "name": "studio microphone",
+      "shortname": ":studio_microphone:",
+      "unicode": "1F399",
+      "html": "&#127897;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🌡",
+      "name": "thermometer",
+      "shortname": ":thermometer:",
+      "unicode": "1f321",
+      "html": "&#127777;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1723"
+    },
+    {
+      "emoji": "🛳",
+      "name": "passenger ship",
+      "shortname": ":passenger_ship:",
+      "unicode": "1F6F3",
+      "html": "&#128755;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛰",
+      "name": "satellite",
+      "shortname": ":satellite:",
+      "unicode": "1F6F0",
+      "html": "&#128752;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛬",
+      "name": "airplane arrival",
+      "shortname": ":airplane_arriving:",
+      "unicode": "1f6ec",
+      "html": "&#128748;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1653"
+    },
+    {
+      "emoji": "🛫",
+      "name": "airplane departure",
+      "shortname": ":airplane_departure:",
+      "unicode": "1f6eb",
+      "html": "&#128747;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1652"
+    },
+    {
+      "emoji": "🛩",
+      "name": "small airplane",
+      "shortname": ":small_airplane:",
+      "unicode": "1F6E9",
+      "html": "&#128745;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛥",
+      "name": "motor boat",
+      "shortname": ":motor_boat:",
+      "unicode": "1F6E5",
+      "html": "&#128741;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛤",
+      "name": "railway track",
+      "shortname": ":railway_track:",
+      "unicode": "1f6e4",
+      "html": "&#128740;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1635"
+    },
+    {
+      "emoji": "🛣",
+      "name": "motorway",
+      "shortname": ":motorway:",
+      "unicode": "1f6e3",
+      "html": "&#128739;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1634"
+    },
+    {
+      "emoji": "🗺",
+      "name": "world map",
+      "shortname": ":world_map:",
+      "unicode": "1F5FA",
+      "html": "&#128506;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🕍",
+      "name": "synagogue",
+      "shortname": ":synagogue:",
+      "unicode": "1f54d",
+      "html": "&#128333;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1579"
+    },
+    {
+      "emoji": "🕌",
+      "name": "mosque",
+      "shortname": ":mosque:",
+      "unicode": "1f54c",
+      "html": "&#128332;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1578"
+    },
+    {
+      "emoji": "🕋",
+      "name": "kaaba",
+      "shortname": ":kaaba:",
+      "unicode": "1f54b",
+      "html": "&#128331;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1581"
+    },
+    {
+      "emoji": "🏟",
+      "name": "stadium",
+      "shortname": ":stadium:",
+      "unicode": "1f3df",
+      "html": "&#127967;",
+      "category": "Travel & Places (place-building)",
+      "order": "1553"
+    },
+    {
+      "emoji": "🏞",
+      "name": "national park",
+      "shortname": ":national_park:",
+      "unicode": "1F3DE",
+      "html": "&#127966;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏝",
+      "name": "desert island",
+      "shortname": ":desert_island:",
+      "unicode": "1F3DD",
+      "html": "&#127965;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏜",
+      "name": "desert",
+      "shortname": ":desert:",
+      "unicode": "1f3dc",
+      "html": "&#127964;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1550"
+    },
+    {
+      "emoji": "🏛",
+      "name": "classical building",
+      "shortname": ":classical_building:",
+      "unicode": "1f3db",
+      "html": "&#127963;",
+      "category": "Travel & Places (place-building)",
+      "order": "1554"
+    },
+    {
+      "emoji": "🏚",
+      "name": "derelict house",
+      "shortname": ":derelict_house:",
+      "unicode": "1F3DA",
+      "html": "&#127962;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏙",
+      "name": "cityscape",
+      "shortname": ":cityscape:",
+      "unicode": "1f3d9",
+      "html": "&#127961;",
+      "category": "Travel & Places (place-other)",
+      "order": "1557"
+    },
+    {
+      "emoji": "🏘",
+      "name": "houses",
+      "shortname": ":houses:",
+      "unicode": "1F3D8",
+      "html": "&#127960;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏗",
+      "name": "building construction",
+      "shortname": ":building_construction:",
+      "unicode": "1F3D7",
+      "html": "&#127959;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏖",
+      "name": "beach with umbrella",
+      "shortname": ":beach_with_umbrella:",
+      "unicode": "1F3D6",
+      "html": "&#127958;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏕",
+      "name": "camping",
+      "shortname": ":camping:",
+      "unicode": "1f3d5",
+      "html": "&#127957;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1548"
+    },
+    {
+      "emoji": "🏔",
+      "name": "snow-capped mountain",
+      "shortname": ":snowcapped_mountain:",
+      "unicode": "1F3D4",
+      "html": "&#127956;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏎",
+      "name": "racing car",
+      "shortname": ":racing_car:",
+      "unicode": "1F3CE",
+      "html": "&#127950;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏍",
+      "name": "motorcycle",
+      "shortname": ":motorcycle:",
+      "unicode": "1F3CD",
+      "html": "&#127949;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏹",
+      "name": "bow and arrow",
+      "shortname": ":bow_and_arrow:",
+      "unicode": "1f3f9",
+      "html": "&#127993;",
+      "category": "Objects (tool)",
+      "order": "1957"
+    },
+    {
+      "emoji": "🏸",
+      "name": "badminton",
+      "shortname": ":badminton:",
+      "unicode": "1F3F8",
+      "html": "&#127992;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏵",
+      "name": "rosette",
+      "shortname": ":rosette:",
+      "unicode": "1f3f5",
+      "html": "&#127989;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1430"
+    },
+    {
+      "emoji": "🏓",
+      "name": "ping pong",
+      "shortname": ":ping_pong:",
+      "unicode": "1F3D3",
+      "html": "&#127955;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏒",
+      "name": "ice hockey",
+      "shortname": ":ice_hockey:",
+      "unicode": "1F3D2",
+      "html": "&#127954;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏑",
+      "name": "field hockey",
+      "shortname": ":field_hockey:",
+      "unicode": "1F3D1",
+      "html": "&#127953;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏐",
+      "name": "volleyball",
+      "shortname": ":volleyball:",
+      "unicode": "1f3d0",
+      "html": "&#127952;",
+      "category": "Activities (sport)",
+      "order": "1784"
+    },
+    {
+      "emoji": "🏏",
+      "name": "cricket game",
+      "shortname": ":cricket_game:",
+      "unicode": "1F3CF",
+      "html": "&#127951;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏅",
+      "name": "sports medal",
+      "shortname": ":medal:",
+      "unicode": "1f3c5",
+      "html": "&#127941;",
+      "category": "Activities (award-medal)",
+      "order": "1777"
+    },
+    {
+      "emoji": "🎟",
+      "name": "admission tickets",
+      "shortname": ":admission_tickets:",
+      "unicode": "1F39F",
+      "html": "&#127903;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎗",
+      "name": "reminder ribbon",
+      "shortname": ":reminder_ribbon:",
+      "unicode": "1f397",
+      "html": "&#127895;",
+      "category": "Activities (event)",
+      "order": "1772"
+    },
+    {
+      "emoji": "🎖",
+      "name": "military medal",
+      "shortname": ":military_medal:",
+      "unicode": "1F396",
+      "html": "&#127894;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🧀",
+      "name": "cheese wedge",
+      "shortname": ":cheese_wedge:",
+      "unicode": "1F9C0",
+      "html": "&#129472;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🍿",
+      "name": "popcorn",
+      "shortname": ":popcorn:",
+      "unicode": "1f37f",
+      "html": "&#127871;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1494"
+    },
+    {
+      "emoji": "🍾",
+      "name": "bottle with popping cork",
+      "shortname": ":champagne:",
+      "unicode": "1f37e",
+      "html": "&#127870;",
+      "category": "Food & Drink (drink)",
+      "order": "1525"
+    },
+    {
+      "emoji": "🍽",
+      "name": "fork and knife with plate",
+      "shortname": ":fork_and_knife_with_plate:",
+      "unicode": "1F37D",
+      "html": "&#127869;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🌶",
+      "name": "hot pepper",
+      "shortname": ":hot_pepper:",
+      "unicode": "1f336",
+      "html": "&#127798;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1469"
+    },
+    {
+      "emoji": "🌯",
+      "name": "burrito",
+      "shortname": ":burrito:",
+      "unicode": "1f32f",
+      "html": "&#127791;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1487"
+    },
+    {
+      "emoji": "🌮",
+      "name": "taco",
+      "shortname": ":taco:",
+      "unicode": "1f32e",
+      "html": "&#127790;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1486"
+    },
+    {
+      "emoji": "🌭",
+      "name": "hot dog",
+      "shortname": ":hotdog:",
+      "unicode": "1f32d",
+      "html": "&#127789;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1485"
+    },
+    {
+      "emoji": "☘",
+      "name": "shamrock",
+      "shortname": ":shamrock:",
+      "unicode": "2618",
+      "html": "&#9752;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1444"
+    },
+    {
+      "emoji": "☄",
+      "name": "comet",
+      "shortname": ":comet:",
+      "unicode": "2604",
+      "html": "&#9732;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1752"
+    },
+    {
+      "emoji": "☃️",
+      "name": "snowman",
+      "shortname": ":snowman:",
+      "unicode": "2603 FE0F",
+      "html": "&#9731;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☂️",
+      "name": "umbrella",
+      "shortname": ":umbrella:",
+      "unicode": "2602 FE0F",
+      "html": "&#9730;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🦄",
+      "name": "unicorn",
+      "shortname": ":unicorn:",
+      "unicode": "1F984",
+      "html": "&#129412;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦃",
+      "name": "turkey",
+      "shortname": ":turkey:",
+      "unicode": "1f983",
+      "html": "&#129411;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1387"
+    },
+    {
+      "emoji": "🦂",
+      "name": "scorpion",
+      "shortname": ":scorpion:",
+      "unicode": "1f982",
+      "html": "&#129410;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1426"
+    },
+    {
+      "emoji": "🦁",
+      "name": "lion",
+      "shortname": ":lion_face:",
+      "unicode": "1f981",
+      "html": "&#129409;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1352"
+    },
+    {
+      "emoji": "🦀",
+      "name": "crab",
+      "shortname": ":crab:",
+      "unicode": "1f980",
+      "html": "&#129408;",
+      "category": "Food & Drink (food-marine)",
+      "order": "1415"
+    },
+    {
+      "emoji": "🕸",
+      "name": "spider web",
+      "shortname": ":spider_web:",
+      "unicode": "1f578",
+      "html": "&#128376;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1425"
+    },
+    {
+      "emoji": "🕷",
+      "name": "spider",
+      "shortname": ":spider:",
+      "unicode": "1f577",
+      "html": "&#128375;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1424"
+    },
+    {
+      "emoji": "🕊",
+      "name": "dove",
+      "shortname": ":dove:",
+      "unicode": "1F54A",
+      "html": "&#128330;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🐿",
+      "name": "chipmunk",
+      "shortname": ":chipmunk:",
+      "unicode": "1f43f",
+      "html": "&#128063;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1381"
+    },
+    {
+      "emoji": "🌬",
+      "name": "wind face",
+      "shortname": ":wind_blowing_face:",
+      "unicode": "1f32c",
+      "html": "&#127788;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1741"
+    },
+    {
+      "emoji": "🌫",
+      "name": "fog",
+      "shortname": ":fog:",
+      "unicode": "1f32b",
+      "html": "&#127787;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1740"
+    },
+    {
+      "emoji": "🌪",
+      "name": "tornado",
+      "shortname": ":tornado:",
+      "unicode": "1F32A",
+      "html": "&#127786;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌩",
+      "name": "cloud with lightning",
+      "shortname": ":cloud_with_lightning:",
+      "unicode": "1F329",
+      "html": "&#127785;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌨",
+      "name": "cloud with snow",
+      "shortname": ":cloud_with_snow:",
+      "unicode": "1F328",
+      "html": "&#127784;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌧",
+      "name": "cloud with rain",
+      "shortname": ":cloud_with_rain:",
+      "unicode": "1F327",
+      "html": "&#127783;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌦",
+      "name": "sun behind rain cloud",
+      "shortname": ":sun_behind_rain_cloud:",
+      "unicode": "1F326",
+      "html": "&#127782;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌥",
+      "name": "sun behind large cloud",
+      "shortname": ":sun_behind_large_cloud:",
+      "unicode": "1F325",
+      "html": "&#127781;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌤",
+      "name": "sun behind small cloud",
+      "shortname": ":sun_behind_small_cloud:",
+      "unicode": "1F324",
+      "html": "&#127780;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🗣",
+      "name": "speaking head",
+      "shortname": ":speaking_head:",
+      "unicode": "1F5E3",
+      "html": "&#128483;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏺",
+      "name": "record button",
+      "shortname": ":record_button:",
+      "unicode": "23FA",
+      "html": "&#9210;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏹",
+      "name": "stop button",
+      "shortname": ":stop_button:",
+      "unicode": "23F9",
+      "html": "&#9209;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏸",
+      "name": "pause button",
+      "shortname": ":pause_button:",
+      "unicode": "23F8",
+      "html": "&#9208;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏯",
+      "name": "play or pause button",
+      "shortname": ":play_pause:",
+      "unicode": "23ef",
+      "html": "&#9199;",
+      "category": "Symbols (av-symbol)",
+      "order": "2054"
+    },
+    {
+      "emoji": "⏮",
+      "name": "last track button",
+      "shortname": ":track_previous:",
+      "unicode": "23ee",
+      "html": "&#9198;",
+      "category": "Symbols (av-symbol)",
+      "order": "2057"
+    },
+    {
+      "emoji": "⏭",
+      "name": "next track button",
+      "shortname": ":track_next:",
+      "unicode": "23ed",
+      "html": "&#9197;",
+      "category": "Symbols (av-symbol)",
+      "order": "2053"
+    },
+    {
+      "emoji": "⛱",
+      "name": "umbrella on ground",
+      "shortname": ":beach_umbrella:",
+      "unicode": "26f1",
+      "html": "&#9969;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1747"
+    },
+    {
+      "emoji": "⛓",
+      "name": "chains",
+      "shortname": ":chains:",
+      "unicode": "26d3",
+      "html": "&#9939;",
+      "category": "Objects (tool)",
+      "order": "1966"
+    },
+    {
+      "emoji": "⛏",
+      "name": "pick",
+      "shortname": ":pick:",
+      "unicode": "26cf",
+      "html": "&#9935;",
+      "category": "Objects (tool)",
+      "order": "1951"
+    },
+    {
+      "emoji": "⚒",
+      "name": "hammer and pick",
+      "shortname": ":hammer_and_pick:",
+      "unicode": "2692",
+      "html": "&#9874;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⏲",
+      "name": "timer clock",
+      "shortname": ":timer_clock:",
+      "unicode": "23F2",
+      "html": "&#9202;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "⏱",
+      "name": "stopwatch",
+      "shortname": ":stopwatch:",
+      "unicode": "23f1",
+      "html": "&#9201;",
+      "category": "Travel & Places (time)",
+      "order": "1684"
+    },
+    {
+      "emoji": "⛴",
+      "name": "ferry",
+      "shortname": ":ferry:",
+      "unicode": "26f4",
+      "html": "&#9972;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1647"
+    },
+    {
+      "emoji": "⛰",
+      "name": "mountain",
+      "shortname": ":mountain:",
+      "unicode": "26f0",
+      "html": "&#9968;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1545"
+    },
+    {
+      "emoji": "⛩",
+      "name": "shinto shrine",
+      "shortname": ":shinto_shrine:",
+      "unicode": "2.6E+10",
+      "html": "&#9961;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1580"
+    },
+    {
+      "emoji": "⛸",
+      "name": "ice skate",
+      "shortname": ":ice_skate:",
+      "unicode": "26f8",
+      "html": "&#9976;",
+      "category": "Activities (sport)",
+      "order": "1800"
+    },
+    {
+      "emoji": "⛷",
+      "name": "skier",
+      "shortname": ":skier:",
+      "unicode": "26f7",
+      "html": "&#9975;",
+      "category": "People & Body (person-sport)",
+      "order": "775"
+    },
+    {
+      "emoji": "⛈",
+      "name": "cloud with lightning and rain",
+      "shortname": ":cloud_with_lightning_and_rain:",
+      "unicode": "26C8",
+      "html": "&#9928;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛑",
+      "name": "rescue worker’s helmet",
+      "shortname": ":rescue_worker’s_helmet:",
+      "unicode": "26D1",
+      "html": "&#9937;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🇦🇨",
+      "name": "flag: Ascension Island",
+      "shortname": ":flag_ac:",
+      "unicode": "1f1e6-1f1e8",
+      "html": "&#127462;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2187"
+    },
+    {
+      "emoji": "🇦🇩",
+      "name": "flag: Andorra",
+      "shortname": ":flag_ad:",
+      "unicode": "1f1e6-1f1e9",
+      "html": "&#127462;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2188"
+    },
+    {
+      "emoji": "🇦🇪",
+      "name": "flag: United Arab Emirates",
+      "shortname": ":flag_ae:",
+      "unicode": "1f1e6-1f1ea",
+      "html": "&#127462;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2189"
+    },
+    {
+      "emoji": "🇦🇫",
+      "name": "flag: Afghanistan",
+      "shortname": ":flag_af:",
+      "unicode": "1f1e6-1f1eb",
+      "html": "&#127462;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2190"
+    },
+    {
+      "emoji": "🇦🇬",
+      "name": "flag: Antigua & Barbuda",
+      "shortname": ":flag_ag:",
+      "unicode": "1f1e6-1f1ec",
+      "html": "&#127462;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2191"
+    },
+    {
+      "emoji": "🇦🇮",
+      "name": "flag: Anguilla",
+      "shortname": ":flag_ai:",
+      "unicode": "1f1e6-1f1ee",
+      "html": "&#127462;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2192"
+    },
+    {
+      "emoji": "🇦🇱",
+      "name": "flag: Albania",
+      "shortname": ":flag_al:",
+      "unicode": "1f1e6-1f1f1",
+      "html": "&#127462;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2193"
+    },
+    {
+      "emoji": "🇦🇲",
+      "name": "flag: Armenia",
+      "shortname": ":flag_am:",
+      "unicode": "1f1e6-1f1f2",
+      "html": "&#127462;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2194"
+    },
+    {
+      "emoji": "🇦🇴",
+      "name": "flag: Angola",
+      "shortname": ":flag-ao:",
+      "unicode": "1f1e6-1f1f4",
+      "html": "&#127462;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2195"
+    },
+    {
+      "emoji": "🇦🇶",
+      "name": "flag: Antarctica",
+      "shortname": ":flag-aq:",
+      "unicode": "1f1e6-1f1f6",
+      "html": "&#127462;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2196"
+    },
+    {
+      "emoji": "🇦🇷",
+      "name": "flag: Argentina",
+      "shortname": ":flag-ar:",
+      "unicode": "1f1e6-1f1f7",
+      "html": "&#127462;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2197"
+    },
+    {
+      "emoji": "🇦🇸",
+      "name": "flag: American Samoa",
+      "shortname": ":flag-as:",
+      "unicode": "1f1e6-1f1f8",
+      "html": "&#127462;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2198"
+    },
+    {
+      "emoji": "🇦🇹",
+      "name": "flag: Austria",
+      "shortname": ":flag-at:",
+      "unicode": "1f1e6-1f1f9",
+      "html": "&#127462;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2199"
+    },
+    {
+      "emoji": "🇦🇺",
+      "name": "flag: Australia",
+      "shortname": ":flag-au:",
+      "unicode": "1f1e6-1f1fa",
+      "html": "&#127462;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2200"
+    },
+    {
+      "emoji": "🇦🇼",
+      "name": "flag: Aruba",
+      "shortname": ":flag-aw:",
+      "unicode": "1f1e6-1f1fc",
+      "html": "&#127462;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2201"
+    },
+    {
+      "emoji": "🇦🇽",
+      "name": "flag: Åland Islands",
+      "shortname": ":flag-ax:",
+      "unicode": "1f1e6-1f1fd",
+      "html": "&#127462;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2202"
+    },
+    {
+      "emoji": "🇦🇿",
+      "name": "flag: Azerbaijan",
+      "shortname": ":flag-az:",
+      "unicode": "1f1e6-1f1ff",
+      "html": "&#127462;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2203"
+    },
+    {
+      "emoji": "🇧🇦",
+      "name": "flag: Bosnia & Herzegovina",
+      "shortname": ":flag-ba:",
+      "unicode": "1f1e7-1f1e6",
+      "html": "&#127463;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2204"
+    },
+    {
+      "emoji": "🇧🇧",
+      "name": "flag: Barbados",
+      "shortname": ":flag-bb:",
+      "unicode": "1f1e7-1f1e7",
+      "html": "&#127463;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2205"
+    },
+    {
+      "emoji": "🇧🇩",
+      "name": "flag: Bangladesh",
+      "shortname": ":flag-bd:",
+      "unicode": "1f1e7-1f1e9",
+      "html": "&#127463;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2206"
+    },
+    {
+      "emoji": "🇧🇪",
+      "name": "flag: Belgium",
+      "shortname": ":flag-be:",
+      "unicode": "1f1e7-1f1ea",
+      "html": "&#127463;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2207"
+    },
+    {
+      "emoji": "🇧🇫",
+      "name": "flag: Burkina Faso",
+      "shortname": ":flag-bf:",
+      "unicode": "1f1e7-1f1eb",
+      "html": "&#127463;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2208"
+    },
+    {
+      "emoji": "🇧🇬",
+      "name": "flag: Bulgaria",
+      "shortname": ":flag-bg:",
+      "unicode": "1f1e7-1f1ec",
+      "html": "&#127463;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2209"
+    },
+    {
+      "emoji": "🇧🇭",
+      "name": "flag: Bahrain",
+      "shortname": ":flag-bh:",
+      "unicode": "1f1e7-1f1ed",
+      "html": "&#127463;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2210"
+    },
+    {
+      "emoji": "🇧🇮",
+      "name": "flag: Burundi",
+      "shortname": ":flag-bi:",
+      "unicode": "1f1e7-1f1ee",
+      "html": "&#127463;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2211"
+    },
+    {
+      "emoji": "🇧🇯",
+      "name": "flag: Benin",
+      "shortname": ":flag-bj:",
+      "unicode": "1f1e7-1f1ef",
+      "html": "&#127463;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2212"
+    },
+    {
+      "emoji": "🇧🇱",
+      "name": "flag: St. Barthélemy",
+      "shortname": ":flag-bl:",
+      "unicode": "1f1e7-1f1f1",
+      "html": "&#127463;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2213"
+    },
+    {
+      "emoji": "🇧🇲",
+      "name": "flag: Bermuda",
+      "shortname": ":flag-bm:",
+      "unicode": "1f1e7-1f1f2",
+      "html": "&#127463;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2214"
+    },
+    {
+      "emoji": "🇧🇳",
+      "name": "flag: Brunei",
+      "shortname": ":flag-bn:",
+      "unicode": "1f1e7-1f1f3",
+      "html": "&#127463;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2215"
+    },
+    {
+      "emoji": "🇧🇴",
+      "name": "flag: Bolivia",
+      "shortname": ":flag-bo:",
+      "unicode": "1f1e7-1f1f4",
+      "html": "&#127463;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2216"
+    },
+    {
+      "emoji": "🇧🇶",
+      "name": "flag: Caribbean Netherlands",
+      "shortname": ":flag-bq:",
+      "unicode": "1f1e7-1f1f6",
+      "html": "&#127463;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2217"
+    },
+    {
+      "emoji": "🇧🇷",
+      "name": "flag: Brazil",
+      "shortname": ":flag-br:",
+      "unicode": "1f1e7-1f1f7",
+      "html": "&#127463;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2218"
+    },
+    {
+      "emoji": "🇧🇸",
+      "name": "flag: Bahamas",
+      "shortname": ":flag-bs:",
+      "unicode": "1f1e7-1f1f8",
+      "html": "&#127463;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2219"
+    },
+    {
+      "emoji": "🇧🇹",
+      "name": "flag: Bhutan",
+      "shortname": ":flag-bt:",
+      "unicode": "1f1e7-1f1f9",
+      "html": "&#127463;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2220"
+    },
+    {
+      "emoji": "🇧🇻",
+      "name": "flag: Bouvet Island",
+      "shortname": ":flag-bv:",
+      "unicode": "1f1e7-1f1fb",
+      "html": "&#127463;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2221"
+    },
+    {
+      "emoji": "🇧🇼",
+      "name": "flag: Botswana",
+      "shortname": ":flag-bw:",
+      "unicode": "1f1e7-1f1fc",
+      "html": "&#127463;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2222"
+    },
+    {
+      "emoji": "🇧🇾",
+      "name": "flag: Belarus",
+      "shortname": ":flag-by:",
+      "unicode": "1f1e7-1f1fe",
+      "html": "&#127463;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2223"
+    },
+    {
+      "emoji": "🇧🇿",
+      "name": "flag: Belize",
+      "shortname": ":flag-bz:",
+      "unicode": "1f1e7-1f1ff",
+      "html": "&#127463;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2224"
+    },
+    {
+      "emoji": "🇨🇦",
+      "name": "flag: Canada",
+      "shortname": ":flag-ca:",
+      "unicode": "1f1e8-1f1e6",
+      "html": "&#127464;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2225"
+    },
+    {
+      "emoji": "🇨🇨",
+      "name": "flag: Cocos (Keeling) Islands",
+      "shortname": ":flag-cc:",
+      "unicode": "1f1e8-1f1e8",
+      "html": "&#127464;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2226"
+    },
+    {
+      "emoji": "🇨🇩",
+      "name": "flag: Congo - Kinshasa",
+      "shortname": ":flag-cd:",
+      "unicode": "1f1e8-1f1e9",
+      "html": "&#127464;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2227"
+    },
+    {
+      "emoji": "🇨🇫",
+      "name": "flag: Central African Republic",
+      "shortname": ":flag-cf:",
+      "unicode": "1f1e8-1f1eb",
+      "html": "&#127464;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2228"
+    },
+    {
+      "emoji": "🇨🇬",
+      "name": "flag: Congo - Brazzaville",
+      "shortname": ":flag-cg:",
+      "unicode": "1f1e8-1f1ec",
+      "html": "&#127464;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2229"
+    },
+    {
+      "emoji": "🇨🇭",
+      "name": "flag: Switzerland",
+      "shortname": ":flag-ch:",
+      "unicode": "1f1e8-1f1ed",
+      "html": "&#127464;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2230"
+    },
+    {
+      "emoji": "🇨🇮",
+      "name": "flag: Côte d’Ivoire",
+      "shortname": ":flag-ci:",
+      "unicode": "1f1e8-1f1ee",
+      "html": "&#127464;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2231"
+    },
+    {
+      "emoji": "🇨🇰",
+      "name": "flag: Cook Islands",
+      "shortname": ":flag-ck:",
+      "unicode": "1f1e8-1f1f0",
+      "html": "&#127464;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2232"
+    },
+    {
+      "emoji": "🇨🇱",
+      "name": "flag: Chile",
+      "shortname": ":flag-cl:",
+      "unicode": "1f1e8-1f1f1",
+      "html": "&#127464;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2233"
+    },
+    {
+      "emoji": "🇨🇲",
+      "name": "flag: Cameroon",
+      "shortname": ":flag-cm:",
+      "unicode": "1f1e8-1f1f2",
+      "html": "&#127464;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2234"
+    },
+    {
+      "emoji": "🇨🇳",
+      "name": "flag: China",
+      "shortname": ":flag-cn:",
+      "unicode": "1f1e8-1f1f3",
+      "html": "&#127464;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2235"
+    },
+    {
+      "emoji": "🇨🇴",
+      "name": "flag: Colombia",
+      "shortname": ":flag-co:",
+      "unicode": "1f1e8-1f1f4",
+      "html": "&#127464;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2236"
+    },
+    {
+      "emoji": "🇨🇵",
+      "name": "flag: Clipperton Island",
+      "shortname": ":flag-cp:",
+      "unicode": "1f1e8-1f1f5",
+      "html": "&#127464;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2237"
+    },
+    {
+      "emoji": "🇨🇷",
+      "name": "flag: Costa Rica",
+      "shortname": ":flag-cr:",
+      "unicode": "1f1e8-1f1f7",
+      "html": "&#127464;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2238"
+    },
+    {
+      "emoji": "🇨🇺",
+      "name": "flag: Cuba",
+      "shortname": ":flag-cu:",
+      "unicode": "1f1e8-1f1fa",
+      "html": "&#127464;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2239"
+    },
+    {
+      "emoji": "🇨🇻",
+      "name": "flag: Cape Verde",
+      "shortname": ":flag-cv:",
+      "unicode": "1f1e8-1f1fb",
+      "html": "&#127464;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2240"
+    },
+    {
+      "emoji": "🇨🇼",
+      "name": "flag: Curaçao",
+      "shortname": ":flag-cw:",
+      "unicode": "1f1e8-1f1fc",
+      "html": "&#127464;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2241"
+    },
+    {
+      "emoji": "🇨🇽",
+      "name": "flag: Christmas Island",
+      "shortname": ":flag-cx:",
+      "unicode": "1f1e8-1f1fd",
+      "html": "&#127464;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2242"
+    },
+    {
+      "emoji": "🇨🇾",
+      "name": "flag: Cyprus",
+      "shortname": ":flag-cy:",
+      "unicode": "1f1e8-1f1fe",
+      "html": "&#127464;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2243"
+    },
+    {
+      "emoji": "🇨🇿",
+      "name": "flag: Czechia",
+      "shortname": ":flag-cz:",
+      "unicode": "1f1e8-1f1ff",
+      "html": "&#127464;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2244"
+    },
+    {
+      "emoji": "🇩🇪",
+      "name": "flag: Germany",
+      "shortname": ":flag-de:",
+      "unicode": "1f1e9-1f1ea",
+      "html": "&#127465;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2245"
+    },
+    {
+      "emoji": "🇩🇬",
+      "name": "flag: Diego Garcia",
+      "shortname": ":flag-dg:",
+      "unicode": "1f1e9-1f1ec",
+      "html": "&#127465;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2246"
+    },
+    {
+      "emoji": "🇩🇯",
+      "name": "flag: Djibouti",
+      "shortname": ":flag-dj:",
+      "unicode": "1f1e9-1f1ef",
+      "html": "&#127465;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2247"
+    },
+    {
+      "emoji": "🇩🇰",
+      "name": "flag: Denmark",
+      "shortname": ":flag-dk:",
+      "unicode": "1f1e9-1f1f0",
+      "html": "&#127465;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2248"
+    },
+    {
+      "emoji": "🇩🇲",
+      "name": "flag: Dominica",
+      "shortname": ":flag-dm:",
+      "unicode": "1f1e9-1f1f2",
+      "html": "&#127465;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2249"
+    },
+    {
+      "emoji": "🇩🇴",
+      "name": "flag: Dominican Republic",
+      "shortname": ":flag-do:",
+      "unicode": "1f1e9-1f1f4",
+      "html": "&#127465;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2250"
+    },
+    {
+      "emoji": "🇩🇿",
+      "name": "flag: Algeria",
+      "shortname": ":flag-dz:",
+      "unicode": "1f1e9-1f1ff",
+      "html": "&#127465;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2251"
+    },
+    {
+      "emoji": "🇪🇦",
+      "name": "flag: Ceuta & Melilla",
+      "shortname": ":flag-ea:",
+      "unicode": "1f1ea-1f1e6",
+      "html": "&#127466;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2252"
+    },
+    {
+      "emoji": "🇪🇨",
+      "name": "flag: Ecuador",
+      "shortname": ":flag-ec:",
+      "unicode": "1f1ea-1f1e8",
+      "html": "&#127466;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2253"
+    },
+    {
+      "emoji": "🇪🇪",
+      "name": "flag: Estonia",
+      "shortname": ":flag-ee:",
+      "unicode": "1f1ea-1f1ea",
+      "html": "&#127466;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2254"
+    },
+    {
+      "emoji": "🇪🇬",
+      "name": "flag: Egypt",
+      "shortname": ":flag-eg:",
+      "unicode": "1f1ea-1f1ec",
+      "html": "&#127466;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2255"
+    },
+    {
+      "emoji": "🇪🇭",
+      "name": "flag: Western Sahara",
+      "shortname": ":flag-eh:",
+      "unicode": "1f1ea-1f1ed",
+      "html": "&#127466;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2256"
+    },
+    {
+      "emoji": "🇪🇷",
+      "name": "flag: Eritrea",
+      "shortname": ":flag-er:",
+      "unicode": "1f1ea-1f1f7",
+      "html": "&#127466;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2257"
+    },
+    {
+      "emoji": "🇪🇸",
+      "name": "flag: Spain",
+      "shortname": ":flag-es:",
+      "unicode": "1f1ea-1f1f8",
+      "html": "&#127466;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2258"
+    },
+    {
+      "emoji": "🇪🇹",
+      "name": "flag: Ethiopia",
+      "shortname": ":flag-et:",
+      "unicode": "1f1ea-1f1f9",
+      "html": "&#127466;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2259"
+    },
+    {
+      "emoji": "🇪🇺",
+      "name": "flag: European Union",
+      "shortname": ":flag-eu:",
+      "unicode": "1f1ea-1f1fa",
+      "html": "&#127466;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2260"
+    },
+    {
+      "emoji": "🇫🇮",
+      "name": "flag: Finland",
+      "shortname": ":flag-fi:",
+      "unicode": "1f1eb-1f1ee",
+      "html": "&#127467;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2261"
+    },
+    {
+      "emoji": "🇫🇯",
+      "name": "flag: Fiji",
+      "shortname": ":flag-fj:",
+      "unicode": "1f1eb-1f1ef",
+      "html": "&#127467;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2262"
+    },
+    {
+      "emoji": "🇫🇰",
+      "name": "flag: Falkland Islands",
+      "shortname": ":flag-fk:",
+      "unicode": "1f1eb-1f1f0",
+      "html": "&#127467;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2263"
+    },
+    {
+      "emoji": "🇫🇲",
+      "name": "flag: Micronesia",
+      "shortname": ":flag-fm:",
+      "unicode": "1f1eb-1f1f2",
+      "html": "&#127467;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2264"
+    },
+    {
+      "emoji": "🇫🇴",
+      "name": "flag: Faroe Islands",
+      "shortname": ":flag-fo:",
+      "unicode": "1f1eb-1f1f4",
+      "html": "&#127467;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2265"
+    },
+    {
+      "emoji": "🇫🇷",
+      "name": "flag: France",
+      "shortname": ":flag-fr:",
+      "unicode": "1f1eb-1f1f7",
+      "html": "&#127467;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2266"
+    },
+    {
+      "emoji": "🇬🇦",
+      "name": "flag: Gabon",
+      "shortname": ":flag-ga:",
+      "unicode": "1f1ec-1f1e6",
+      "html": "&#127468;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2267"
+    },
+    {
+      "emoji": "🇬🇧",
+      "name": "flag: United Kingdom",
+      "shortname": ":flag-gb:",
+      "unicode": "1f1ec-1f1e7",
+      "html": "&#127468;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2268"
+    },
+    {
+      "emoji": "🇬🇩",
+      "name": "flag: Grenada",
+      "shortname": ":flag-gd:",
+      "unicode": "1f1ec-1f1e9",
+      "html": "&#127468;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2269"
+    },
+    {
+      "emoji": "🇬🇪",
+      "name": "flag: Georgia",
+      "shortname": ":flag-ge:",
+      "unicode": "1f1ec-1f1ea",
+      "html": "&#127468;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2270"
+    },
+    {
+      "emoji": "🇬🇫",
+      "name": "flag: French Guiana",
+      "shortname": ":flag-gf:",
+      "unicode": "1f1ec-1f1eb",
+      "html": "&#127468;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2271"
+    },
+    {
+      "emoji": "🇬🇬",
+      "name": "flag: Guernsey",
+      "shortname": ":flag-gg:",
+      "unicode": "1f1ec-1f1ec",
+      "html": "&#127468;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2272"
+    },
+    {
+      "emoji": "🇬🇭",
+      "name": "flag: Ghana",
+      "shortname": ":flag-gh:",
+      "unicode": "1f1ec-1f1ed",
+      "html": "&#127468;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2273"
+    },
+    {
+      "emoji": "🇬🇮",
+      "name": "flag: Gibraltar",
+      "shortname": ":flag-gi:",
+      "unicode": "1f1ec-1f1ee",
+      "html": "&#127468;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2274"
+    },
+    {
+      "emoji": "🇬🇱",
+      "name": "flag: Greenland",
+      "shortname": ":flag-gl:",
+      "unicode": "1f1ec-1f1f1",
+      "html": "&#127468;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2275"
+    },
+    {
+      "emoji": "🇬🇲",
+      "name": "flag: Gambia",
+      "shortname": ":flag-gm:",
+      "unicode": "1f1ec-1f1f2",
+      "html": "&#127468;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2276"
+    },
+    {
+      "emoji": "🇬🇳",
+      "name": "flag: Guinea",
+      "shortname": ":flag-gn:",
+      "unicode": "1f1ec-1f1f3",
+      "html": "&#127468;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2277"
+    },
+    {
+      "emoji": "🇬🇵",
+      "name": "flag: Guadeloupe",
+      "shortname": ":flag-gp:",
+      "unicode": "1f1ec-1f1f5",
+      "html": "&#127468;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2278"
+    },
+    {
+      "emoji": "🇬🇶",
+      "name": "flag: Equatorial Guinea",
+      "shortname": ":flag-gq:",
+      "unicode": "1f1ec-1f1f6",
+      "html": "&#127468;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2279"
+    },
+    {
+      "emoji": "🇬🇷",
+      "name": "flag: Greece",
+      "shortname": ":flag-gr:",
+      "unicode": "1f1ec-1f1f7",
+      "html": "&#127468;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2280"
+    },
+    {
+      "emoji": "🇬🇸",
+      "name": "flag: South Georgia & South Sandwich Islands",
+      "shortname": ":flag-gs:",
+      "unicode": "1f1ec-1f1f8",
+      "html": "&#127468;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2281"
+    },
+    {
+      "emoji": "🇬🇹",
+      "name": "flag: Guatemala",
+      "shortname": ":flag-gt:",
+      "unicode": "1f1ec-1f1f9",
+      "html": "&#127468;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2282"
+    },
+    {
+      "emoji": "🇬🇺",
+      "name": "flag: Guam",
+      "shortname": ":flag-gu:",
+      "unicode": "1f1ec-1f1fa",
+      "html": "&#127468;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2283"
+    },
+    {
+      "emoji": "🇬🇼",
+      "name": "flag: Guinea-Bissau",
+      "shortname": ":flag-gw:",
+      "unicode": "1f1ec-1f1fc",
+      "html": "&#127468;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2284"
+    },
+    {
+      "emoji": "🇬🇾",
+      "name": "flag: Guyana",
+      "shortname": ":flag-gy:",
+      "unicode": "1f1ec-1f1fe",
+      "html": "&#127468;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2285"
+    },
+    {
+      "emoji": "🇭🇰",
+      "name": "flag: Hong Kong SAR China",
+      "shortname": ":flag-hk:",
+      "unicode": "1f1ed-1f1f0",
+      "html": "&#127469;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2286"
+    },
+    {
+      "emoji": "🇭🇲",
+      "name": "flag: Heard & McDonald Islands",
+      "shortname": ":flag-hm:",
+      "unicode": "1f1ed-1f1f2",
+      "html": "&#127469;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2287"
+    },
+    {
+      "emoji": "🇭🇳",
+      "name": "flag: Honduras",
+      "shortname": ":flag-hn:",
+      "unicode": "1f1ed-1f1f3",
+      "html": "&#127469;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2288"
+    },
+    {
+      "emoji": "🇭🇷",
+      "name": "flag: Croatia",
+      "shortname": ":flag-hr:",
+      "unicode": "1f1ed-1f1f7",
+      "html": "&#127469;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2289"
+    },
+    {
+      "emoji": "🇭🇹",
+      "name": "flag: Haiti",
+      "shortname": ":flag-ht:",
+      "unicode": "1f1ed-1f1f9",
+      "html": "&#127469;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2290"
+    },
+    {
+      "emoji": "🇭🇺",
+      "name": "flag: Hungary",
+      "shortname": ":flag-hu:",
+      "unicode": "1f1ed-1f1fa",
+      "html": "&#127469;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2291"
+    },
+    {
+      "emoji": "🇮🇨",
+      "name": "flag: Canary Islands",
+      "shortname": ":flag-ic:",
+      "unicode": "1f1ee-1f1e8",
+      "html": "&#127470;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2292"
+    },
+    {
+      "emoji": "🇮🇩",
+      "name": "flag: Indonesia",
+      "shortname": ":flag-id:",
+      "unicode": "1f1ee-1f1e9",
+      "html": "&#127470;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2293"
+    },
+    {
+      "emoji": "🇮🇪",
+      "name": "flag: Ireland",
+      "shortname": ":flag-ie:",
+      "unicode": "1f1ee-1f1ea",
+      "html": "&#127470;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2294"
+    },
+    {
+      "emoji": "🇮🇱",
+      "name": "flag: Israel",
+      "shortname": ":flag-il:",
+      "unicode": "1f1ee-1f1f1",
+      "html": "&#127470;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2295"
+    },
+    {
+      "emoji": "🇮🇲",
+      "name": "flag: Isle of Man",
+      "shortname": ":flag-im:",
+      "unicode": "1f1ee-1f1f2",
+      "html": "&#127470;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2296"
+    },
+    {
+      "emoji": "🇮🇳",
+      "name": "flag: India",
+      "shortname": ":flag-in:",
+      "unicode": "1f1ee-1f1f3",
+      "html": "&#127470;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2297"
+    },
+    {
+      "emoji": "🇮🇴",
+      "name": "flag: British Indian Ocean Territory",
+      "shortname": ":flag-io:",
+      "unicode": "1f1ee-1f1f4",
+      "html": "&#127470;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2298"
+    },
+    {
+      "emoji": "🇮🇶",
+      "name": "flag: Iraq",
+      "shortname": ":flag-iq:",
+      "unicode": "1f1ee-1f1f6",
+      "html": "&#127470;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2299"
+    },
+    {
+      "emoji": "🇮🇷",
+      "name": "flag: Iran",
+      "shortname": ":flag-ir:",
+      "unicode": "1f1ee-1f1f7",
+      "html": "&#127470;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2300"
+    },
+    {
+      "emoji": "🇮🇸",
+      "name": "flag: Iceland",
+      "shortname": ":flag-is:",
+      "unicode": "1f1ee-1f1f8",
+      "html": "&#127470;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2301"
+    },
+    {
+      "emoji": "🇮🇹",
+      "name": "flag: Italy",
+      "shortname": ":flag-it:",
+      "unicode": "1f1ee-1f1f9",
+      "html": "&#127470;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2302"
+    },
+    {
+      "emoji": "🇯🇪",
+      "name": "flag: Jersey",
+      "shortname": ":flag-je:",
+      "unicode": "1f1ef-1f1ea",
+      "html": "&#127471;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2303"
+    },
+    {
+      "emoji": "🇯🇲",
+      "name": "flag: Jamaica",
+      "shortname": ":flag-jm:",
+      "unicode": "1f1ef-1f1f2",
+      "html": "&#127471;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2304"
+    },
+    {
+      "emoji": "🇯🇴",
+      "name": "flag: Jordan",
+      "shortname": ":flag-jo:",
+      "unicode": "1f1ef-1f1f4",
+      "html": "&#127471;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2305"
+    },
+    {
+      "emoji": "🇯🇵",
+      "name": "flag: Japan",
+      "shortname": ":flag-jp:",
+      "unicode": "1f1ef-1f1f5",
+      "html": "&#127471;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2306"
+    },
+    {
+      "emoji": "🇰🇪",
+      "name": "flag: Kenya",
+      "shortname": ":flag-ke:",
+      "unicode": "1f1f0-1f1ea",
+      "html": "&#127472;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2307"
+    },
+    {
+      "emoji": "🇰🇬",
+      "name": "flag: Kyrgyzstan",
+      "shortname": ":flag-kg:",
+      "unicode": "1f1f0-1f1ec",
+      "html": "&#127472;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2308"
+    },
+    {
+      "emoji": "🇰🇭",
+      "name": "flag: Cambodia",
+      "shortname": ":flag-kh:",
+      "unicode": "1f1f0-1f1ed",
+      "html": "&#127472;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2309"
+    },
+    {
+      "emoji": "🇰🇮",
+      "name": "flag: Kiribati",
+      "shortname": ":flag-ki:",
+      "unicode": "1f1f0-1f1ee",
+      "html": "&#127472;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2310"
+    },
+    {
+      "emoji": "🇰🇲",
+      "name": "flag: Comoros",
+      "shortname": ":flag-km:",
+      "unicode": "1f1f0-1f1f2",
+      "html": "&#127472;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2311"
+    },
+    {
+      "emoji": "🇰🇳",
+      "name": "flag: St. Kitts & Nevis",
+      "shortname": ":flag-kn:",
+      "unicode": "1f1f0-1f1f3",
+      "html": "&#127472;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2312"
+    },
+    {
+      "emoji": "🇰🇵",
+      "name": "flag: North Korea",
+      "shortname": ":flag-kp:",
+      "unicode": "1f1f0-1f1f5",
+      "html": "&#127472;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2313"
+    },
+    {
+      "emoji": "🇰🇷",
+      "name": "flag: South Korea",
+      "shortname": ":flag-kr:",
+      "unicode": "1f1f0-1f1f7",
+      "html": "&#127472;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2314"
+    },
+    {
+      "emoji": "🇰🇼",
+      "name": "flag: Kuwait",
+      "shortname": ":flag-kw:",
+      "unicode": "1f1f0-1f1fc",
+      "html": "&#127472;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2315"
+    },
+    {
+      "emoji": "🇰🇾",
+      "name": "flag: Cayman Islands",
+      "shortname": ":flag-ky:",
+      "unicode": "1f1f0-1f1fe",
+      "html": "&#127472;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2316"
+    },
+    {
+      "emoji": "🇰🇿",
+      "name": "flag: Kazakhstan",
+      "shortname": ":flag-kz:",
+      "unicode": "1f1f0-1f1ff",
+      "html": "&#127472;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2317"
+    },
+    {
+      "emoji": "🇱🇦",
+      "name": "flag: Laos",
+      "shortname": ":flag-la:",
+      "unicode": "1f1f1-1f1e6",
+      "html": "&#127473;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2318"
+    },
+    {
+      "emoji": "🇱🇧",
+      "name": "flag: Lebanon",
+      "shortname": ":flag-lb:",
+      "unicode": "1f1f1-1f1e7",
+      "html": "&#127473;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2319"
+    },
+    {
+      "emoji": "🇱🇨",
+      "name": "flag: St. Lucia",
+      "shortname": ":flag-lc:",
+      "unicode": "1f1f1-1f1e8",
+      "html": "&#127473;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2320"
+    },
+    {
+      "emoji": "🇱🇮",
+      "name": "flag: Liechtenstein",
+      "shortname": ":flag-li:",
+      "unicode": "1f1f1-1f1ee",
+      "html": "&#127473;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2321"
+    },
+    {
+      "emoji": "🇱🇰",
+      "name": "flag: Sri Lanka",
+      "shortname": ":flag-lk:",
+      "unicode": "1f1f1-1f1f0",
+      "html": "&#127473;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2322"
+    },
+    {
+      "emoji": "🇱🇷",
+      "name": "flag: Liberia",
+      "shortname": ":flag-lr:",
+      "unicode": "1f1f1-1f1f7",
+      "html": "&#127473;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2323"
+    },
+    {
+      "emoji": "🇱🇸",
+      "name": "flag: Lesotho",
+      "shortname": ":flag-ls:",
+      "unicode": "1f1f1-1f1f8",
+      "html": "&#127473;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2324"
+    },
+    {
+      "emoji": "🇱🇹",
+      "name": "flag: Lithuania",
+      "shortname": ":flag-lt:",
+      "unicode": "1f1f1-1f1f9",
+      "html": "&#127473;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2325"
+    },
+    {
+      "emoji": "🇱🇺",
+      "name": "flag: Luxembourg",
+      "shortname": ":flag-lu:",
+      "unicode": "1f1f1-1f1fa",
+      "html": "&#127473;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2326"
+    },
+    {
+      "emoji": "🇱🇻",
+      "name": "flag: Latvia",
+      "shortname": ":flag-lv:",
+      "unicode": "1f1f1-1f1fb",
+      "html": "&#127473;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2327"
+    },
+    {
+      "emoji": "🇱🇾",
+      "name": "flag: Libya",
+      "shortname": ":flag-ly:",
+      "unicode": "1f1f1-1f1fe",
+      "html": "&#127473;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2328"
+    },
+    {
+      "emoji": "🇲🇦",
+      "name": "flag: Morocco",
+      "shortname": ":flag-ma:",
+      "unicode": "1f1f2-1f1e6",
+      "html": "&#127474;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2329"
+    },
+    {
+      "emoji": "🇲🇨",
+      "name": "flag: Monaco",
+      "shortname": ":flag-mc:",
+      "unicode": "1f1f2-1f1e8",
+      "html": "&#127474;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2330"
+    },
+    {
+      "emoji": "🇲🇩",
+      "name": "flag: Moldova",
+      "shortname": ":flag-md:",
+      "unicode": "1f1f2-1f1e9",
+      "html": "&#127474;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2331"
+    },
+    {
+      "emoji": "🇲🇪",
+      "name": "flag: Montenegro",
+      "shortname": ":flag-me:",
+      "unicode": "1f1f2-1f1ea",
+      "html": "&#127474;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2332"
+    },
+    {
+      "emoji": "🇲🇫",
+      "name": "flag: St. Martin",
+      "shortname": ":flag-mf:",
+      "unicode": "1f1f2-1f1eb",
+      "html": "&#127474;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2333"
+    },
+    {
+      "emoji": "🇲🇬",
+      "name": "flag: Madagascar",
+      "shortname": ":flag-mg:",
+      "unicode": "1f1f2-1f1ec",
+      "html": "&#127474;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2334"
+    },
+    {
+      "emoji": "🇲🇭",
+      "name": "flag: Marshall Islands",
+      "shortname": ":flag-mh:",
+      "unicode": "1f1f2-1f1ed",
+      "html": "&#127474;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2335"
+    },
+    {
+      "emoji": "🇲🇰",
+      "name": "flag: North Macedonia",
+      "shortname": ":flag-mk:",
+      "unicode": "1f1f2-1f1f0",
+      "html": "&#127474;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2336"
+    },
+    {
+      "emoji": "🇲🇱",
+      "name": "flag: Mali",
+      "shortname": ":flag-ml:",
+      "unicode": "1f1f2-1f1f1",
+      "html": "&#127474;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2337"
+    },
+    {
+      "emoji": "🇲🇲",
+      "name": "flag: Myanmar (Burma)",
+      "shortname": ":flag-mm:",
+      "unicode": "1f1f2-1f1f2",
+      "html": "&#127474;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2338"
+    },
+    {
+      "emoji": "🇲🇳",
+      "name": "flag: Mongolia",
+      "shortname": ":flag-mn:",
+      "unicode": "1f1f2-1f1f3",
+      "html": "&#127474;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2339"
+    },
+    {
+      "emoji": "🇲🇴",
+      "name": "flag: Macao SAR China",
+      "shortname": ":flag-mo:",
+      "unicode": "1f1f2-1f1f4",
+      "html": "&#127474;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2340"
+    },
+    {
+      "emoji": "🇲🇵",
+      "name": "flag: Northern Mariana Islands",
+      "shortname": ":flag-mp:",
+      "unicode": "1f1f2-1f1f5",
+      "html": "&#127474;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2341"
+    },
+    {
+      "emoji": "🇲🇶",
+      "name": "flag: Martinique",
+      "shortname": ":flag-mq:",
+      "unicode": "1f1f2-1f1f6",
+      "html": "&#127474;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2342"
+    },
+    {
+      "emoji": "🇲🇷",
+      "name": "flag: Mauritania",
+      "shortname": ":flag-mr:",
+      "unicode": "1f1f2-1f1f7",
+      "html": "&#127474;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2343"
+    },
+    {
+      "emoji": "🇲🇸",
+      "name": "flag: Montserrat",
+      "shortname": ":flag-ms:",
+      "unicode": "1f1f2-1f1f8",
+      "html": "&#127474;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2344"
+    },
+    {
+      "emoji": "🇲🇹",
+      "name": "flag: Malta",
+      "shortname": ":flag-mt:",
+      "unicode": "1f1f2-1f1f9",
+      "html": "&#127474;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2345"
+    },
+    {
+      "emoji": "🇲🇺",
+      "name": "flag: Mauritius",
+      "shortname": ":flag-mu:",
+      "unicode": "1f1f2-1f1fa",
+      "html": "&#127474;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2346"
+    },
+    {
+      "emoji": "🇲🇻",
+      "name": "flag: Maldives",
+      "shortname": ":flag-mv:",
+      "unicode": "1f1f2-1f1fb",
+      "html": "&#127474;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2347"
+    },
+    {
+      "emoji": "🇲🇼",
+      "name": "flag: Malawi",
+      "shortname": ":flag-mw:",
+      "unicode": "1f1f2-1f1fc",
+      "html": "&#127474;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2348"
+    },
+    {
+      "emoji": "🇲🇽",
+      "name": "flag: Mexico",
+      "shortname": ":flag-mx:",
+      "unicode": "1f1f2-1f1fd",
+      "html": "&#127474;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2349"
+    },
+    {
+      "emoji": "🇲🇾",
+      "name": "flag: Malaysia",
+      "shortname": ":flag-my:",
+      "unicode": "1f1f2-1f1fe",
+      "html": "&#127474;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2350"
+    },
+    {
+      "emoji": "🇲🇿",
+      "name": "flag: Mozambique",
+      "shortname": ":flag-mz:",
+      "unicode": "1f1f2-1f1ff",
+      "html": "&#127474;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2351"
+    },
+    {
+      "emoji": "🇳🇦",
+      "name": "flag: Namibia",
+      "shortname": ":flag-na:",
+      "unicode": "1f1f3-1f1e6",
+      "html": "&#127475;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2352"
+    },
+    {
+      "emoji": "🇳🇨",
+      "name": "flag: New Caledonia",
+      "shortname": ":flag-nc:",
+      "unicode": "1f1f3-1f1e8",
+      "html": "&#127475;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2353"
+    },
+    {
+      "emoji": "🇳🇪",
+      "name": "flag: Niger",
+      "shortname": ":flag-ne:",
+      "unicode": "1f1f3-1f1ea",
+      "html": "&#127475;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2354"
+    },
+    {
+      "emoji": "🇳🇫",
+      "name": "flag: Norfolk Island",
+      "shortname": ":flag-nf:",
+      "unicode": "1f1f3-1f1eb",
+      "html": "&#127475;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2355"
+    },
+    {
+      "emoji": "🇳🇬",
+      "name": "flag: Nigeria",
+      "shortname": ":flag-ng:",
+      "unicode": "1f1f3-1f1ec",
+      "html": "&#127475;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2356"
+    },
+    {
+      "emoji": "🇳🇮",
+      "name": "flag: Nicaragua",
+      "shortname": ":flag-ni:",
+      "unicode": "1f1f3-1f1ee",
+      "html": "&#127475;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2357"
+    },
+    {
+      "emoji": "🇳🇱",
+      "name": "flag: Netherlands",
+      "shortname": ":flag-nl:",
+      "unicode": "1f1f3-1f1f1",
+      "html": "&#127475;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2358"
+    },
+    {
+      "emoji": "🇳🇴",
+      "name": "flag: Norway",
+      "shortname": ":flag-no:",
+      "unicode": "1f1f3-1f1f4",
+      "html": "&#127475;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2359"
+    },
+    {
+      "emoji": "🇳🇵",
+      "name": "flag: Nepal",
+      "shortname": ":flag-np:",
+      "unicode": "1f1f3-1f1f5",
+      "html": "&#127475;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2360"
+    },
+    {
+      "emoji": "🇳🇷",
+      "name": "flag: Nauru",
+      "shortname": ":flag-nr:",
+      "unicode": "1f1f3-1f1f7",
+      "html": "&#127475;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2361"
+    },
+    {
+      "emoji": "🇳🇺",
+      "name": "flag: Niue",
+      "shortname": ":flag-nu:",
+      "unicode": "1f1f3-1f1fa",
+      "html": "&#127475;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2362"
+    },
+    {
+      "emoji": "🇳🇿",
+      "name": "flag: New Zealand",
+      "shortname": ":flag-nz:",
+      "unicode": "1f1f3-1f1ff",
+      "html": "&#127475;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2363"
+    },
+    {
+      "emoji": "🇴🇲",
+      "name": "flag: Oman",
+      "shortname": ":flag-om:",
+      "unicode": "1f1f4-1f1f2",
+      "html": "&#127476;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2364"
+    },
+    {
+      "emoji": "🇵🇦",
+      "name": "flag: Panama",
+      "shortname": ":flag-pa:",
+      "unicode": "1f1f5-1f1e6",
+      "html": "&#127477;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2365"
+    },
+    {
+      "emoji": "🇵🇪",
+      "name": "flag: Peru",
+      "shortname": ":flag-pe:",
+      "unicode": "1f1f5-1f1ea",
+      "html": "&#127477;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2366"
+    },
+    {
+      "emoji": "🇵🇫",
+      "name": "flag: French Polynesia",
+      "shortname": ":flag-pf:",
+      "unicode": "1f1f5-1f1eb",
+      "html": "&#127477;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2367"
+    },
+    {
+      "emoji": "🇵🇬",
+      "name": "flag: Papua New Guinea",
+      "shortname": ":flag-pg:",
+      "unicode": "1f1f5-1f1ec",
+      "html": "&#127477;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2368"
+    },
+    {
+      "emoji": "🇵🇭",
+      "name": "flag: Philippines",
+      "shortname": ":flag-ph:",
+      "unicode": "1f1f5-1f1ed",
+      "html": "&#127477;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2369"
+    },
+    {
+      "emoji": "🇵🇰",
+      "name": "flag: Pakistan",
+      "shortname": ":flag-pk:",
+      "unicode": "1f1f5-1f1f0",
+      "html": "&#127477;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2370"
+    },
+    {
+      "emoji": "🇵🇱",
+      "name": "flag: Poland",
+      "shortname": ":flag-pl:",
+      "unicode": "1f1f5-1f1f1",
+      "html": "&#127477;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2371"
+    },
+    {
+      "emoji": "🇵🇲",
+      "name": "flag: St. Pierre & Miquelon",
+      "shortname": ":flag-pm:",
+      "unicode": "1f1f5-1f1f2",
+      "html": "&#127477;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2372"
+    },
+    {
+      "emoji": "🇵🇳",
+      "name": "flag: Pitcairn Islands",
+      "shortname": ":flag-pn:",
+      "unicode": "1f1f5-1f1f3",
+      "html": "&#127477;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2373"
+    },
+    {
+      "emoji": "🇵🇷",
+      "name": "flag: Puerto Rico",
+      "shortname": ":flag-pr:",
+      "unicode": "1f1f5-1f1f7",
+      "html": "&#127477;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2374"
+    },
+    {
+      "emoji": "🇵🇸",
+      "name": "flag: Palestinian Territories",
+      "shortname": ":flag-ps:",
+      "unicode": "1f1f5-1f1f8",
+      "html": "&#127477;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2375"
+    },
+    {
+      "emoji": "🇵🇹",
+      "name": "flag: Portugal",
+      "shortname": ":flag-pt:",
+      "unicode": "1f1f5-1f1f9",
+      "html": "&#127477;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2376"
+    },
+    {
+      "emoji": "🇵🇼",
+      "name": "flag: Palau",
+      "shortname": ":flag-pw:",
+      "unicode": "1f1f5-1f1fc",
+      "html": "&#127477;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2377"
+    },
+    {
+      "emoji": "🇵🇾",
+      "name": "flag: Paraguay",
+      "shortname": ":flag-py:",
+      "unicode": "1f1f5-1f1fe",
+      "html": "&#127477;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2378"
+    },
+    {
+      "emoji": "🇶🇦",
+      "name": "flag: Qatar",
+      "shortname": ":flag-qa:",
+      "unicode": "1f1f6-1f1e6",
+      "html": "&#127478;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2379"
+    },
+    {
+      "emoji": "🇷🇪",
+      "name": "flag: Réunion",
+      "shortname": ":flag-re:",
+      "unicode": "1f1f7-1f1ea",
+      "html": "&#127479;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2380"
+    },
+    {
+      "emoji": "🇷🇴",
+      "name": "flag: Romania",
+      "shortname": ":flag-ro:",
+      "unicode": "1f1f7-1f1f4",
+      "html": "&#127479;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2381"
+    },
+    {
+      "emoji": "🇷🇸",
+      "name": "flag: Serbia",
+      "shortname": ":flag-rs:",
+      "unicode": "1f1f7-1f1f8",
+      "html": "&#127479;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2382"
+    },
+    {
+      "emoji": "🇷🇺",
+      "name": "flag: Russia",
+      "shortname": ":flag-ru:",
+      "unicode": "1f1f7-1f1fa",
+      "html": "&#127479;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2383"
+    },
+    {
+      "emoji": "🇷🇼",
+      "name": "flag: Rwanda",
+      "shortname": ":flag-rw:",
+      "unicode": "1f1f7-1f1fc",
+      "html": "&#127479;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2384"
+    },
+    {
+      "emoji": "🇸🇦",
+      "name": "flag: Saudi Arabia",
+      "shortname": ":flag-sa:",
+      "unicode": "1f1f8-1f1e6",
+      "html": "&#127480;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2385"
+    },
+    {
+      "emoji": "🇸🇧",
+      "name": "flag: Solomon Islands",
+      "shortname": ":flag-sb:",
+      "unicode": "1f1f8-1f1e7",
+      "html": "&#127480;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2386"
+    },
+    {
+      "emoji": "🇸🇨",
+      "name": "flag: Seychelles",
+      "shortname": ":flag-sc:",
+      "unicode": "1f1f8-1f1e8",
+      "html": "&#127480;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2387"
+    },
+    {
+      "emoji": "🇸🇩",
+      "name": "flag: Sudan",
+      "shortname": ":flag-sd:",
+      "unicode": "1f1f8-1f1e9",
+      "html": "&#127480;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2388"
+    },
+    {
+      "emoji": "🇸🇪",
+      "name": "flag: Sweden",
+      "shortname": ":flag-se:",
+      "unicode": "1f1f8-1f1ea",
+      "html": "&#127480;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2389"
+    },
+    {
+      "emoji": "🇸🇬",
+      "name": "flag: Singapore",
+      "shortname": ":flag-sg:",
+      "unicode": "1f1f8-1f1ec",
+      "html": "&#127480;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2390"
+    },
+    {
+      "emoji": "🇸🇭",
+      "name": "flag: St. Helena",
+      "shortname": ":flag-sh:",
+      "unicode": "1f1f8-1f1ed",
+      "html": "&#127480;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2391"
+    },
+    {
+      "emoji": "🇸🇮",
+      "name": "flag: Slovenia",
+      "shortname": ":flag-si:",
+      "unicode": "1f1f8-1f1ee",
+      "html": "&#127480;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2392"
+    },
+    {
+      "emoji": "🇸🇯",
+      "name": "flag: Svalbard & Jan Mayen",
+      "shortname": ":flag-sj:",
+      "unicode": "1f1f8-1f1ef",
+      "html": "&#127480;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2393"
+    },
+    {
+      "emoji": "🇸🇰",
+      "name": "flag: Slovakia",
+      "shortname": ":flag-sk:",
+      "unicode": "1f1f8-1f1f0",
+      "html": "&#127480;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2394"
+    },
+    {
+      "emoji": "🇸🇱",
+      "name": "flag: Sierra Leone",
+      "shortname": ":flag-sl:",
+      "unicode": "1f1f8-1f1f1",
+      "html": "&#127480;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2395"
+    },
+    {
+      "emoji": "🇸🇲",
+      "name": "flag: San Marino",
+      "shortname": ":flag-sm:",
+      "unicode": "1f1f8-1f1f2",
+      "html": "&#127480;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2396"
+    },
+    {
+      "emoji": "🇸🇳",
+      "name": "flag: Senegal",
+      "shortname": ":flag-sn:",
+      "unicode": "1f1f8-1f1f3",
+      "html": "&#127480;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2397"
+    },
+    {
+      "emoji": "🇸🇴",
+      "name": "flag: Somalia",
+      "shortname": ":flag-so:",
+      "unicode": "1f1f8-1f1f4",
+      "html": "&#127480;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2398"
+    },
+    {
+      "emoji": "🇸🇷",
+      "name": "flag: Suriname",
+      "shortname": ":flag-sr:",
+      "unicode": "1f1f8-1f1f7",
+      "html": "&#127480;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2399"
+    },
+    {
+      "emoji": "🇸🇸",
+      "name": "flag: South Sudan",
+      "shortname": ":flag-ss:",
+      "unicode": "1f1f8-1f1f8",
+      "html": "&#127480;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2400"
+    },
+    {
+      "emoji": "🇸🇹",
+      "name": "flag: São Tomé & Príncipe",
+      "shortname": ":flag-st:",
+      "unicode": "1f1f8-1f1f9",
+      "html": "&#127480;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2401"
+    },
+    {
+      "emoji": "🇸🇻",
+      "name": "flag: El Salvador",
+      "shortname": ":flag-sv:",
+      "unicode": "1f1f8-1f1fb",
+      "html": "&#127480;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2402"
+    },
+    {
+      "emoji": "🇸🇽",
+      "name": "flag: Sint Maarten",
+      "shortname": ":flag-sx:",
+      "unicode": "1f1f8-1f1fd",
+      "html": "&#127480;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2403"
+    },
+    {
+      "emoji": "🇸🇾",
+      "name": "flag: Syria",
+      "shortname": ":flag-sy:",
+      "unicode": "1f1f8-1f1fe",
+      "html": "&#127480;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2404"
+    },
+    {
+      "emoji": "🇸🇿",
+      "name": "flag: Eswatini",
+      "shortname": ":flag-sz:",
+      "unicode": "1f1f8-1f1ff",
+      "html": "&#127480;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2405"
+    },
+    {
+      "emoji": "🇹🇦",
+      "name": "flag: Tristan da Cunha",
+      "shortname": ":flag-ta:",
+      "unicode": "1f1f9-1f1e6",
+      "html": "&#127481;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2406"
+    },
+    {
+      "emoji": "🇹🇨",
+      "name": "flag: Turks & Caicos Islands",
+      "shortname": ":flag-tc:",
+      "unicode": "1f1f9-1f1e8",
+      "html": "&#127481;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2407"
+    },
+    {
+      "emoji": "🇹🇩",
+      "name": "flag: Chad",
+      "shortname": ":flag-td:",
+      "unicode": "1f1f9-1f1e9",
+      "html": "&#127481;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2408"
+    },
+    {
+      "emoji": "🇹🇫",
+      "name": "flag: French Southern Territories",
+      "shortname": ":flag-tf:",
+      "unicode": "1f1f9-1f1eb",
+      "html": "&#127481;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2409"
+    },
+    {
+      "emoji": "🇹🇬",
+      "name": "flag: Togo",
+      "shortname": ":flag-tg:",
+      "unicode": "1f1f9-1f1ec",
+      "html": "&#127481;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2410"
+    },
+    {
+      "emoji": "🇹🇭",
+      "name": "flag: Thailand",
+      "shortname": ":flag-th:",
+      "unicode": "1f1f9-1f1ed",
+      "html": "&#127481;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2411"
+    },
+    {
+      "emoji": "🇹🇯",
+      "name": "flag: Tajikistan",
+      "shortname": ":flag-tj:",
+      "unicode": "1f1f9-1f1ef",
+      "html": "&#127481;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2412"
+    },
+    {
+      "emoji": "🇹🇰",
+      "name": "flag: Tokelau",
+      "shortname": ":flag-tk:",
+      "unicode": "1f1f9-1f1f0",
+      "html": "&#127481;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2413"
+    },
+    {
+      "emoji": "🇹🇱",
+      "name": "flag: Timor-Leste",
+      "shortname": ":flag-tl:",
+      "unicode": "1f1f9-1f1f1",
+      "html": "&#127481;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2414"
+    },
+    {
+      "emoji": "🇹🇲",
+      "name": "flag: Turkmenistan",
+      "shortname": ":flag-tm:",
+      "unicode": "1f1f9-1f1f2",
+      "html": "&#127481;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2415"
+    },
+    {
+      "emoji": "🇹🇳",
+      "name": "flag: Tunisia",
+      "shortname": ":flag-tn:",
+      "unicode": "1f1f9-1f1f3",
+      "html": "&#127481;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2416"
+    },
+    {
+      "emoji": "🇹🇴",
+      "name": "flag: Tonga",
+      "shortname": ":flag-to:",
+      "unicode": "1f1f9-1f1f4",
+      "html": "&#127481;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2417"
+    },
+    {
+      "emoji": "🇹🇷",
+      "name": "flag: Turkey",
+      "shortname": ":flag-tr:",
+      "unicode": "1f1f9-1f1f7",
+      "html": "&#127481;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2418"
+    },
+    {
+      "emoji": "🇹🇹",
+      "name": "flag: Trinidad & Tobago",
+      "shortname": ":flag-tt:",
+      "unicode": "1f1f9-1f1f9",
+      "html": "&#127481;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2419"
+    },
+    {
+      "emoji": "🇹🇻",
+      "name": "flag: Tuvalu",
+      "shortname": ":flag-tv:",
+      "unicode": "1f1f9-1f1fb",
+      "html": "&#127481;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2420"
+    },
+    {
+      "emoji": "🇹🇼",
+      "name": "flag: Taiwan",
+      "shortname": ":flag-tw:",
+      "unicode": "1f1f9-1f1fc",
+      "html": "&#127481;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2421"
+    },
+    {
+      "emoji": "🇹🇿",
+      "name": "flag: Tanzania",
+      "shortname": ":flag-tz:",
+      "unicode": "1f1f9-1f1ff",
+      "html": "&#127481;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2422"
+    },
+    {
+      "emoji": "🇺🇦",
+      "name": "flag: Ukraine",
+      "shortname": ":flag-ua:",
+      "unicode": "1f1fa-1f1e6",
+      "html": "&#127482;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2423"
+    },
+    {
+      "emoji": "🇺🇬",
+      "name": "flag: Uganda",
+      "shortname": ":flag-ug:",
+      "unicode": "1f1fa-1f1ec",
+      "html": "&#127482;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2424"
+    },
+    {
+      "emoji": "🇺🇲",
+      "name": "flag: U.S. Outlying Islands",
+      "shortname": ":flag-um:",
+      "unicode": "1f1fa-1f1f2",
+      "html": "&#127482;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2425"
+    },
+    {
+      "emoji": "🇺🇸",
+      "name": "flag: United States",
+      "shortname": ":flag-us:",
+      "unicode": "1f1fa-1f1f8",
+      "html": "&#127482;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2427"
+    },
+    {
+      "emoji": "🇺🇾",
+      "name": "flag: Uruguay",
+      "shortname": ":flag-uy:",
+      "unicode": "1f1fa-1f1fe",
+      "html": "&#127482;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2428"
+    },
+    {
+      "emoji": "🇺🇿",
+      "name": "flag: Uzbekistan",
+      "shortname": ":flag-uz:",
+      "unicode": "1f1fa-1f1ff",
+      "html": "&#127482;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2429"
+    },
+    {
+      "emoji": "🇻🇦",
+      "name": "flag: Vatican City",
+      "shortname": ":flag-va:",
+      "unicode": "1f1fb-1f1e6",
+      "html": "&#127483;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2430"
+    },
+    {
+      "emoji": "🇻🇨",
+      "name": "flag: St. Vincent & Grenadines",
+      "shortname": ":flag-vc:",
+      "unicode": "1f1fb-1f1e8",
+      "html": "&#127483;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2431"
+    },
+    {
+      "emoji": "🇻🇪",
+      "name": "flag: Venezuela",
+      "shortname": ":flag-ve:",
+      "unicode": "1f1fb-1f1ea",
+      "html": "&#127483;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2432"
+    },
+    {
+      "emoji": "🇻🇬",
+      "name": "flag: British Virgin Islands",
+      "shortname": ":flag-vg:",
+      "unicode": "1f1fb-1f1ec",
+      "html": "&#127483;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2433"
+    },
+    {
+      "emoji": "🇻🇮",
+      "name": "flag: U.S. Virgin Islands",
+      "shortname": ":flag-vi:",
+      "unicode": "1f1fb-1f1ee",
+      "html": "&#127483;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2434"
+    },
+    {
+      "emoji": "🇻🇳",
+      "name": "flag: Vietnam",
+      "shortname": ":flag-vn:",
+      "unicode": "1f1fb-1f1f3",
+      "html": "&#127483;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2435"
+    },
+    {
+      "emoji": "🇻🇺",
+      "name": "flag: Vanuatu",
+      "shortname": ":flag_vu:",
+      "unicode": "1f1fb-1f1fa",
+      "html": "&#127483;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2436"
+    },
+    {
+      "emoji": "🇼🇫",
+      "name": "flag: Wallis & Futuna",
+      "shortname": ":flag_wf:",
+      "unicode": "1f1fc-1f1eb",
+      "html": "&#127484;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2437"
+    },
+    {
+      "emoji": "🇼🇸",
+      "name": "flag: Samoa",
+      "shortname": ":flag_ws:",
+      "unicode": "1f1fc-1f1f8",
+      "html": "&#127484;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2438"
+    },
+    {
+      "emoji": "🇽🇰",
+      "name": "flag: Kosovo",
+      "shortname": ":flag_xk:",
+      "unicode": "1f1fd-1f1f0",
+      "html": "&#127485;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2439"
+    },
+    {
+      "emoji": "🇾🇪",
+      "name": "flag: Yemen",
+      "shortname": ":flag_ye:",
+      "unicode": "1f1fe-1f1ea",
+      "html": "&#127486;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2440"
+    },
+    {
+      "emoji": "🇾🇹",
+      "name": "flag: Mayotte",
+      "shortname": ":flag_yt:",
+      "unicode": "1f1fe-1f1f9",
+      "html": "&#127486;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2441"
+    },
+    {
+      "emoji": "🇿🇦",
+      "name": "flag: South Africa",
+      "shortname": ":flag_za:",
+      "unicode": "1f1ff-1f1e6",
+      "html": "&#127487;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2442"
+    },
+    {
+      "emoji": "🇿🇲",
+      "name": "flag: Zambia",
+      "shortname": ":flag_zm:",
+      "unicode": "1f1ff-1f1f2",
+      "html": "&#127487;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2443"
+    },
+    {
+      "emoji": "🇿🇼",
+      "name": "flag: Zimbabwe",
+      "shortname": ":flag_zw:",
+      "unicode": "1f1ff-1f1fc",
+      "html": "&#127487;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2444"
+    },
+    {
+      "emoji": "🖤",
+      "name": "black heart",
+      "shortname": ":black_heart:",
+      "unicode": "1f5a4",
+      "html": "&#128420;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1296"
+    },
+    {
+      "emoji": "🗨",
+      "name": "left speech bubble",
+      "shortname": ":speech_left:",
+      "unicode": "1f5e8",
+      "html": "&#128488;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1310"
+    },
+    {
+      "emoji": "🥚",
+      "name": "egg",
+      "shortname": ":egg:",
+      "unicode": "1f95a",
+      "html": "&#129370;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1489"
+    },
+    {
+      "emoji": "🛑",
+      "name": "stop sign",
+      "shortname": ":octagonal_sign:",
+      "unicode": "1f6d1",
+      "html": "&#128721;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1641"
+    },
+    {
+      "emoji": "♠",
+      "name": "spade suit",
+      "shortname": ":spades:",
+      "unicode": "2660",
+      "html": "&spades;",
+      "category": "Activities (game)",
+      "order": "1807"
+    },
+    {
+      "emoji": "♥",
+      "name": "heart suit",
+      "shortname": ":hearts:",
+      "unicode": "2665",
+      "html": "&hearts;",
+      "category": "Activities (game)",
+      "order": "1808"
+    },
+    {
+      "emoji": "♦",
+      "name": "diamond suit",
+      "shortname": ":diamonds:",
+      "unicode": "2666",
+      "html": "&diams;",
+      "category": "Activities (game)",
+      "order": "1809"
+    },
+    {
+      "emoji": "♣",
+      "name": "club suit",
+      "shortname": ":clubs:",
+      "unicode": "2663",
+      "html": "&clubs;",
+      "category": "Activities (game)",
+      "order": "1810"
+    },
+    {
+      "emoji": "🥁",
+      "name": "drum",
+      "shortname": ":drum:",
+      "unicode": "1f941",
+      "html": "&#129345;",
+      "category": "Objects (musical-instrument)",
+      "order": "1837"
+    },
+    {
+      "emoji": "↔",
+      "name": "left-right arrow",
+      "shortname": ":left_right_arrow:",
+      "unicode": "2194",
+      "html": "&harr;",
+      "category": "Symbols (arrow)",
+      "order": "2011"
+    },
+    {
+      "emoji": "©",
+      "name": "copyright",
+      "shortname": ":copyright:",
+      "unicode": "00a9",
+      "html": "&copy;",
+      "category": "Symbols (other-symbol)",
+      "order": "2103"
+    },
+    {
+      "emoji": "®",
+      "name": "registered",
+      "shortname": ":registered:",
+      "unicode": "00ae",
+      "html": "&reg;",
+      "category": "Symbols (other-symbol)",
+      "order": "2104"
+    },
+    {
+      "emoji": "™",
+      "name": "trade mark",
+      "shortname": ":tm:",
+      "unicode": "2122",
+      "html": "&trade;",
+      "category": "Symbols (other-symbol)",
+      "order": "2105"
+    },
+    {
+      "emoji": "0️⃣",
+      "name": "keycap: 0",
+      "shortname": ":0:",
+      "unicode": "0030 FE0F 20E3",
+      "html": "&#48;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "1️⃣",
+      "name": "keycap: 1",
+      "shortname": ":1:",
+      "unicode": "0031 FE0F 20E3",
+      "html": "&#49;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "2️⃣",
+      "name": "keycap: 2",
+      "shortname": ":2:",
+      "unicode": "0032 FE0F 20E3",
+      "html": "&#50;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "3️⃣",
+      "name": "keycap: 3",
+      "shortname": ":3:",
+      "unicode": "0033 FE0F 20E3",
+      "html": "&#51;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "4️⃣",
+      "name": "keycap: 4",
+      "shortname": ":4:",
+      "unicode": "0034 FE0F 20E3",
+      "html": "&#52;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "5️⃣",
+      "name": "keycap: 5",
+      "shortname": ":5:",
+      "unicode": "0035 FE0F 20E3",
+      "html": "&#53;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "6️⃣",
+      "name": "keycap: 6",
+      "shortname": ":6:",
+      "unicode": "0036 FE0F 20E3",
+      "html": "&#54;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "7️⃣",
+      "name": "keycap: 7",
+      "shortname": ":7:",
+      "unicode": "0037 FE0F 20E3",
+      "html": "&#55;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "8️⃣",
+      "name": "keycap: 8",
+      "shortname": ":8:",
+      "unicode": "0038 FE0F 20E3",
+      "html": "&#56;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "9️⃣",
+      "name": "keycap: 9",
+      "shortname": ":9:",
+      "unicode": "0039 FE0F 20E3",
+      "html": "&#57;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "#⃣",
+      "name": "keycap: #",
+      "shortname": ":hash:",
+      "unicode": "0023-20e3",
+      "html": "#&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2106"
+    },
+    {
+      "emoji": "*⃣",
+      "name": "keycap: #",
+      "shortname": ":asterisk:",
+      "unicode": "002a-20e3",
+      "html": "*&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2107"
+    },
+    {
+      "emoji": "0⃣",
+      "name": "keycap: 0",
+      "shortname": ":zero:",
+      "unicode": "0030-20e3",
+      "html": "0&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2108"
+    },
+    {
+      "emoji": "1⃣",
+      "name": "keycap: 1",
+      "shortname": ":one:",
+      "unicode": "0031-20e3",
+      "html": "1&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2109"
+    },
+    {
+      "emoji": "2⃣",
+      "name": "keycap: 2",
+      "shortname": ":two:",
+      "unicode": "0032-20e3",
+      "html": "2&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2110"
+    },
+    {
+      "emoji": "3⃣",
+      "name": "keycap: 3",
+      "shortname": ":three:",
+      "unicode": "0033-20e3",
+      "html": "3&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2111"
+    },
+    {
+      "emoji": "4⃣",
+      "name": "keycap: 4",
+      "shortname": ":four:",
+      "unicode": "0034-20e3",
+      "html": "4&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2112"
+    },
+    {
+      "emoji": "5⃣",
+      "name": "keycap: 5",
+      "shortname": ":five:",
+      "unicode": "0035-20e3",
+      "html": "5&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2113"
+    },
+    {
+      "emoji": "6⃣",
+      "name": "keycap: 6",
+      "shortname": ":six:",
+      "unicode": "0036-20e3",
+      "html": "6&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2114"
+    },
+    {
+      "emoji": "7⃣",
+      "name": "keycap: 7",
+      "shortname": ":seven:",
+      "unicode": "0037-20e3",
+      "html": "7&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2115"
+    },
+    {
+      "emoji": "8⃣",
+      "name": "keycap: 8",
+      "shortname": ":eight:",
+      "unicode": "0038-20e3",
+      "html": "8&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2116"
+    },
+    {
+      "emoji": "9⃣",
+      "name": "keycap: 9",
+      "shortname": ":nine:",
+      "unicode": "0039-20e3",
+      "html": "9&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2117"
+    },
+    {
+      "emoji": "🤣",
+      "name": "rolling on the floor laughing",
+      "shortname": ":rolling_on_the_floor_laughing:",
+      "unicode": "1F923",
+      "html": "&#x1F923;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": ""
+    },
+    {
+      "emoji": "🥰",
+      "name": "smiling face with hearts",
+      "shortname": ":smiling_face_with_hearts:",
+      "unicode": "1F970",
+      "html": "&#x1F970;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "🤩",
+      "name": "star-struck",
+      "shortname": ":starstruck:",
+      "unicode": "1F929",
+      "html": "&#x1F929;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "☺",
+      "name": "smiling face",
+      "shortname": ":smiling_face:",
+      "unicode": "263A",
+      "html": "&#x263A;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "🤪",
+      "name": "zany face",
+      "shortname": ":zany_face:",
+      "unicode": "1F92A",
+      "html": "&#x1F92A;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": ""
+    },
+    {
+      "emoji": "🤭",
+      "name": "face with hand over mouth",
+      "shortname": ":face_with_hand_over_mouth:",
+      "unicode": "1F92D",
+      "html": "&#x1F92D;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": ""
+    },
+    {
+      "emoji": "🤫",
+      "name": "shushing face",
+      "shortname": ":shushing_face:",
+      "unicode": "1F92B",
+      "html": "&#x1F92B;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": ""
+    },
+    {
+      "emoji": "🤨",
+      "name": "face with raised eyebrow",
+      "shortname": ":face_with_raised_eyebrow:",
+      "unicode": "1F928",
+      "html": "&#x1F928;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": ""
+    },
+    {
+      "emoji": "🤥",
+      "name": "lying face",
+      "shortname": ":lying_face:",
+      "unicode": "1F925",
+      "html": "&#x1F925;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": ""
+    },
+    {
+      "emoji": "🤤",
+      "name": "drooling face",
+      "shortname": ":drooling_face:",
+      "unicode": "1F924",
+      "html": "&#x1F924;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤢",
+      "name": "nauseated face",
+      "shortname": ":nauseated_face:",
+      "unicode": "1F922",
+      "html": "&#x1F922;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤮",
+      "name": "face vomiting",
+      "shortname": ":face_vomiting:",
+      "unicode": "1F92E",
+      "html": "&#x1F92E;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤧",
+      "name": "sneezing face",
+      "shortname": ":sneezing_face:",
+      "unicode": "1F927",
+      "html": "&#x1F927;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥵",
+      "name": "hot face",
+      "shortname": ":hot_face:",
+      "unicode": "1F975",
+      "html": "&#x1F975;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥶",
+      "name": "cold face",
+      "shortname": ":cold_face:",
+      "unicode": "1F976",
+      "html": "&#x1F976;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥴",
+      "name": "woozy face",
+      "shortname": ":woozy_face:",
+      "unicode": "1F974",
+      "html": "&#x1F974;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤯",
+      "name": "exploding head",
+      "shortname": ":exploding_head:",
+      "unicode": "1F92F",
+      "html": "&#x1F92F;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤠",
+      "name": "cowboy hat face",
+      "shortname": ":cowboy_hat_face:",
+      "unicode": "1F920",
+      "html": "&#x1F920;",
+      "category": "Smileys & Emotion (face-hat)",
+      "order": ""
+    },
+    {
+      "emoji": "🥳",
+      "name": "partying face",
+      "shortname": ":partying_face:",
+      "unicode": "1F973",
+      "html": "&#x1F973;",
+      "category": "Smileys & Emotion (face-hat)",
+      "order": ""
+    },
+    {
+      "emoji": "🧐",
+      "name": "face with monocle",
+      "shortname": ":face_with_monocle:",
+      "unicode": "1F9D0",
+      "html": "&#x1F9D0;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": ""
+    },
+    {
+      "emoji": "☹️",
+      "name": "frowning face",
+      "shortname": ":frowning_face:",
+      "unicode": "2639 FE0F",
+      "html": "&#x2639;&#xFE0F;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🥺",
+      "name": "pleading face",
+      "shortname": ":pleading_face:",
+      "unicode": "1F97A",
+      "html": "&#x1F97A;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🥱",
+      "name": "yawning face",
+      "shortname": ":yawning_face:",
+      "unicode": "1F971",
+      "html": "&#x1F971;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🤬",
+      "name": "face with symbols on mouth",
+      "shortname": ":face_with_symbols_on_mouth:",
+      "unicode": "1F92C",
+      "html": "&#x1F92C;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": ""
+    },
+    {
+      "emoji": "☠️",
+      "name": "skull and crossbones",
+      "shortname": ":skull_and_crossbones:",
+      "unicode": "2620 FE0F",
+      "html": "&#x2620;&#xFE0F;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": ""
+    },
+    {
+      "emoji": "🤡",
+      "name": "clown face",
+      "shortname": ":clown_face:",
+      "unicode": "1F921",
+      "html": "&#x1F921;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": ""
+    },
+    {
+      "emoji": "❣",
+      "name": "heart exclamation",
+      "shortname": ":heart_exclamation:",
+      "unicode": "2763",
+      "html": "&#x2763;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "❤",
+      "name": "red heart",
+      "shortname": ":red_heart:",
+      "unicode": "2764",
+      "html": "&#x2764;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🧡",
+      "name": "orange heart",
+      "shortname": ":orange_heart:",
+      "unicode": "1F9E1",
+      "html": "&#x1F9E1;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤎",
+      "name": "brown heart",
+      "shortname": ":brown_heart:",
+      "unicode": "1F90E",
+      "html": "&#x1F90E;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤍",
+      "name": "white heart",
+      "shortname": ":white_heart:",
+      "unicode": "1F90D",
+      "html": "&#x1F90D;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🕳️",
+      "name": "hole",
+      "shortname": ":hole:",
+      "unicode": "1F573 FE0F",
+      "html": "&#x1F573;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️‍🗨️",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 FE0F 200D 1F5E8 FE0F",
+      "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁‍🗨️",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 200D 1F5E8 FE0F",
+      "html": "&#x1F441;&#x200D;&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️‍🗨",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 FE0F 200D 1F5E8",
+      "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🗨️",
+      "name": "left speech bubble",
+      "shortname": ":left_speech_bubble:",
+      "unicode": "1F5E8 FE0F",
+      "html": "&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🗯️",
+      "name": "right anger bubble",
+      "shortname": ":right_anger_bubble:",
+      "unicode": "1F5EF FE0F",
+      "html": "&#x1F5EF;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚",
+      "name": "raised back of hand",
+      "shortname": ":raised_back_of_hand:",
+      "unicode": "1F91A",
+      "html": "&#x1F91A;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏻",
+      "name": "raised back of hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91A 1F3FB",
+      "html": "&#x1F91A;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏼",
+      "name": "raised back of hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91A 1F3FC",
+      "html": "&#x1F91A;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏽",
+      "name": "raised back of hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91A 1F3FD",
+      "html": "&#x1F91A;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏾",
+      "name": "raised back of hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91A 1F3FE",
+      "html": "&#x1F91A;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏿",
+      "name": "raised back of hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91A 1F3FF",
+      "html": "&#x1F91A;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐️",
+      "name": "hand with fingers splayed",
+      "shortname": ":hand_with_fingers_splayed:",
+      "unicode": "1F590 FE0F",
+      "html": "&#x1F590;&#xFE0F;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏",
+      "name": "pinching hand",
+      "shortname": ":pinching_hand:",
+      "unicode": "1F90F",
+      "html": "&#x1F90F;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏻",
+      "name": "pinching hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F90F 1F3FB",
+      "html": "&#x1F90F;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏼",
+      "name": "pinching hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F90F 1F3FC",
+      "html": "&#x1F90F;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏽",
+      "name": "pinching hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F90F 1F3FD",
+      "html": "&#x1F90F;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏾",
+      "name": "pinching hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F90F 1F3FE",
+      "html": "&#x1F90F;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏿",
+      "name": "pinching hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F90F 1F3FF",
+      "html": "&#x1F90F;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌",
+      "name": "victory hand",
+      "shortname": ":victory_hand:",
+      "unicode": "270C",
+      "html": "&#x270C;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞",
+      "name": "crossed fingers",
+      "shortname": ":crossed_fingers:",
+      "unicode": "1F91E",
+      "html": "&#x1F91E;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏻",
+      "name": "crossed fingers: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91E 1F3FB",
+      "html": "&#x1F91E;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏼",
+      "name": "crossed fingers: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91E 1F3FC",
+      "html": "&#x1F91E;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏽",
+      "name": "crossed fingers: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91E 1F3FD",
+      "html": "&#x1F91E;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏾",
+      "name": "crossed fingers: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91E 1F3FE",
+      "html": "&#x1F91E;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏿",
+      "name": "crossed fingers: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91E 1F3FF",
+      "html": "&#x1F91E;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟",
+      "name": "love-you gesture",
+      "shortname": ":loveyou_gesture:",
+      "unicode": "1F91F",
+      "html": "&#x1F91F;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏻",
+      "name": "love-you gesture: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91F 1F3FB",
+      "html": "&#x1F91F;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏼",
+      "name": "love-you gesture: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91F 1F3FC",
+      "html": "&#x1F91F;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏽",
+      "name": "love-you gesture: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91F 1F3FD",
+      "html": "&#x1F91F;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏾",
+      "name": "love-you gesture: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91F 1F3FE",
+      "html": "&#x1F91F;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏿",
+      "name": "love-you gesture: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91F 1F3FF",
+      "html": "&#x1F91F;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙",
+      "name": "call me hand",
+      "shortname": ":call_me_hand:",
+      "unicode": "1F919",
+      "html": "&#x1F919;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏻",
+      "name": "call me hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F919 1F3FB",
+      "html": "&#x1F919;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏼",
+      "name": "call me hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F919 1F3FC",
+      "html": "&#x1F919;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏽",
+      "name": "call me hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F919 1F3FD",
+      "html": "&#x1F919;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏾",
+      "name": "call me hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F919 1F3FE",
+      "html": "&#x1F919;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏿",
+      "name": "call me hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F919 1F3FF",
+      "html": "&#x1F919;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "☝",
+      "name": "index pointing up",
+      "shortname": ":index_pointing_up:",
+      "unicode": "261D",
+      "html": "&#x261D;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛",
+      "name": "left-facing fist",
+      "shortname": ":leftfacing_fist:",
+      "unicode": "1F91B",
+      "html": "&#x1F91B;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏻",
+      "name": "left-facing fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91B 1F3FB",
+      "html": "&#x1F91B;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏼",
+      "name": "left-facing fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91B 1F3FC",
+      "html": "&#x1F91B;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏽",
+      "name": "left-facing fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91B 1F3FD",
+      "html": "&#x1F91B;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏾",
+      "name": "left-facing fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91B 1F3FE",
+      "html": "&#x1F91B;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏿",
+      "name": "left-facing fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91B 1F3FF",
+      "html": "&#x1F91B;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜",
+      "name": "right-facing fist",
+      "shortname": ":rightfacing_fist:",
+      "unicode": "1F91C",
+      "html": "&#x1F91C;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏻",
+      "name": "right-facing fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91C 1F3FB",
+      "html": "&#x1F91C;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏼",
+      "name": "right-facing fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91C 1F3FC",
+      "html": "&#x1F91C;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏽",
+      "name": "right-facing fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91C 1F3FD",
+      "html": "&#x1F91C;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏾",
+      "name": "right-facing fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91C 1F3FE",
+      "html": "&#x1F91C;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏿",
+      "name": "right-facing fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91C 1F3FF",
+      "html": "&#x1F91C;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲",
+      "name": "palms up together",
+      "shortname": ":palms_up_together:",
+      "unicode": "1F932",
+      "html": "&#x1F932;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏻",
+      "name": "palms up together: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F932 1F3FB",
+      "html": "&#x1F932;&#x1F3FB;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏼",
+      "name": "palms up together: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F932 1F3FC",
+      "html": "&#x1F932;&#x1F3FC;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏽",
+      "name": "palms up together: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F932 1F3FD",
+      "html": "&#x1F932;&#x1F3FD;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏾",
+      "name": "palms up together: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F932 1F3FE",
+      "html": "&#x1F932;&#x1F3FE;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏿",
+      "name": "palms up together: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F932 1F3FF",
+      "html": "&#x1F932;&#x1F3FF;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤝",
+      "name": "handshake",
+      "shortname": ":handshake:",
+      "unicode": "1F91D",
+      "html": "&#x1F91D;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "✍️",
+      "name": "writing hand",
+      "shortname": ":writing_hand:",
+      "unicode": "270D FE0F",
+      "html": "&#x270D;&#xFE0F;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳",
+      "name": "selfie",
+      "shortname": ":selfie:",
+      "unicode": "1F933",
+      "html": "&#x1F933;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏻",
+      "name": "selfie: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F933 1F3FB",
+      "html": "&#x1F933;&#x1F3FB;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏼",
+      "name": "selfie: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F933 1F3FC",
+      "html": "&#x1F933;&#x1F3FC;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏽",
+      "name": "selfie: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F933 1F3FD",
+      "html": "&#x1F933;&#x1F3FD;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏾",
+      "name": "selfie: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F933 1F3FE",
+      "html": "&#x1F933;&#x1F3FE;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏿",
+      "name": "selfie: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F933 1F3FF",
+      "html": "&#x1F933;&#x1F3FF;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🦾",
+      "name": "mechanical arm",
+      "shortname": ":mechanical_arm:",
+      "unicode": "1F9BE",
+      "html": "&#x1F9BE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦿",
+      "name": "mechanical leg",
+      "shortname": ":mechanical_leg:",
+      "unicode": "1F9BF",
+      "html": "&#x1F9BF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵",
+      "name": "leg",
+      "shortname": ":leg:",
+      "unicode": "1F9B5",
+      "html": "&#x1F9B5;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏻",
+      "name": "leg: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B5 1F3FB",
+      "html": "&#x1F9B5;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏼",
+      "name": "leg: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B5 1F3FC",
+      "html": "&#x1F9B5;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏽",
+      "name": "leg: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B5 1F3FD",
+      "html": "&#x1F9B5;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏾",
+      "name": "leg: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B5 1F3FE",
+      "html": "&#x1F9B5;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏿",
+      "name": "leg: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B5 1F3FF",
+      "html": "&#x1F9B5;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶",
+      "name": "foot",
+      "shortname": ":foot:",
+      "unicode": "1F9B6",
+      "html": "&#x1F9B6;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏻",
+      "name": "foot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B6 1F3FB",
+      "html": "&#x1F9B6;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏼",
+      "name": "foot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B6 1F3FC",
+      "html": "&#x1F9B6;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏽",
+      "name": "foot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B6 1F3FD",
+      "html": "&#x1F9B6;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏾",
+      "name": "foot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B6 1F3FE",
+      "html": "&#x1F9B6;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏿",
+      "name": "foot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B6 1F3FF",
+      "html": "&#x1F9B6;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻",
+      "name": "ear with hearing aid",
+      "shortname": ":ear_with_hearing_aid:",
+      "unicode": "1F9BB",
+      "html": "&#x1F9BB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏻",
+      "name": "ear with hearing aid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9BB 1F3FB",
+      "html": "&#x1F9BB;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏼",
+      "name": "ear with hearing aid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9BB 1F3FC",
+      "html": "&#x1F9BB;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏽",
+      "name": "ear with hearing aid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9BB 1F3FD",
+      "html": "&#x1F9BB;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏾",
+      "name": "ear with hearing aid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9BB 1F3FE",
+      "html": "&#x1F9BB;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏿",
+      "name": "ear with hearing aid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9BB 1F3FF",
+      "html": "&#x1F9BB;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧠",
+      "name": "brain",
+      "shortname": ":brain:",
+      "unicode": "1F9E0",
+      "html": "&#x1F9E0;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦷",
+      "name": "tooth",
+      "shortname": ":tooth:",
+      "unicode": "1F9B7",
+      "html": "&#x1F9B7;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦴",
+      "name": "bone",
+      "shortname": ":bone:",
+      "unicode": "1F9B4",
+      "html": "&#x1F9B4;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️",
+      "name": "eye",
+      "shortname": ":eye:",
+      "unicode": "1F441 FE0F",
+      "html": "&#x1F441;&#xFE0F;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒",
+      "name": "child",
+      "shortname": ":child:",
+      "unicode": "1F9D2",
+      "html": "&#x1F9D2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏻",
+      "name": "child: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D2 1F3FB",
+      "html": "&#x1F9D2;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏼",
+      "name": "child: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D2 1F3FC",
+      "html": "&#x1F9D2;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏽",
+      "name": "child: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D2 1F3FD",
+      "html": "&#x1F9D2;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏾",
+      "name": "child: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D2 1F3FE",
+      "html": "&#x1F9D2;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏿",
+      "name": "child: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D2 1F3FF",
+      "html": "&#x1F9D2;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑",
+      "name": "person",
+      "shortname": ":person:",
+      "unicode": "1F9D1",
+      "html": "&#x1F9D1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻",
+      "name": "person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼",
+      "name": "person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽",
+      "name": "person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾",
+      "name": "person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿",
+      "name": "person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔",
+      "name": "man: beard",
+      "shortname": ":beard:",
+      "unicode": "1F9D4",
+      "html": "&#x1F9D4;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏻",
+      "name": "man: light skin tone, beard",
+      "shortname": ":light_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FB",
+      "html": "&#x1F9D4;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏼",
+      "name": "man: medium-light skin tone, beard",
+      "shortname": ":mediumlight_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FC",
+      "html": "&#x1F9D4;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏽",
+      "name": "man: medium skin tone, beard",
+      "shortname": ":medium_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FD",
+      "html": "&#x1F9D4;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏾",
+      "name": "man: medium-dark skin tone, beard",
+      "shortname": ":mediumdark_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FE",
+      "html": "&#x1F9D4;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏿",
+      "name": "man: dark skin tone, beard",
+      "shortname": ":dark_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FF",
+      "html": "&#x1F9D4;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦰",
+      "name": "man: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F468 200D 1F9B0",
+      "html": "&#x1F468;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦰",
+      "name": "man: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦰",
+      "name": "man: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦰",
+      "name": "man: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦰",
+      "name": "man: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦰",
+      "name": "man: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦱",
+      "name": "man: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F468 200D 1F9B1",
+      "html": "&#x1F468;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦱",
+      "name": "man: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦱",
+      "name": "man: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦱",
+      "name": "man: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦱",
+      "name": "man: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦱",
+      "name": "man: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦳",
+      "name": "man: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F468 200D 1F9B3",
+      "html": "&#x1F468;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦳",
+      "name": "man: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦳",
+      "name": "man: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦳",
+      "name": "man: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦳",
+      "name": "man: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦳",
+      "name": "man: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦲",
+      "name": "man: bald",
+      "shortname": ":bald:",
+      "unicode": "1F468 200D 1F9B2",
+      "html": "&#x1F468;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦲",
+      "name": "man: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F468 1F3FB 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦲",
+      "name": "man: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F468 1F3FC 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦲",
+      "name": "man: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F468 1F3FD 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦲",
+      "name": "man: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F468 1F3FE 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦲",
+      "name": "man: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F468 1F3FF 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦰",
+      "name": "woman: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F469 200D 1F9B0",
+      "html": "&#x1F469;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦰",
+      "name": "woman: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦰",
+      "name": "woman: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦰",
+      "name": "woman: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦰",
+      "name": "woman: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦰",
+      "name": "woman: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦰",
+      "name": "person: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F9D1 200D 1F9B0",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦰",
+      "name": "person: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦰",
+      "name": "person: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦰",
+      "name": "person: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦰",
+      "name": "person: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦰",
+      "name": "person: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦱",
+      "name": "woman: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F469 200D 1F9B1",
+      "html": "&#x1F469;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦱",
+      "name": "woman: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦱",
+      "name": "woman: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦱",
+      "name": "woman: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦱",
+      "name": "woman: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦱",
+      "name": "woman: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦱",
+      "name": "person: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F9D1 200D 1F9B1",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦱",
+      "name": "person: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦱",
+      "name": "person: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦱",
+      "name": "person: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦱",
+      "name": "person: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦱",
+      "name": "person: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦳",
+      "name": "woman: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F469 200D 1F9B3",
+      "html": "&#x1F469;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦳",
+      "name": "woman: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦳",
+      "name": "woman: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦳",
+      "name": "woman: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦳",
+      "name": "woman: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦳",
+      "name": "woman: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦳",
+      "name": "person: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F9D1 200D 1F9B3",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦳",
+      "name": "person: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦳",
+      "name": "person: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦳",
+      "name": "person: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦳",
+      "name": "person: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦳",
+      "name": "person: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦲",
+      "name": "woman: bald",
+      "shortname": ":bald:",
+      "unicode": "1F469 200D 1F9B2",
+      "html": "&#x1F469;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦲",
+      "name": "woman: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F469 1F3FB 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦲",
+      "name": "woman: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F469 1F3FC 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦲",
+      "name": "woman: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F469 1F3FD 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦲",
+      "name": "woman: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F469 1F3FE 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦲",
+      "name": "woman: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F469 1F3FF 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦲",
+      "name": "person: bald",
+      "shortname": ":bald:",
+      "unicode": "1F9D1 200D 1F9B2",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦲",
+      "name": "person: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦲",
+      "name": "person: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦲",
+      "name": "person: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦲",
+      "name": "person: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦲",
+      "name": "person: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♀️",
+      "name": "woman: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2640 FE0F",
+      "html": "&#x1F471;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♀️",
+      "name": "woman: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♀️",
+      "name": "woman: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♀️",
+      "name": "woman: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♀️",
+      "name": "woman: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♀️",
+      "name": "woman: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♂️",
+      "name": "man: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2642 FE0F",
+      "html": "&#x1F471;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♂",
+      "name": "man: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2642",
+      "html": "&#x1F471;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♂️",
+      "name": "man: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♂",
+      "name": "man: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2642",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♂️",
+      "name": "man: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♂",
+      "name": "man: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2642",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♂️",
+      "name": "man: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♂",
+      "name": "man: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2642",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♂️",
+      "name": "man: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♂",
+      "name": "man: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2642",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♂️",
+      "name": "man: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♂",
+      "name": "man: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2642",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓",
+      "name": "older person",
+      "shortname": ":older_person:",
+      "unicode": "1F9D3",
+      "html": "&#x1F9D3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏻",
+      "name": "older person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D3 1F3FB",
+      "html": "&#x1F9D3;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏼",
+      "name": "older person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D3 1F3FC",
+      "html": "&#x1F9D3;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏽",
+      "name": "older person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D3 1F3FD",
+      "html": "&#x1F9D3;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏾",
+      "name": "older person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D3 1F3FE",
+      "html": "&#x1F9D3;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏿",
+      "name": "older person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D3 1F3FF",
+      "html": "&#x1F9D3;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♂️",
+      "name": "man frowning",
+      "shortname": ":man_frowning:",
+      "unicode": "1F64D 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♂️",
+      "name": "man frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♂️",
+      "name": "man frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♂️",
+      "name": "man frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♂️",
+      "name": "man frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♂️",
+      "name": "man frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♀️",
+      "name": "woman frowning",
+      "shortname": ":woman_frowning:",
+      "unicode": "1F64D 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♀",
+      "name": "woman frowning",
+      "shortname": ":woman_frowning:",
+      "unicode": "1F64D 200D 2640",
+      "html": "&#x1F64D;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♀️",
+      "name": "woman frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♀",
+      "name": "woman frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2640",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♀️",
+      "name": "woman frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♀",
+      "name": "woman frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2640",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♀️",
+      "name": "woman frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♀",
+      "name": "woman frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2640",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♀️",
+      "name": "woman frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♀",
+      "name": "woman frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2640",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♀️",
+      "name": "woman frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♀",
+      "name": "woman frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2640",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♂️",
+      "name": "man pouting",
+      "shortname": ":man_pouting:",
+      "unicode": "1F64E 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♂️",
+      "name": "man pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♂️",
+      "name": "man pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♂️",
+      "name": "man pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♂️",
+      "name": "man pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♂️",
+      "name": "man pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♀️",
+      "name": "woman pouting",
+      "shortname": ":woman_pouting:",
+      "unicode": "1F64E 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♀",
+      "name": "woman pouting",
+      "shortname": ":woman_pouting:",
+      "unicode": "1F64E 200D 2640",
+      "html": "&#x1F64E;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♀️",
+      "name": "woman pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♀",
+      "name": "woman pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2640",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♀️",
+      "name": "woman pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♀",
+      "name": "woman pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2640",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♀️",
+      "name": "woman pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♀",
+      "name": "woman pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2640",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♀️",
+      "name": "woman pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♀",
+      "name": "woman pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2640",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♀️",
+      "name": "woman pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♀",
+      "name": "woman pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2640",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♂️",
+      "name": "man gesturing NO",
+      "shortname": ":man_gesturing_NO:",
+      "unicode": "1F645 200D 2642 FE0F",
+      "html": "&#x1F645;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♂️",
+      "name": "man gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♂️",
+      "name": "man gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♂️",
+      "name": "man gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♂️",
+      "name": "man gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♂️",
+      "name": "man gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♀️",
+      "name": "woman gesturing NO",
+      "shortname": ":woman_gesturing_NO:",
+      "unicode": "1F645 200D 2640 FE0F",
+      "html": "&#x1F645;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♀",
+      "name": "woman gesturing NO",
+      "shortname": ":woman_gesturing_NO:",
+      "unicode": "1F645 200D 2640",
+      "html": "&#x1F645;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♀️",
+      "name": "woman gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♀",
+      "name": "woman gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2640",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♀️",
+      "name": "woman gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♀",
+      "name": "woman gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2640",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♀️",
+      "name": "woman gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♀",
+      "name": "woman gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2640",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♀️",
+      "name": "woman gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♀",
+      "name": "woman gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2640",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♀️",
+      "name": "woman gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♀",
+      "name": "woman gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2640",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♂️",
+      "name": "man gesturing OK",
+      "shortname": ":man_gesturing_OK:",
+      "unicode": "1F646 200D 2642 FE0F",
+      "html": "&#x1F646;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♂️",
+      "name": "man gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♂️",
+      "name": "man gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♂️",
+      "name": "man gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♂️",
+      "name": "man gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♂️",
+      "name": "man gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♀️",
+      "name": "woman gesturing OK",
+      "shortname": ":woman_gesturing_OK:",
+      "unicode": "1F646 200D 2640 FE0F",
+      "html": "&#x1F646;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♀",
+      "name": "woman gesturing OK",
+      "shortname": ":woman_gesturing_OK:",
+      "unicode": "1F646 200D 2640",
+      "html": "&#x1F646;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♀️",
+      "name": "woman gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♀",
+      "name": "woman gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2640",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♀️",
+      "name": "woman gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♀",
+      "name": "woman gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2640",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♀️",
+      "name": "woman gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♀",
+      "name": "woman gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2640",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♀️",
+      "name": "woman gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♀",
+      "name": "woman gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2640",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♀️",
+      "name": "woman gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♀",
+      "name": "woman gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2640",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♂️",
+      "name": "man tipping hand",
+      "shortname": ":man_tipping_hand:",
+      "unicode": "1F481 200D 2642 FE0F",
+      "html": "&#x1F481;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♂️",
+      "name": "man tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♂️",
+      "name": "man tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♂️",
+      "name": "man tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♂️",
+      "name": "man tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♂️",
+      "name": "man tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♀️",
+      "name": "woman tipping hand",
+      "shortname": ":woman_tipping_hand:",
+      "unicode": "1F481 200D 2640 FE0F",
+      "html": "&#x1F481;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♀",
+      "name": "woman tipping hand",
+      "shortname": ":woman_tipping_hand:",
+      "unicode": "1F481 200D 2640",
+      "html": "&#x1F481;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♀️",
+      "name": "woman tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♀",
+      "name": "woman tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2640",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♀️",
+      "name": "woman tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♀",
+      "name": "woman tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2640",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♀️",
+      "name": "woman tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♀",
+      "name": "woman tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2640",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♀️",
+      "name": "woman tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♀",
+      "name": "woman tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2640",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♀️",
+      "name": "woman tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♀",
+      "name": "woman tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2640",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♂️",
+      "name": "man raising hand",
+      "shortname": ":man_raising_hand:",
+      "unicode": "1F64B 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♂️",
+      "name": "man raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♂️",
+      "name": "man raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♂️",
+      "name": "man raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♂️",
+      "name": "man raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♂️",
+      "name": "man raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♀️",
+      "name": "woman raising hand",
+      "shortname": ":woman_raising_hand:",
+      "unicode": "1F64B 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♀",
+      "name": "woman raising hand",
+      "shortname": ":woman_raising_hand:",
+      "unicode": "1F64B 200D 2640",
+      "html": "&#x1F64B;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♀️",
+      "name": "woman raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♀",
+      "name": "woman raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2640",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♀️",
+      "name": "woman raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♀",
+      "name": "woman raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2640",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♀️",
+      "name": "woman raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♀",
+      "name": "woman raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2640",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♀️",
+      "name": "woman raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♀",
+      "name": "woman raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2640",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♀️",
+      "name": "woman raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♀",
+      "name": "woman raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2640",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏",
+      "name": "deaf person",
+      "shortname": ":deaf_person:",
+      "unicode": "1F9CF",
+      "html": "&#x1F9CF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻",
+      "name": "deaf person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB",
+      "html": "&#x1F9CF;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼",
+      "name": "deaf person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC",
+      "html": "&#x1F9CF;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽",
+      "name": "deaf person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD",
+      "html": "&#x1F9CF;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾",
+      "name": "deaf person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE",
+      "html": "&#x1F9CF;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿",
+      "name": "deaf person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF",
+      "html": "&#x1F9CF;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♂️",
+      "name": "deaf man",
+      "shortname": ":deaf_man:",
+      "unicode": "1F9CF 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♂",
+      "name": "deaf man",
+      "shortname": ":deaf_man:",
+      "unicode": "1F9CF 200D 2642",
+      "html": "&#x1F9CF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♂️",
+      "name": "deaf man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♂",
+      "name": "deaf man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♂️",
+      "name": "deaf man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♂",
+      "name": "deaf man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♂️",
+      "name": "deaf man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♂",
+      "name": "deaf man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♂️",
+      "name": "deaf man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♂",
+      "name": "deaf man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♂️",
+      "name": "deaf man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♂",
+      "name": "deaf man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♀️",
+      "name": "deaf woman",
+      "shortname": ":deaf_woman:",
+      "unicode": "1F9CF 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♀",
+      "name": "deaf woman",
+      "shortname": ":deaf_woman:",
+      "unicode": "1F9CF 200D 2640",
+      "html": "&#x1F9CF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♀️",
+      "name": "deaf woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♀",
+      "name": "deaf woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♀️",
+      "name": "deaf woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♀",
+      "name": "deaf woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♀️",
+      "name": "deaf woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♀",
+      "name": "deaf woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♀️",
+      "name": "deaf woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♀",
+      "name": "deaf woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♀️",
+      "name": "deaf woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♀",
+      "name": "deaf woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♂️",
+      "name": "man bowing",
+      "shortname": ":man_bowing:",
+      "unicode": "1F647 200D 2642 FE0F",
+      "html": "&#x1F647;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♂",
+      "name": "man bowing",
+      "shortname": ":man_bowing:",
+      "unicode": "1F647 200D 2642",
+      "html": "&#x1F647;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♂️",
+      "name": "man bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♂",
+      "name": "man bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2642",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♂️",
+      "name": "man bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♂",
+      "name": "man bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2642",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♂️",
+      "name": "man bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♂",
+      "name": "man bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2642",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♂️",
+      "name": "man bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♂",
+      "name": "man bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2642",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♂️",
+      "name": "man bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♂",
+      "name": "man bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2642",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♀️",
+      "name": "woman bowing",
+      "shortname": ":woman_bowing:",
+      "unicode": "1F647 200D 2640 FE0F",
+      "html": "&#x1F647;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♀️",
+      "name": "woman bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♀️",
+      "name": "woman bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♀️",
+      "name": "woman bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♀️",
+      "name": "woman bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♀️",
+      "name": "woman bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦",
+      "name": "person facepalming",
+      "shortname": ":person_facepalming:",
+      "unicode": "1F926",
+      "html": "&#x1F926;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻",
+      "name": "person facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB",
+      "html": "&#x1F926;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼",
+      "name": "person facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC",
+      "html": "&#x1F926;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽",
+      "name": "person facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD",
+      "html": "&#x1F926;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾",
+      "name": "person facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE",
+      "html": "&#x1F926;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿",
+      "name": "person facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF",
+      "html": "&#x1F926;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♂️",
+      "name": "man facepalming",
+      "shortname": ":man_facepalming:",
+      "unicode": "1F926 200D 2642 FE0F",
+      "html": "&#x1F926;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♂",
+      "name": "man facepalming",
+      "shortname": ":man_facepalming:",
+      "unicode": "1F926 200D 2642",
+      "html": "&#x1F926;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♂️",
+      "name": "man facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♂",
+      "name": "man facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2642",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♂️",
+      "name": "man facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♂",
+      "name": "man facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2642",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♂️",
+      "name": "man facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♂",
+      "name": "man facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2642",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♂️",
+      "name": "man facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♂",
+      "name": "man facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2642",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♂️",
+      "name": "man facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♂",
+      "name": "man facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2642",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♀️",
+      "name": "woman facepalming",
+      "shortname": ":woman_facepalming:",
+      "unicode": "1F926 200D 2640 FE0F",
+      "html": "&#x1F926;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♀",
+      "name": "woman facepalming",
+      "shortname": ":woman_facepalming:",
+      "unicode": "1F926 200D 2640",
+      "html": "&#x1F926;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♀️",
+      "name": "woman facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♀",
+      "name": "woman facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2640",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♀️",
+      "name": "woman facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♀",
+      "name": "woman facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2640",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♀️",
+      "name": "woman facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♀",
+      "name": "woman facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2640",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♀️",
+      "name": "woman facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♀",
+      "name": "woman facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2640",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♀️",
+      "name": "woman facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♀",
+      "name": "woman facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2640",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷",
+      "name": "person shrugging",
+      "shortname": ":person_shrugging:",
+      "unicode": "1F937",
+      "html": "&#x1F937;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻",
+      "name": "person shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB",
+      "html": "&#x1F937;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼",
+      "name": "person shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC",
+      "html": "&#x1F937;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽",
+      "name": "person shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD",
+      "html": "&#x1F937;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾",
+      "name": "person shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE",
+      "html": "&#x1F937;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿",
+      "name": "person shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF",
+      "html": "&#x1F937;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♂️",
+      "name": "man shrugging",
+      "shortname": ":man_shrugging:",
+      "unicode": "1F937 200D 2642 FE0F",
+      "html": "&#x1F937;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♂",
+      "name": "man shrugging",
+      "shortname": ":man_shrugging:",
+      "unicode": "1F937 200D 2642",
+      "html": "&#x1F937;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♂️",
+      "name": "man shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♂",
+      "name": "man shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2642",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♂️",
+      "name": "man shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♂",
+      "name": "man shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2642",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♂️",
+      "name": "man shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♂",
+      "name": "man shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2642",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♂️",
+      "name": "man shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♂",
+      "name": "man shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2642",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♂️",
+      "name": "man shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♂",
+      "name": "man shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2642",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♀️",
+      "name": "woman shrugging",
+      "shortname": ":woman_shrugging:",
+      "unicode": "1F937 200D 2640 FE0F",
+      "html": "&#x1F937;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♀",
+      "name": "woman shrugging",
+      "shortname": ":woman_shrugging:",
+      "unicode": "1F937 200D 2640",
+      "html": "&#x1F937;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♀️",
+      "name": "woman shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♀",
+      "name": "woman shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2640",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♀️",
+      "name": "woman shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♀",
+      "name": "woman shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2640",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♀️",
+      "name": "woman shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♀",
+      "name": "woman shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2640",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♀️",
+      "name": "woman shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♀",
+      "name": "woman shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2640",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♀️",
+      "name": "woman shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♀",
+      "name": "woman shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2640",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚕️",
+      "name": "health worker",
+      "shortname": ":health_worker:",
+      "unicode": "1F9D1 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚕",
+      "name": "health worker",
+      "shortname": ":health_worker:",
+      "unicode": "1F9D1 200D 2695",
+      "html": "&#x1F9D1;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚕️",
+      "name": "health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚕",
+      "name": "health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚕️",
+      "name": "health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚕",
+      "name": "health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚕️",
+      "name": "health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚕",
+      "name": "health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚕️",
+      "name": "health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚕",
+      "name": "health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚕️",
+      "name": "health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚕",
+      "name": "health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚕️",
+      "name": "man health worker",
+      "shortname": ":man_health_worker:",
+      "unicode": "1F468 200D 2695 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚕",
+      "name": "man health worker",
+      "shortname": ":man_health_worker:",
+      "unicode": "1F468 200D 2695",
+      "html": "&#x1F468;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚕️",
+      "name": "man health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚕",
+      "name": "man health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2695",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚕️",
+      "name": "man health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚕",
+      "name": "man health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2695",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚕️",
+      "name": "man health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚕",
+      "name": "man health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2695",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚕️",
+      "name": "man health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚕",
+      "name": "man health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2695",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚕️",
+      "name": "man health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚕",
+      "name": "man health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2695",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚕️",
+      "name": "woman health worker",
+      "shortname": ":woman_health_worker:",
+      "unicode": "1F469 200D 2695 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚕",
+      "name": "woman health worker",
+      "shortname": ":woman_health_worker:",
+      "unicode": "1F469 200D 2695",
+      "html": "&#x1F469;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚕️",
+      "name": "woman health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚕",
+      "name": "woman health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2695",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚕️",
+      "name": "woman health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚕",
+      "name": "woman health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2695",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚕️",
+      "name": "woman health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚕",
+      "name": "woman health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2695",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚕️",
+      "name": "woman health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚕",
+      "name": "woman health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2695",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚕️",
+      "name": "woman health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚕",
+      "name": "woman health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2695",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎓",
+      "name": "student",
+      "shortname": ":student:",
+      "unicode": "1F9D1 200D 1F393",
+      "html": "&#x1F9D1;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎓",
+      "name": "student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎓",
+      "name": "student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎓",
+      "name": "student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎓",
+      "name": "student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎓",
+      "name": "student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎓",
+      "name": "man student",
+      "shortname": ":man_student:",
+      "unicode": "1F468 200D 1F393",
+      "html": "&#x1F468;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎓",
+      "name": "man student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F393",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎓",
+      "name": "man student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F393",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎓",
+      "name": "man student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F393",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎓",
+      "name": "man student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F393",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎓",
+      "name": "man student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F393",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎓",
+      "name": "woman student",
+      "shortname": ":woman_student:",
+      "unicode": "1F469 200D 1F393",
+      "html": "&#x1F469;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎓",
+      "name": "woman student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F393",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎓",
+      "name": "woman student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F393",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎓",
+      "name": "woman student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F393",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎓",
+      "name": "woman student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F393",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎓",
+      "name": "woman student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F393",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🏫",
+      "name": "teacher",
+      "shortname": ":teacher:",
+      "unicode": "1F9D1 200D 1F3EB",
+      "html": "&#x1F9D1;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🏫",
+      "name": "teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🏫",
+      "name": "teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🏫",
+      "name": "teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🏫",
+      "name": "teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🏫",
+      "name": "teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🏫",
+      "name": "man teacher",
+      "shortname": ":man_teacher:",
+      "unicode": "1F468 200D 1F3EB",
+      "html": "&#x1F468;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🏫",
+      "name": "man teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🏫",
+      "name": "man teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🏫",
+      "name": "man teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🏫",
+      "name": "man teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🏫",
+      "name": "man teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🏫",
+      "name": "woman teacher",
+      "shortname": ":woman_teacher:",
+      "unicode": "1F469 200D 1F3EB",
+      "html": "&#x1F469;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🏫",
+      "name": "woman teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🏫",
+      "name": "woman teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🏫",
+      "name": "woman teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🏫",
+      "name": "woman teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🏫",
+      "name": "woman teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚖️",
+      "name": "judge",
+      "shortname": ":judge:",
+      "unicode": "1F9D1 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚖",
+      "name": "judge",
+      "shortname": ":judge:",
+      "unicode": "1F9D1 200D 2696",
+      "html": "&#x1F9D1;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚖️",
+      "name": "judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚖",
+      "name": "judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚖️",
+      "name": "judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚖",
+      "name": "judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚖️",
+      "name": "judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚖",
+      "name": "judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚖️",
+      "name": "judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚖",
+      "name": "judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚖️",
+      "name": "judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚖",
+      "name": "judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚖️",
+      "name": "man judge",
+      "shortname": ":man_judge:",
+      "unicode": "1F468 200D 2696 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚖",
+      "name": "man judge",
+      "shortname": ":man_judge:",
+      "unicode": "1F468 200D 2696",
+      "html": "&#x1F468;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚖️",
+      "name": "man judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚖",
+      "name": "man judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2696",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚖️",
+      "name": "man judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚖",
+      "name": "man judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2696",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚖️",
+      "name": "man judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚖",
+      "name": "man judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2696",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚖️",
+      "name": "man judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚖",
+      "name": "man judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2696",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚖️",
+      "name": "man judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚖",
+      "name": "man judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2696",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚖️",
+      "name": "woman judge",
+      "shortname": ":woman_judge:",
+      "unicode": "1F469 200D 2696 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚖",
+      "name": "woman judge",
+      "shortname": ":woman_judge:",
+      "unicode": "1F469 200D 2696",
+      "html": "&#x1F469;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚖️",
+      "name": "woman judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚖",
+      "name": "woman judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2696",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚖️",
+      "name": "woman judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚖",
+      "name": "woman judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2696",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚖️",
+      "name": "woman judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚖",
+      "name": "woman judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2696",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚖️",
+      "name": "woman judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚖",
+      "name": "woman judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2696",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚖️",
+      "name": "woman judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚖",
+      "name": "woman judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2696",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🌾",
+      "name": "farmer",
+      "shortname": ":farmer:",
+      "unicode": "1F9D1 200D 1F33E",
+      "html": "&#x1F9D1;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🌾",
+      "name": "farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🌾",
+      "name": "farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🌾",
+      "name": "farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🌾",
+      "name": "farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🌾",
+      "name": "farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🌾",
+      "name": "man farmer",
+      "shortname": ":man_farmer:",
+      "unicode": "1F468 200D 1F33E",
+      "html": "&#x1F468;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🌾",
+      "name": "man farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🌾",
+      "name": "man farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🌾",
+      "name": "man farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🌾",
+      "name": "man farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🌾",
+      "name": "man farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🌾",
+      "name": "woman farmer",
+      "shortname": ":woman_farmer:",
+      "unicode": "1F469 200D 1F33E",
+      "html": "&#x1F469;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🌾",
+      "name": "woman farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🌾",
+      "name": "woman farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🌾",
+      "name": "woman farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🌾",
+      "name": "woman farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🌾",
+      "name": "woman farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🍳",
+      "name": "cook",
+      "shortname": ":cook:",
+      "unicode": "1F9D1 200D 1F373",
+      "html": "&#x1F9D1;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🍳",
+      "name": "cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🍳",
+      "name": "cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🍳",
+      "name": "cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🍳",
+      "name": "cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🍳",
+      "name": "cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🍳",
+      "name": "man cook",
+      "shortname": ":man_cook:",
+      "unicode": "1F468 200D 1F373",
+      "html": "&#x1F468;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🍳",
+      "name": "man cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F373",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🍳",
+      "name": "man cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F373",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🍳",
+      "name": "man cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F373",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🍳",
+      "name": "man cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F373",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🍳",
+      "name": "man cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F373",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🍳",
+      "name": "woman cook",
+      "shortname": ":woman_cook:",
+      "unicode": "1F469 200D 1F373",
+      "html": "&#x1F469;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🍳",
+      "name": "woman cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F373",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🍳",
+      "name": "woman cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F373",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🍳",
+      "name": "woman cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F373",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🍳",
+      "name": "woman cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F373",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🍳",
+      "name": "woman cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F373",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🔧",
+      "name": "mechanic",
+      "shortname": ":mechanic:",
+      "unicode": "1F9D1 200D 1F527",
+      "html": "&#x1F9D1;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🔧",
+      "name": "mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🔧",
+      "name": "mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🔧",
+      "name": "mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🔧",
+      "name": "mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🔧",
+      "name": "mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🔧",
+      "name": "man mechanic",
+      "shortname": ":man_mechanic:",
+      "unicode": "1F468 200D 1F527",
+      "html": "&#x1F468;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🔧",
+      "name": "man mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F527",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🔧",
+      "name": "man mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F527",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🔧",
+      "name": "man mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F527",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🔧",
+      "name": "man mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F527",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🔧",
+      "name": "man mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F527",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🔧",
+      "name": "woman mechanic",
+      "shortname": ":woman_mechanic:",
+      "unicode": "1F469 200D 1F527",
+      "html": "&#x1F469;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🔧",
+      "name": "woman mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F527",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🔧",
+      "name": "woman mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F527",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🔧",
+      "name": "woman mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F527",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🔧",
+      "name": "woman mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F527",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🔧",
+      "name": "woman mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F527",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🏭",
+      "name": "factory worker",
+      "shortname": ":factory_worker:",
+      "unicode": "1F9D1 200D 1F3ED",
+      "html": "&#x1F9D1;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🏭",
+      "name": "factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🏭",
+      "name": "factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🏭",
+      "name": "factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🏭",
+      "name": "factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🏭",
+      "name": "factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🏭",
+      "name": "man factory worker",
+      "shortname": ":man_factory_worker:",
+      "unicode": "1F468 200D 1F3ED",
+      "html": "&#x1F468;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🏭",
+      "name": "man factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🏭",
+      "name": "man factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🏭",
+      "name": "man factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🏭",
+      "name": "man factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🏭",
+      "name": "man factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🏭",
+      "name": "woman factory worker",
+      "shortname": ":woman_factory_worker:",
+      "unicode": "1F469 200D 1F3ED",
+      "html": "&#x1F469;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🏭",
+      "name": "woman factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🏭",
+      "name": "woman factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🏭",
+      "name": "woman factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🏭",
+      "name": "woman factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🏭",
+      "name": "woman factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍💼",
+      "name": "office worker",
+      "shortname": ":office_worker:",
+      "unicode": "1F9D1 200D 1F4BC",
+      "html": "&#x1F9D1;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍💼",
+      "name": "office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍💼",
+      "name": "office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍💼",
+      "name": "office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍💼",
+      "name": "office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍💼",
+      "name": "office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍💼",
+      "name": "man office worker",
+      "shortname": ":man_office_worker:",
+      "unicode": "1F468 200D 1F4BC",
+      "html": "&#x1F468;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍💼",
+      "name": "man office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍💼",
+      "name": "man office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍💼",
+      "name": "man office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍💼",
+      "name": "man office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍💼",
+      "name": "man office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍💼",
+      "name": "woman office worker",
+      "shortname": ":woman_office_worker:",
+      "unicode": "1F469 200D 1F4BC",
+      "html": "&#x1F469;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍💼",
+      "name": "woman office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍💼",
+      "name": "woman office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍💼",
+      "name": "woman office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍💼",
+      "name": "woman office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍💼",
+      "name": "woman office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🔬",
+      "name": "scientist",
+      "shortname": ":scientist:",
+      "unicode": "1F9D1 200D 1F52C",
+      "html": "&#x1F9D1;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🔬",
+      "name": "scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🔬",
+      "name": "scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🔬",
+      "name": "scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🔬",
+      "name": "scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🔬",
+      "name": "scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🔬",
+      "name": "man scientist",
+      "shortname": ":man_scientist:",
+      "unicode": "1F468 200D 1F52C",
+      "html": "&#x1F468;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🔬",
+      "name": "man scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🔬",
+      "name": "man scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🔬",
+      "name": "man scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🔬",
+      "name": "man scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🔬",
+      "name": "man scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🔬",
+      "name": "woman scientist",
+      "shortname": ":woman_scientist:",
+      "unicode": "1F469 200D 1F52C",
+      "html": "&#x1F469;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🔬",
+      "name": "woman scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🔬",
+      "name": "woman scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🔬",
+      "name": "woman scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🔬",
+      "name": "woman scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🔬",
+      "name": "woman scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍💻",
+      "name": "technologist",
+      "shortname": ":technologist:",
+      "unicode": "1F9D1 200D 1F4BB",
+      "html": "&#x1F9D1;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍💻",
+      "name": "technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍💻",
+      "name": "technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍💻",
+      "name": "technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍💻",
+      "name": "technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍💻",
+      "name": "technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍💻",
+      "name": "man technologist",
+      "shortname": ":man_technologist:",
+      "unicode": "1F468 200D 1F4BB",
+      "html": "&#x1F468;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍💻",
+      "name": "man technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍💻",
+      "name": "man technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍💻",
+      "name": "man technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍💻",
+      "name": "man technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍💻",
+      "name": "man technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍💻",
+      "name": "woman technologist",
+      "shortname": ":woman_technologist:",
+      "unicode": "1F469 200D 1F4BB",
+      "html": "&#x1F469;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍💻",
+      "name": "woman technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍💻",
+      "name": "woman technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍💻",
+      "name": "woman technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍💻",
+      "name": "woman technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍💻",
+      "name": "woman technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎤",
+      "name": "singer",
+      "shortname": ":singer:",
+      "unicode": "1F9D1 200D 1F3A4",
+      "html": "&#x1F9D1;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎤",
+      "name": "singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎤",
+      "name": "singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎤",
+      "name": "singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎤",
+      "name": "singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎤",
+      "name": "singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎤",
+      "name": "man singer",
+      "shortname": ":man_singer:",
+      "unicode": "1F468 200D 1F3A4",
+      "html": "&#x1F468;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎤",
+      "name": "man singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎤",
+      "name": "man singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎤",
+      "name": "man singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎤",
+      "name": "man singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎤",
+      "name": "man singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎤",
+      "name": "woman singer",
+      "shortname": ":woman_singer:",
+      "unicode": "1F469 200D 1F3A4",
+      "html": "&#x1F469;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎤",
+      "name": "woman singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎤",
+      "name": "woman singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎤",
+      "name": "woman singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎤",
+      "name": "woman singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎤",
+      "name": "woman singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎨",
+      "name": "artist",
+      "shortname": ":artist:",
+      "unicode": "1F9D1 200D 1F3A8",
+      "html": "&#x1F9D1;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎨",
+      "name": "artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎨",
+      "name": "artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎨",
+      "name": "artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎨",
+      "name": "artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎨",
+      "name": "artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎨",
+      "name": "man artist",
+      "shortname": ":man_artist:",
+      "unicode": "1F468 200D 1F3A8",
+      "html": "&#x1F468;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎨",
+      "name": "man artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎨",
+      "name": "man artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎨",
+      "name": "man artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎨",
+      "name": "man artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎨",
+      "name": "man artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎨",
+      "name": "woman artist",
+      "shortname": ":woman_artist:",
+      "unicode": "1F469 200D 1F3A8",
+      "html": "&#x1F469;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎨",
+      "name": "woman artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎨",
+      "name": "woman artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎨",
+      "name": "woman artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎨",
+      "name": "woman artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎨",
+      "name": "woman artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍✈️",
+      "name": "pilot",
+      "shortname": ":pilot:",
+      "unicode": "1F9D1 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍✈",
+      "name": "pilot",
+      "shortname": ":pilot:",
+      "unicode": "1F9D1 200D 2708",
+      "html": "&#x1F9D1;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍✈️",
+      "name": "pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍✈",
+      "name": "pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍✈️",
+      "name": "pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍✈",
+      "name": "pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍✈️",
+      "name": "pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍✈",
+      "name": "pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍✈️",
+      "name": "pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍✈",
+      "name": "pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍✈️",
+      "name": "pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍✈",
+      "name": "pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍✈️",
+      "name": "man pilot",
+      "shortname": ":man_pilot:",
+      "unicode": "1F468 200D 2708 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍✈",
+      "name": "man pilot",
+      "shortname": ":man_pilot:",
+      "unicode": "1F468 200D 2708",
+      "html": "&#x1F468;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍✈️",
+      "name": "man pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍✈",
+      "name": "man pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2708",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍✈️",
+      "name": "man pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍✈",
+      "name": "man pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2708",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍✈️",
+      "name": "man pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍✈",
+      "name": "man pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2708",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍✈️",
+      "name": "man pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍✈",
+      "name": "man pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2708",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍✈️",
+      "name": "man pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍✈",
+      "name": "man pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2708",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍✈️",
+      "name": "woman pilot",
+      "shortname": ":woman_pilot:",
+      "unicode": "1F469 200D 2708 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍✈",
+      "name": "woman pilot",
+      "shortname": ":woman_pilot:",
+      "unicode": "1F469 200D 2708",
+      "html": "&#x1F469;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍✈️",
+      "name": "woman pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍✈",
+      "name": "woman pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2708",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍✈️",
+      "name": "woman pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍✈",
+      "name": "woman pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2708",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍✈️",
+      "name": "woman pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍✈",
+      "name": "woman pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2708",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍✈️",
+      "name": "woman pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍✈",
+      "name": "woman pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2708",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍✈️",
+      "name": "woman pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍✈",
+      "name": "woman pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2708",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🚀",
+      "name": "astronaut",
+      "shortname": ":astronaut:",
+      "unicode": "1F9D1 200D 1F680",
+      "html": "&#x1F9D1;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🚀",
+      "name": "astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🚀",
+      "name": "astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🚀",
+      "name": "astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🚀",
+      "name": "astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🚀",
+      "name": "astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🚀",
+      "name": "man astronaut",
+      "shortname": ":man_astronaut:",
+      "unicode": "1F468 200D 1F680",
+      "html": "&#x1F468;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🚀",
+      "name": "man astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F680",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🚀",
+      "name": "man astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F680",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🚀",
+      "name": "man astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F680",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🚀",
+      "name": "man astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F680",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🚀",
+      "name": "man astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F680",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🚀",
+      "name": "woman astronaut",
+      "shortname": ":woman_astronaut:",
+      "unicode": "1F469 200D 1F680",
+      "html": "&#x1F469;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🚀",
+      "name": "woman astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F680",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🚀",
+      "name": "woman astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F680",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🚀",
+      "name": "woman astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F680",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🚀",
+      "name": "woman astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F680",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🚀",
+      "name": "woman astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F680",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🚒",
+      "name": "firefighter",
+      "shortname": ":firefighter:",
+      "unicode": "1F9D1 200D 1F692",
+      "html": "&#x1F9D1;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🚒",
+      "name": "firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🚒",
+      "name": "firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🚒",
+      "name": "firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🚒",
+      "name": "firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🚒",
+      "name": "firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🚒",
+      "name": "man firefighter",
+      "shortname": ":man_firefighter:",
+      "unicode": "1F468 200D 1F692",
+      "html": "&#x1F468;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🚒",
+      "name": "man firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F692",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🚒",
+      "name": "man firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F692",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🚒",
+      "name": "man firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F692",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🚒",
+      "name": "man firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F692",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🚒",
+      "name": "man firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F692",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🚒",
+      "name": "woman firefighter",
+      "shortname": ":woman_firefighter:",
+      "unicode": "1F469 200D 1F692",
+      "html": "&#x1F469;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🚒",
+      "name": "woman firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F692",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🚒",
+      "name": "woman firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F692",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🚒",
+      "name": "woman firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F692",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🚒",
+      "name": "woman firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F692",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🚒",
+      "name": "woman firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F692",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♂️",
+      "name": "man police officer",
+      "shortname": ":man_police_officer:",
+      "unicode": "1F46E 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♂",
+      "name": "man police officer",
+      "shortname": ":man_police_officer:",
+      "unicode": "1F46E 200D 2642",
+      "html": "&#x1F46E;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♂️",
+      "name": "man police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♂",
+      "name": "man police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2642",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♂️",
+      "name": "man police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♂",
+      "name": "man police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2642",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♂️",
+      "name": "man police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♂",
+      "name": "man police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2642",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♂️",
+      "name": "man police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♂",
+      "name": "man police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2642",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♂️",
+      "name": "man police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♂",
+      "name": "man police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2642",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♀️",
+      "name": "woman police officer",
+      "shortname": ":woman_police_officer:",
+      "unicode": "1F46E 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♀️",
+      "name": "woman police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♀️",
+      "name": "woman police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♀️",
+      "name": "woman police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♀️",
+      "name": "woman police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♀️",
+      "name": "woman police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️",
+      "name": "detective",
+      "shortname": ":detective:",
+      "unicode": "1F575 FE0F",
+      "html": "&#x1F575;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♂️",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 FE0F 200D 2642 FE0F",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♂️",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 200D 2642 FE0F",
+      "html": "&#x1F575;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♂",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 FE0F 200D 2642",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♂",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 200D 2642",
+      "html": "&#x1F575;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♂️",
+      "name": "man detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♂",
+      "name": "man detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2642",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♂️",
+      "name": "man detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♂",
+      "name": "man detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2642",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♂️",
+      "name": "man detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♂",
+      "name": "man detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2642",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♂️",
+      "name": "man detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♂",
+      "name": "man detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2642",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♂️",
+      "name": "man detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♂",
+      "name": "man detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2642",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♀️",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 FE0F 200D 2640 FE0F",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♀️",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 200D 2640 FE0F",
+      "html": "&#x1F575;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♀",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 FE0F 200D 2640",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♀️",
+      "name": "woman detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♀️",
+      "name": "woman detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♀️",
+      "name": "woman detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♀️",
+      "name": "woman detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♀️",
+      "name": "woman detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♂️",
+      "name": "man guard",
+      "shortname": ":man_guard:",
+      "unicode": "1F482 200D 2642 FE0F",
+      "html": "&#x1F482;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♂",
+      "name": "man guard",
+      "shortname": ":man_guard:",
+      "unicode": "1F482 200D 2642",
+      "html": "&#x1F482;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♂️",
+      "name": "man guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♂",
+      "name": "man guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2642",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♂️",
+      "name": "man guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♂",
+      "name": "man guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2642",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♂️",
+      "name": "man guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♂",
+      "name": "man guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2642",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♂️",
+      "name": "man guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♂",
+      "name": "man guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2642",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♂️",
+      "name": "man guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♂",
+      "name": "man guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2642",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♀️",
+      "name": "woman guard",
+      "shortname": ":woman_guard:",
+      "unicode": "1F482 200D 2640 FE0F",
+      "html": "&#x1F482;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♀️",
+      "name": "woman guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♀️",
+      "name": "woman guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♀️",
+      "name": "woman guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♀️",
+      "name": "woman guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♀️",
+      "name": "woman guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♂️",
+      "name": "man construction worker",
+      "shortname": ":man_construction_worker:",
+      "unicode": "1F477 200D 2642 FE0F",
+      "html": "&#x1F477;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♂",
+      "name": "man construction worker",
+      "shortname": ":man_construction_worker:",
+      "unicode": "1F477 200D 2642",
+      "html": "&#x1F477;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♂️",
+      "name": "man construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♂",
+      "name": "man construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2642",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♂️",
+      "name": "man construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♂",
+      "name": "man construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2642",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♂️",
+      "name": "man construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♂",
+      "name": "man construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2642",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♂️",
+      "name": "man construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♂",
+      "name": "man construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2642",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♂️",
+      "name": "man construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♂",
+      "name": "man construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2642",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♀️",
+      "name": "woman construction worker",
+      "shortname": ":woman_construction_worker:",
+      "unicode": "1F477 200D 2640 FE0F",
+      "html": "&#x1F477;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♀️",
+      "name": "woman construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♀️",
+      "name": "woman construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♀️",
+      "name": "woman construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♀️",
+      "name": "woman construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♀️",
+      "name": "woman construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴",
+      "name": "prince",
+      "shortname": ":prince:",
+      "unicode": "1F934",
+      "html": "&#x1F934;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏻",
+      "name": "prince: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F934 1F3FB",
+      "html": "&#x1F934;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏼",
+      "name": "prince: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F934 1F3FC",
+      "html": "&#x1F934;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏽",
+      "name": "prince: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F934 1F3FD",
+      "html": "&#x1F934;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏾",
+      "name": "prince: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F934 1F3FE",
+      "html": "&#x1F934;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏿",
+      "name": "prince: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F934 1F3FF",
+      "html": "&#x1F934;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♂️",
+      "name": "man wearing turban",
+      "shortname": ":man_wearing_turban:",
+      "unicode": "1F473 200D 2642 FE0F",
+      "html": "&#x1F473;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♂",
+      "name": "man wearing turban",
+      "shortname": ":man_wearing_turban:",
+      "unicode": "1F473 200D 2642",
+      "html": "&#x1F473;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♂️",
+      "name": "man wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♂",
+      "name": "man wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2642",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♂️",
+      "name": "man wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♂",
+      "name": "man wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2642",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♂️",
+      "name": "man wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♂",
+      "name": "man wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2642",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♂️",
+      "name": "man wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♂",
+      "name": "man wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2642",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♂️",
+      "name": "man wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♂",
+      "name": "man wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2642",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♀️",
+      "name": "woman wearing turban",
+      "shortname": ":woman_wearing_turban:",
+      "unicode": "1F473 200D 2640 FE0F",
+      "html": "&#x1F473;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♀️",
+      "name": "woman wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♀️",
+      "name": "woman wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♀️",
+      "name": "woman wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♀️",
+      "name": "woman wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♀️",
+      "name": "woman wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕",
+      "name": "woman with headscarf",
+      "shortname": ":woman_with_headscarf:",
+      "unicode": "1F9D5",
+      "html": "&#x1F9D5;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏻",
+      "name": "woman with headscarf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D5 1F3FB",
+      "html": "&#x1F9D5;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏼",
+      "name": "woman with headscarf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D5 1F3FC",
+      "html": "&#x1F9D5;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏽",
+      "name": "woman with headscarf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D5 1F3FD",
+      "html": "&#x1F9D5;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏾",
+      "name": "woman with headscarf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D5 1F3FE",
+      "html": "&#x1F9D5;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏿",
+      "name": "woman with headscarf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D5 1F3FF",
+      "html": "&#x1F9D5;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵",
+      "name": "man in tuxedo",
+      "shortname": ":man_in_tuxedo:",
+      "unicode": "1F935",
+      "html": "&#x1F935;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏻",
+      "name": "man in tuxedo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F935 1F3FB",
+      "html": "&#x1F935;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏼",
+      "name": "man in tuxedo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F935 1F3FC",
+      "html": "&#x1F935;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏽",
+      "name": "man in tuxedo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F935 1F3FD",
+      "html": "&#x1F935;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏾",
+      "name": "man in tuxedo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F935 1F3FE",
+      "html": "&#x1F935;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏿",
+      "name": "man in tuxedo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F935 1F3FF",
+      "html": "&#x1F935;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰",
+      "name": "pregnant woman",
+      "shortname": ":pregnant_woman:",
+      "unicode": "1F930",
+      "html": "&#x1F930;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏻",
+      "name": "pregnant woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F930 1F3FB",
+      "html": "&#x1F930;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏼",
+      "name": "pregnant woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F930 1F3FC",
+      "html": "&#x1F930;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏽",
+      "name": "pregnant woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F930 1F3FD",
+      "html": "&#x1F930;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏾",
+      "name": "pregnant woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F930 1F3FE",
+      "html": "&#x1F930;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏿",
+      "name": "pregnant woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F930 1F3FF",
+      "html": "&#x1F930;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱",
+      "name": "breast-feeding",
+      "shortname": ":breastfeeding:",
+      "unicode": "1F931",
+      "html": "&#x1F931;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏻",
+      "name": "breast-feeding: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F931 1F3FB",
+      "html": "&#x1F931;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏼",
+      "name": "breast-feeding: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F931 1F3FC",
+      "html": "&#x1F931;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏽",
+      "name": "breast-feeding: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F931 1F3FD",
+      "html": "&#x1F931;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏾",
+      "name": "breast-feeding: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F931 1F3FE",
+      "html": "&#x1F931;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏿",
+      "name": "breast-feeding: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F931 1F3FF",
+      "html": "&#x1F931;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶",
+      "name": "Mrs. Claus",
+      "shortname": ":Mrs_Claus:",
+      "unicode": "1F936",
+      "html": "&#x1F936;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏻",
+      "name": "Mrs. Claus: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F936 1F3FB",
+      "html": "&#x1F936;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏼",
+      "name": "Mrs. Claus: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F936 1F3FC",
+      "html": "&#x1F936;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏽",
+      "name": "Mrs. Claus: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F936 1F3FD",
+      "html": "&#x1F936;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏾",
+      "name": "Mrs. Claus: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F936 1F3FE",
+      "html": "&#x1F936;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏿",
+      "name": "Mrs. Claus: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F936 1F3FF",
+      "html": "&#x1F936;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸",
+      "name": "superhero",
+      "shortname": ":superhero:",
+      "unicode": "1F9B8",
+      "html": "&#x1F9B8;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻",
+      "name": "superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB",
+      "html": "&#x1F9B8;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼",
+      "name": "superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC",
+      "html": "&#x1F9B8;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽",
+      "name": "superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD",
+      "html": "&#x1F9B8;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾",
+      "name": "superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE",
+      "html": "&#x1F9B8;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿",
+      "name": "superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF",
+      "html": "&#x1F9B8;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♂️",
+      "name": "man superhero",
+      "shortname": ":man_superhero:",
+      "unicode": "1F9B8 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♂",
+      "name": "man superhero",
+      "shortname": ":man_superhero:",
+      "unicode": "1F9B8 200D 2642",
+      "html": "&#x1F9B8;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♂️",
+      "name": "man superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♂",
+      "name": "man superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♂️",
+      "name": "man superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♂",
+      "name": "man superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♂️",
+      "name": "man superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♂",
+      "name": "man superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♂️",
+      "name": "man superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♂",
+      "name": "man superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♂️",
+      "name": "man superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♂",
+      "name": "man superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♀️",
+      "name": "woman superhero",
+      "shortname": ":woman_superhero:",
+      "unicode": "1F9B8 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♀",
+      "name": "woman superhero",
+      "shortname": ":woman_superhero:",
+      "unicode": "1F9B8 200D 2640",
+      "html": "&#x1F9B8;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♀️",
+      "name": "woman superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♀",
+      "name": "woman superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♀️",
+      "name": "woman superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♀",
+      "name": "woman superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♀️",
+      "name": "woman superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♀",
+      "name": "woman superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♀️",
+      "name": "woman superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♀",
+      "name": "woman superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♀️",
+      "name": "woman superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♀",
+      "name": "woman superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹",
+      "name": "supervillain",
+      "shortname": ":supervillain:",
+      "unicode": "1F9B9",
+      "html": "&#x1F9B9;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻",
+      "name": "supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB",
+      "html": "&#x1F9B9;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼",
+      "name": "supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC",
+      "html": "&#x1F9B9;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽",
+      "name": "supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD",
+      "html": "&#x1F9B9;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾",
+      "name": "supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE",
+      "html": "&#x1F9B9;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿",
+      "name": "supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF",
+      "html": "&#x1F9B9;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♂️",
+      "name": "man supervillain",
+      "shortname": ":man_supervillain:",
+      "unicode": "1F9B9 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♂",
+      "name": "man supervillain",
+      "shortname": ":man_supervillain:",
+      "unicode": "1F9B9 200D 2642",
+      "html": "&#x1F9B9;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♂️",
+      "name": "man supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♂",
+      "name": "man supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♂️",
+      "name": "man supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♂",
+      "name": "man supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♂️",
+      "name": "man supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♂",
+      "name": "man supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♂️",
+      "name": "man supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♂",
+      "name": "man supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♂️",
+      "name": "man supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♂",
+      "name": "man supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♀️",
+      "name": "woman supervillain",
+      "shortname": ":woman_supervillain:",
+      "unicode": "1F9B9 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♀",
+      "name": "woman supervillain",
+      "shortname": ":woman_supervillain:",
+      "unicode": "1F9B9 200D 2640",
+      "html": "&#x1F9B9;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♀️",
+      "name": "woman supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♀",
+      "name": "woman supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♀️",
+      "name": "woman supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♀",
+      "name": "woman supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♀️",
+      "name": "woman supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♀",
+      "name": "woman supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♀️",
+      "name": "woman supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♀",
+      "name": "woman supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♀️",
+      "name": "woman supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♀",
+      "name": "woman supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙",
+      "name": "mage",
+      "shortname": ":mage:",
+      "unicode": "1F9D9",
+      "html": "&#x1F9D9;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻",
+      "name": "mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB",
+      "html": "&#x1F9D9;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼",
+      "name": "mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC",
+      "html": "&#x1F9D9;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽",
+      "name": "mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD",
+      "html": "&#x1F9D9;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾",
+      "name": "mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE",
+      "html": "&#x1F9D9;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿",
+      "name": "mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF",
+      "html": "&#x1F9D9;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♂️",
+      "name": "man mage",
+      "shortname": ":man_mage:",
+      "unicode": "1F9D9 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♂",
+      "name": "man mage",
+      "shortname": ":man_mage:",
+      "unicode": "1F9D9 200D 2642",
+      "html": "&#x1F9D9;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♂️",
+      "name": "man mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♂",
+      "name": "man mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♂️",
+      "name": "man mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♂",
+      "name": "man mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♂️",
+      "name": "man mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♂",
+      "name": "man mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♂️",
+      "name": "man mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♂",
+      "name": "man mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♂️",
+      "name": "man mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♂",
+      "name": "man mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♀️",
+      "name": "woman mage",
+      "shortname": ":woman_mage:",
+      "unicode": "1F9D9 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♀",
+      "name": "woman mage",
+      "shortname": ":woman_mage:",
+      "unicode": "1F9D9 200D 2640",
+      "html": "&#x1F9D9;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♀️",
+      "name": "woman mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♀",
+      "name": "woman mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♀️",
+      "name": "woman mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♀",
+      "name": "woman mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♀️",
+      "name": "woman mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♀",
+      "name": "woman mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♀️",
+      "name": "woman mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♀",
+      "name": "woman mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♀️",
+      "name": "woman mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♀",
+      "name": "woman mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚",
+      "name": "fairy",
+      "shortname": ":fairy:",
+      "unicode": "1F9DA",
+      "html": "&#x1F9DA;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻",
+      "name": "fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB",
+      "html": "&#x1F9DA;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼",
+      "name": "fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC",
+      "html": "&#x1F9DA;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽",
+      "name": "fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD",
+      "html": "&#x1F9DA;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾",
+      "name": "fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE",
+      "html": "&#x1F9DA;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿",
+      "name": "fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF",
+      "html": "&#x1F9DA;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♂️",
+      "name": "man fairy",
+      "shortname": ":man_fairy:",
+      "unicode": "1F9DA 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♂",
+      "name": "man fairy",
+      "shortname": ":man_fairy:",
+      "unicode": "1F9DA 200D 2642",
+      "html": "&#x1F9DA;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♂️",
+      "name": "man fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♂",
+      "name": "man fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♂️",
+      "name": "man fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♂",
+      "name": "man fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♂️",
+      "name": "man fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♂",
+      "name": "man fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♂️",
+      "name": "man fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♂",
+      "name": "man fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♂️",
+      "name": "man fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♂",
+      "name": "man fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♀️",
+      "name": "woman fairy",
+      "shortname": ":woman_fairy:",
+      "unicode": "1F9DA 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♀",
+      "name": "woman fairy",
+      "shortname": ":woman_fairy:",
+      "unicode": "1F9DA 200D 2640",
+      "html": "&#x1F9DA;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♀️",
+      "name": "woman fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♀",
+      "name": "woman fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♀️",
+      "name": "woman fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♀",
+      "name": "woman fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♀️",
+      "name": "woman fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♀",
+      "name": "woman fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♀️",
+      "name": "woman fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♀",
+      "name": "woman fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♀️",
+      "name": "woman fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♀",
+      "name": "woman fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛",
+      "name": "vampire",
+      "shortname": ":vampire:",
+      "unicode": "1F9DB",
+      "html": "&#x1F9DB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻",
+      "name": "vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB",
+      "html": "&#x1F9DB;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼",
+      "name": "vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC",
+      "html": "&#x1F9DB;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽",
+      "name": "vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD",
+      "html": "&#x1F9DB;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾",
+      "name": "vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE",
+      "html": "&#x1F9DB;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿",
+      "name": "vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF",
+      "html": "&#x1F9DB;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♂️",
+      "name": "man vampire",
+      "shortname": ":man_vampire:",
+      "unicode": "1F9DB 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♂",
+      "name": "man vampire",
+      "shortname": ":man_vampire:",
+      "unicode": "1F9DB 200D 2642",
+      "html": "&#x1F9DB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♂️",
+      "name": "man vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♂",
+      "name": "man vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♂️",
+      "name": "man vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♂",
+      "name": "man vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♂️",
+      "name": "man vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♂",
+      "name": "man vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♂️",
+      "name": "man vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♂",
+      "name": "man vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♂️",
+      "name": "man vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♂",
+      "name": "man vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♀️",
+      "name": "woman vampire",
+      "shortname": ":woman_vampire:",
+      "unicode": "1F9DB 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♀",
+      "name": "woman vampire",
+      "shortname": ":woman_vampire:",
+      "unicode": "1F9DB 200D 2640",
+      "html": "&#x1F9DB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♀️",
+      "name": "woman vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♀",
+      "name": "woman vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♀️",
+      "name": "woman vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♀",
+      "name": "woman vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♀️",
+      "name": "woman vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♀",
+      "name": "woman vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♀️",
+      "name": "woman vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♀",
+      "name": "woman vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♀️",
+      "name": "woman vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♀",
+      "name": "woman vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜",
+      "name": "merperson",
+      "shortname": ":merperson:",
+      "unicode": "1F9DC",
+      "html": "&#x1F9DC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻",
+      "name": "merperson: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB",
+      "html": "&#x1F9DC;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼",
+      "name": "merperson: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC",
+      "html": "&#x1F9DC;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽",
+      "name": "merperson: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD",
+      "html": "&#x1F9DC;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾",
+      "name": "merperson: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE",
+      "html": "&#x1F9DC;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿",
+      "name": "merperson: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF",
+      "html": "&#x1F9DC;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♂️",
+      "name": "merman",
+      "shortname": ":merman:",
+      "unicode": "1F9DC 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♂",
+      "name": "merman",
+      "shortname": ":merman:",
+      "unicode": "1F9DC 200D 2642",
+      "html": "&#x1F9DC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♂️",
+      "name": "merman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♂",
+      "name": "merman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♂️",
+      "name": "merman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♂",
+      "name": "merman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♂️",
+      "name": "merman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♂",
+      "name": "merman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♂️",
+      "name": "merman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♂",
+      "name": "merman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♂️",
+      "name": "merman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♂",
+      "name": "merman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♀️",
+      "name": "mermaid",
+      "shortname": ":mermaid:",
+      "unicode": "1F9DC 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♀",
+      "name": "mermaid",
+      "shortname": ":mermaid:",
+      "unicode": "1F9DC 200D 2640",
+      "html": "&#x1F9DC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♀️",
+      "name": "mermaid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♀",
+      "name": "mermaid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♀️",
+      "name": "mermaid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♀",
+      "name": "mermaid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♀️",
+      "name": "mermaid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♀",
+      "name": "mermaid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♀️",
+      "name": "mermaid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♀",
+      "name": "mermaid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♀️",
+      "name": "mermaid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♀",
+      "name": "mermaid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝",
+      "name": "elf",
+      "shortname": ":elf:",
+      "unicode": "1F9DD",
+      "html": "&#x1F9DD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻",
+      "name": "elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB",
+      "html": "&#x1F9DD;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼",
+      "name": "elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC",
+      "html": "&#x1F9DD;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽",
+      "name": "elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD",
+      "html": "&#x1F9DD;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾",
+      "name": "elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE",
+      "html": "&#x1F9DD;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿",
+      "name": "elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF",
+      "html": "&#x1F9DD;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♂️",
+      "name": "man elf",
+      "shortname": ":man_elf:",
+      "unicode": "1F9DD 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♂",
+      "name": "man elf",
+      "shortname": ":man_elf:",
+      "unicode": "1F9DD 200D 2642",
+      "html": "&#x1F9DD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♂️",
+      "name": "man elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♂",
+      "name": "man elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♂️",
+      "name": "man elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♂",
+      "name": "man elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♂️",
+      "name": "man elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♂",
+      "name": "man elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♂️",
+      "name": "man elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♂",
+      "name": "man elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♂️",
+      "name": "man elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♂",
+      "name": "man elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♀️",
+      "name": "woman elf",
+      "shortname": ":woman_elf:",
+      "unicode": "1F9DD 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♀",
+      "name": "woman elf",
+      "shortname": ":woman_elf:",
+      "unicode": "1F9DD 200D 2640",
+      "html": "&#x1F9DD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♀️",
+      "name": "woman elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♀",
+      "name": "woman elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♀️",
+      "name": "woman elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♀",
+      "name": "woman elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♀️",
+      "name": "woman elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♀",
+      "name": "woman elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♀️",
+      "name": "woman elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♀",
+      "name": "woman elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♀️",
+      "name": "woman elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♀",
+      "name": "woman elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞",
+      "name": "genie",
+      "shortname": ":genie:",
+      "unicode": "1F9DE",
+      "html": "&#x1F9DE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♂️",
+      "name": "man genie",
+      "shortname": ":man_genie:",
+      "unicode": "1F9DE 200D 2642 FE0F",
+      "html": "&#x1F9DE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♂",
+      "name": "man genie",
+      "shortname": ":man_genie:",
+      "unicode": "1F9DE 200D 2642",
+      "html": "&#x1F9DE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♀️",
+      "name": "woman genie",
+      "shortname": ":woman_genie:",
+      "unicode": "1F9DE 200D 2640 FE0F",
+      "html": "&#x1F9DE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♀",
+      "name": "woman genie",
+      "shortname": ":woman_genie:",
+      "unicode": "1F9DE 200D 2640",
+      "html": "&#x1F9DE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟",
+      "name": "zombie",
+      "shortname": ":zombie:",
+      "unicode": "1F9DF",
+      "html": "&#x1F9DF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♂️",
+      "name": "man zombie",
+      "shortname": ":man_zombie:",
+      "unicode": "1F9DF 200D 2642 FE0F",
+      "html": "&#x1F9DF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♂",
+      "name": "man zombie",
+      "shortname": ":man_zombie:",
+      "unicode": "1F9DF 200D 2642",
+      "html": "&#x1F9DF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♀️",
+      "name": "woman zombie",
+      "shortname": ":woman_zombie:",
+      "unicode": "1F9DF 200D 2640 FE0F",
+      "html": "&#x1F9DF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♀",
+      "name": "woman zombie",
+      "shortname": ":woman_zombie:",
+      "unicode": "1F9DF 200D 2640",
+      "html": "&#x1F9DF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♂️",
+      "name": "man getting massage",
+      "shortname": ":man_getting_massage:",
+      "unicode": "1F486 200D 2642 FE0F",
+      "html": "&#x1F486;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♂️",
+      "name": "man getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♂️",
+      "name": "man getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♂️",
+      "name": "man getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♂️",
+      "name": "man getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♂️",
+      "name": "man getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♀️",
+      "name": "woman getting massage",
+      "shortname": ":woman_getting_massage:",
+      "unicode": "1F486 200D 2640 FE0F",
+      "html": "&#x1F486;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♀",
+      "name": "woman getting massage",
+      "shortname": ":woman_getting_massage:",
+      "unicode": "1F486 200D 2640",
+      "html": "&#x1F486;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♀️",
+      "name": "woman getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♀",
+      "name": "woman getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2640",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♀️",
+      "name": "woman getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♀",
+      "name": "woman getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2640",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♀️",
+      "name": "woman getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♀",
+      "name": "woman getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2640",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♀️",
+      "name": "woman getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♀",
+      "name": "woman getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2640",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♀️",
+      "name": "woman getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♀",
+      "name": "woman getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2640",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♂️",
+      "name": "man getting haircut",
+      "shortname": ":man_getting_haircut:",
+      "unicode": "1F487 200D 2642 FE0F",
+      "html": "&#x1F487;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♂️",
+      "name": "man getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♂️",
+      "name": "man getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♂️",
+      "name": "man getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♂️",
+      "name": "man getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♂️",
+      "name": "man getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♀️",
+      "name": "woman getting haircut",
+      "shortname": ":woman_getting_haircut:",
+      "unicode": "1F487 200D 2640 FE0F",
+      "html": "&#x1F487;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♀",
+      "name": "woman getting haircut",
+      "shortname": ":woman_getting_haircut:",
+      "unicode": "1F487 200D 2640",
+      "html": "&#x1F487;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♀️",
+      "name": "woman getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♀",
+      "name": "woman getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2640",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♀️",
+      "name": "woman getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♀",
+      "name": "woman getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2640",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♀️",
+      "name": "woman getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♀",
+      "name": "woman getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2640",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♀️",
+      "name": "woman getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♀",
+      "name": "woman getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2640",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♀️",
+      "name": "woman getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♀",
+      "name": "woman getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2640",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♂️",
+      "name": "man walking",
+      "shortname": ":man_walking:",
+      "unicode": "1F6B6 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♂",
+      "name": "man walking",
+      "shortname": ":man_walking:",
+      "unicode": "1F6B6 200D 2642",
+      "html": "&#x1F6B6;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♂️",
+      "name": "man walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♂",
+      "name": "man walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♂️",
+      "name": "man walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♂",
+      "name": "man walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♂️",
+      "name": "man walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♂",
+      "name": "man walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♂️",
+      "name": "man walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♂",
+      "name": "man walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♂️",
+      "name": "man walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♂",
+      "name": "man walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♀️",
+      "name": "woman walking",
+      "shortname": ":woman_walking:",
+      "unicode": "1F6B6 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♀️",
+      "name": "woman walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♀️",
+      "name": "woman walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♀️",
+      "name": "woman walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♀️",
+      "name": "woman walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♀️",
+      "name": "woman walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍",
+      "name": "person standing",
+      "shortname": ":person_standing:",
+      "unicode": "1F9CD",
+      "html": "&#x1F9CD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻",
+      "name": "person standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB",
+      "html": "&#x1F9CD;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼",
+      "name": "person standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC",
+      "html": "&#x1F9CD;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽",
+      "name": "person standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD",
+      "html": "&#x1F9CD;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾",
+      "name": "person standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE",
+      "html": "&#x1F9CD;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿",
+      "name": "person standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF",
+      "html": "&#x1F9CD;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♂️",
+      "name": "man standing",
+      "shortname": ":man_standing:",
+      "unicode": "1F9CD 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♂",
+      "name": "man standing",
+      "shortname": ":man_standing:",
+      "unicode": "1F9CD 200D 2642",
+      "html": "&#x1F9CD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♂️",
+      "name": "man standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♂",
+      "name": "man standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♂️",
+      "name": "man standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♂",
+      "name": "man standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♂️",
+      "name": "man standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♂",
+      "name": "man standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♂️",
+      "name": "man standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♂",
+      "name": "man standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♂️",
+      "name": "man standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♂",
+      "name": "man standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♀️",
+      "name": "woman standing",
+      "shortname": ":woman_standing:",
+      "unicode": "1F9CD 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♀",
+      "name": "woman standing",
+      "shortname": ":woman_standing:",
+      "unicode": "1F9CD 200D 2640",
+      "html": "&#x1F9CD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♀️",
+      "name": "woman standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♀",
+      "name": "woman standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♀️",
+      "name": "woman standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♀",
+      "name": "woman standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♀️",
+      "name": "woman standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♀",
+      "name": "woman standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♀️",
+      "name": "woman standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♀",
+      "name": "woman standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♀️",
+      "name": "woman standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♀",
+      "name": "woman standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎",
+      "name": "person kneeling",
+      "shortname": ":person_kneeling:",
+      "unicode": "1F9CE",
+      "html": "&#x1F9CE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻",
+      "name": "person kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB",
+      "html": "&#x1F9CE;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼",
+      "name": "person kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC",
+      "html": "&#x1F9CE;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽",
+      "name": "person kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD",
+      "html": "&#x1F9CE;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾",
+      "name": "person kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE",
+      "html": "&#x1F9CE;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿",
+      "name": "person kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF",
+      "html": "&#x1F9CE;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♂️",
+      "name": "man kneeling",
+      "shortname": ":man_kneeling:",
+      "unicode": "1F9CE 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♂",
+      "name": "man kneeling",
+      "shortname": ":man_kneeling:",
+      "unicode": "1F9CE 200D 2642",
+      "html": "&#x1F9CE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♂️",
+      "name": "man kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♂",
+      "name": "man kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♂️",
+      "name": "man kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♂",
+      "name": "man kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♂️",
+      "name": "man kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♂",
+      "name": "man kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♂️",
+      "name": "man kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♂",
+      "name": "man kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♂️",
+      "name": "man kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♂",
+      "name": "man kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♀️",
+      "name": "woman kneeling",
+      "shortname": ":woman_kneeling:",
+      "unicode": "1F9CE 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♀",
+      "name": "woman kneeling",
+      "shortname": ":woman_kneeling:",
+      "unicode": "1F9CE 200D 2640",
+      "html": "&#x1F9CE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♀️",
+      "name": "woman kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♀",
+      "name": "woman kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♀️",
+      "name": "woman kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♀",
+      "name": "woman kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♀️",
+      "name": "woman kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♀",
+      "name": "woman kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♀️",
+      "name": "woman kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♀",
+      "name": "woman kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♀️",
+      "name": "woman kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♀",
+      "name": "woman kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦯",
+      "name": "person with probing cane",
+      "shortname": ":person_with_probing_cane:",
+      "unicode": "1F9D1 200D 1F9AF",
+      "html": "&#x1F9D1;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦯",
+      "name": "person with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦯",
+      "name": "person with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦯",
+      "name": "person with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦯",
+      "name": "person with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦯",
+      "name": "person with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦯",
+      "name": "man with probing cane",
+      "shortname": ":man_with_probing_cane:",
+      "unicode": "1F468 200D 1F9AF",
+      "html": "&#x1F468;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦯",
+      "name": "man with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦯",
+      "name": "man with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦯",
+      "name": "man with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦯",
+      "name": "man with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦯",
+      "name": "man with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦯",
+      "name": "woman with probing cane",
+      "shortname": ":woman_with_probing_cane:",
+      "unicode": "1F469 200D 1F9AF",
+      "html": "&#x1F469;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦯",
+      "name": "woman with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦯",
+      "name": "woman with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦯",
+      "name": "woman with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦯",
+      "name": "woman with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦯",
+      "name": "woman with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦼",
+      "name": "person in motorized wheelchair",
+      "shortname": ":person_in_motorized_wheelchair:",
+      "unicode": "1F9D1 200D 1F9BC",
+      "html": "&#x1F9D1;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦼",
+      "name": "person in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦼",
+      "name": "person in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦼",
+      "name": "person in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦼",
+      "name": "person in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦼",
+      "name": "person in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦼",
+      "name": "man in motorized wheelchair",
+      "shortname": ":man_in_motorized_wheelchair:",
+      "unicode": "1F468 200D 1F9BC",
+      "html": "&#x1F468;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦼",
+      "name": "man in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦼",
+      "name": "man in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦼",
+      "name": "man in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦼",
+      "name": "man in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦼",
+      "name": "man in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦼",
+      "name": "woman in motorized wheelchair",
+      "shortname": ":woman_in_motorized_wheelchair:",
+      "unicode": "1F469 200D 1F9BC",
+      "html": "&#x1F469;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦼",
+      "name": "woman in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦼",
+      "name": "woman in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦼",
+      "name": "woman in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦼",
+      "name": "woman in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦼",
+      "name": "woman in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦽",
+      "name": "person in manual wheelchair",
+      "shortname": ":person_in_manual_wheelchair:",
+      "unicode": "1F9D1 200D 1F9BD",
+      "html": "&#x1F9D1;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦽",
+      "name": "person in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦽",
+      "name": "person in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦽",
+      "name": "person in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦽",
+      "name": "person in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦽",
+      "name": "person in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦽",
+      "name": "man in manual wheelchair",
+      "shortname": ":man_in_manual_wheelchair:",
+      "unicode": "1F468 200D 1F9BD",
+      "html": "&#x1F468;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦽",
+      "name": "man in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦽",
+      "name": "man in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦽",
+      "name": "man in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦽",
+      "name": "man in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦽",
+      "name": "man in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦽",
+      "name": "woman in manual wheelchair",
+      "shortname": ":woman_in_manual_wheelchair:",
+      "unicode": "1F469 200D 1F9BD",
+      "html": "&#x1F469;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦽",
+      "name": "woman in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦽",
+      "name": "woman in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦽",
+      "name": "woman in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦽",
+      "name": "woman in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦽",
+      "name": "woman in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♂️",
+      "name": "man running",
+      "shortname": ":man_running:",
+      "unicode": "1F3C3 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♂",
+      "name": "man running",
+      "shortname": ":man_running:",
+      "unicode": "1F3C3 200D 2642",
+      "html": "&#x1F3C3;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♂️",
+      "name": "man running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♂",
+      "name": "man running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♂️",
+      "name": "man running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♂",
+      "name": "man running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♂️",
+      "name": "man running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♂",
+      "name": "man running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♂️",
+      "name": "man running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♂",
+      "name": "man running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♂️",
+      "name": "man running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♂",
+      "name": "man running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♀️",
+      "name": "woman running",
+      "shortname": ":woman_running:",
+      "unicode": "1F3C3 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♀️",
+      "name": "woman running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♀️",
+      "name": "woman running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♀️",
+      "name": "woman running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♀️",
+      "name": "woman running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♀️",
+      "name": "woman running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺",
+      "name": "man dancing",
+      "shortname": ":man_dancing:",
+      "unicode": "1F57A",
+      "html": "&#x1F57A;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏻",
+      "name": "man dancing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F57A 1F3FB",
+      "html": "&#x1F57A;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏼",
+      "name": "man dancing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F57A 1F3FC",
+      "html": "&#x1F57A;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏽",
+      "name": "man dancing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F57A 1F3FD",
+      "html": "&#x1F57A;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏾",
+      "name": "man dancing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F57A 1F3FE",
+      "html": "&#x1F57A;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏿",
+      "name": "man dancing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F57A 1F3FF",
+      "html": "&#x1F57A;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴️",
+      "name": "man in suit levitating",
+      "shortname": ":man_in_suit_levitating:",
+      "unicode": "1F574 FE0F",
+      "html": "&#x1F574;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏻",
+      "name": "man in suit levitating: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F574 1F3FB",
+      "html": "&#x1F574;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏼",
+      "name": "man in suit levitating: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F574 1F3FC",
+      "html": "&#x1F574;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏽",
+      "name": "man in suit levitating: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F574 1F3FD",
+      "html": "&#x1F574;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏾",
+      "name": "man in suit levitating: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F574 1F3FE",
+      "html": "&#x1F574;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏿",
+      "name": "man in suit levitating: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F574 1F3FF",
+      "html": "&#x1F574;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♂️",
+      "name": "men with bunny ears",
+      "shortname": ":men_with_bunny_ears:",
+      "unicode": "1F46F 200D 2642 FE0F",
+      "html": "&#x1F46F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♀️",
+      "name": "women with bunny ears",
+      "shortname": ":women_with_bunny_ears:",
+      "unicode": "1F46F 200D 2640 FE0F",
+      "html": "&#x1F46F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♀",
+      "name": "women with bunny ears",
+      "shortname": ":women_with_bunny_ears:",
+      "unicode": "1F46F 200D 2640",
+      "html": "&#x1F46F;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖",
+      "name": "person in steamy room",
+      "shortname": ":person_in_steamy_room:",
+      "unicode": "1F9D6",
+      "html": "&#x1F9D6;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻",
+      "name": "person in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB",
+      "html": "&#x1F9D6;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼",
+      "name": "person in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC",
+      "html": "&#x1F9D6;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽",
+      "name": "person in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD",
+      "html": "&#x1F9D6;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾",
+      "name": "person in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE",
+      "html": "&#x1F9D6;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿",
+      "name": "person in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF",
+      "html": "&#x1F9D6;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♂️",
+      "name": "man in steamy room",
+      "shortname": ":man_in_steamy_room:",
+      "unicode": "1F9D6 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♂",
+      "name": "man in steamy room",
+      "shortname": ":man_in_steamy_room:",
+      "unicode": "1F9D6 200D 2642",
+      "html": "&#x1F9D6;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♂️",
+      "name": "man in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♂",
+      "name": "man in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♂️",
+      "name": "man in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♂",
+      "name": "man in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♂️",
+      "name": "man in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♂",
+      "name": "man in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♂️",
+      "name": "man in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♂",
+      "name": "man in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♂️",
+      "name": "man in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♂",
+      "name": "man in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♀️",
+      "name": "woman in steamy room",
+      "shortname": ":woman_in_steamy_room:",
+      "unicode": "1F9D6 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♀",
+      "name": "woman in steamy room",
+      "shortname": ":woman_in_steamy_room:",
+      "unicode": "1F9D6 200D 2640",
+      "html": "&#x1F9D6;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♀️",
+      "name": "woman in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♀",
+      "name": "woman in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♀️",
+      "name": "woman in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♀",
+      "name": "woman in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♀️",
+      "name": "woman in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♀",
+      "name": "woman in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♀️",
+      "name": "woman in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♀",
+      "name": "woman in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♀️",
+      "name": "woman in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♀",
+      "name": "woman in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗",
+      "name": "person climbing",
+      "shortname": ":person_climbing:",
+      "unicode": "1F9D7",
+      "html": "&#x1F9D7;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻",
+      "name": "person climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB",
+      "html": "&#x1F9D7;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼",
+      "name": "person climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC",
+      "html": "&#x1F9D7;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽",
+      "name": "person climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD",
+      "html": "&#x1F9D7;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾",
+      "name": "person climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE",
+      "html": "&#x1F9D7;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿",
+      "name": "person climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF",
+      "html": "&#x1F9D7;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♂️",
+      "name": "man climbing",
+      "shortname": ":man_climbing:",
+      "unicode": "1F9D7 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♂",
+      "name": "man climbing",
+      "shortname": ":man_climbing:",
+      "unicode": "1F9D7 200D 2642",
+      "html": "&#x1F9D7;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♂️",
+      "name": "man climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♂",
+      "name": "man climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♂️",
+      "name": "man climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♂",
+      "name": "man climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♂️",
+      "name": "man climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♂",
+      "name": "man climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♂️",
+      "name": "man climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♂",
+      "name": "man climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♂️",
+      "name": "man climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♂",
+      "name": "man climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♀️",
+      "name": "woman climbing",
+      "shortname": ":woman_climbing:",
+      "unicode": "1F9D7 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♀",
+      "name": "woman climbing",
+      "shortname": ":woman_climbing:",
+      "unicode": "1F9D7 200D 2640",
+      "html": "&#x1F9D7;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♀️",
+      "name": "woman climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♀",
+      "name": "woman climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♀️",
+      "name": "woman climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♀",
+      "name": "woman climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♀️",
+      "name": "woman climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♀",
+      "name": "woman climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♀️",
+      "name": "woman climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♀",
+      "name": "woman climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♀️",
+      "name": "woman climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♀",
+      "name": "woman climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🤺",
+      "name": "person fencing",
+      "shortname": ":person_fencing:",
+      "unicode": "1F93A",
+      "html": "&#x1F93A;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏻",
+      "name": "horse racing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C7 1F3FB",
+      "html": "&#x1F3C7;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏼",
+      "name": "horse racing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C7 1F3FC",
+      "html": "&#x1F3C7;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏽",
+      "name": "horse racing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C7 1F3FD",
+      "html": "&#x1F3C7;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏾",
+      "name": "horse racing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C7 1F3FE",
+      "html": "&#x1F3C7;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏿",
+      "name": "horse racing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C7 1F3FF",
+      "html": "&#x1F3C7;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛷️",
+      "name": "skier",
+      "shortname": ":skier:",
+      "unicode": "26F7 FE0F",
+      "html": "&#x26F7;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏻",
+      "name": "snowboarder: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C2 1F3FB",
+      "html": "&#x1F3C2;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏼",
+      "name": "snowboarder: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C2 1F3FC",
+      "html": "&#x1F3C2;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏽",
+      "name": "snowboarder: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C2 1F3FD",
+      "html": "&#x1F3C2;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏾",
+      "name": "snowboarder: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C2 1F3FE",
+      "html": "&#x1F3C2;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏿",
+      "name": "snowboarder: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C2 1F3FF",
+      "html": "&#x1F3C2;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️",
+      "name": "person golfing",
+      "shortname": ":person_golfing:",
+      "unicode": "1F3CC FE0F",
+      "html": "&#x1F3CC;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻",
+      "name": "person golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB",
+      "html": "&#x1F3CC;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼",
+      "name": "person golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC",
+      "html": "&#x1F3CC;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽",
+      "name": "person golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD",
+      "html": "&#x1F3CC;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾",
+      "name": "person golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE",
+      "html": "&#x1F3CC;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿",
+      "name": "person golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF",
+      "html": "&#x1F3CC;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♂️",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC FE0F 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♂️",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♂",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC FE0F 200D 2642",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♂",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC 200D 2642",
+      "html": "&#x1F3CC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♂️",
+      "name": "man golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♂",
+      "name": "man golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♂️",
+      "name": "man golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♂",
+      "name": "man golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♂️",
+      "name": "man golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♂",
+      "name": "man golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♂️",
+      "name": "man golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♂",
+      "name": "man golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♂️",
+      "name": "man golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♂",
+      "name": "man golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♀️",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC FE0F 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♀️",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♀",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC FE0F 200D 2640",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♀️",
+      "name": "woman golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♀",
+      "name": "woman golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♀️",
+      "name": "woman golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♀",
+      "name": "woman golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♀️",
+      "name": "woman golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♀",
+      "name": "woman golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♀️",
+      "name": "woman golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♀",
+      "name": "woman golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♀️",
+      "name": "woman golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♀",
+      "name": "woman golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♂️",
+      "name": "man surfing",
+      "shortname": ":man_surfing:",
+      "unicode": "1F3C4 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♂",
+      "name": "man surfing",
+      "shortname": ":man_surfing:",
+      "unicode": "1F3C4 200D 2642",
+      "html": "&#x1F3C4;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♂️",
+      "name": "man surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♂",
+      "name": "man surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♂️",
+      "name": "man surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♂",
+      "name": "man surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♂️",
+      "name": "man surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♂",
+      "name": "man surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♂️",
+      "name": "man surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♂",
+      "name": "man surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♂️",
+      "name": "man surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♂",
+      "name": "man surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♀️",
+      "name": "woman surfing",
+      "shortname": ":woman_surfing:",
+      "unicode": "1F3C4 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♀️",
+      "name": "woman surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♀️",
+      "name": "woman surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♀️",
+      "name": "woman surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♀️",
+      "name": "woman surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♀️",
+      "name": "woman surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♂️",
+      "name": "man rowing boat",
+      "shortname": ":man_rowing_boat:",
+      "unicode": "1F6A3 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♂",
+      "name": "man rowing boat",
+      "shortname": ":man_rowing_boat:",
+      "unicode": "1F6A3 200D 2642",
+      "html": "&#x1F6A3;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♂️",
+      "name": "man rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♂",
+      "name": "man rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♂️",
+      "name": "man rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♂",
+      "name": "man rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♂️",
+      "name": "man rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♂",
+      "name": "man rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♂️",
+      "name": "man rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♂",
+      "name": "man rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♂️",
+      "name": "man rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♂",
+      "name": "man rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♀️",
+      "name": "woman rowing boat",
+      "shortname": ":woman_rowing_boat:",
+      "unicode": "1F6A3 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♀️",
+      "name": "woman rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♀️",
+      "name": "woman rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♀️",
+      "name": "woman rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♀️",
+      "name": "woman rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♀️",
+      "name": "woman rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♂️",
+      "name": "man swimming",
+      "shortname": ":man_swimming:",
+      "unicode": "1F3CA 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♂",
+      "name": "man swimming",
+      "shortname": ":man_swimming:",
+      "unicode": "1F3CA 200D 2642",
+      "html": "&#x1F3CA;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♂️",
+      "name": "man swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♂",
+      "name": "man swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♂️",
+      "name": "man swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♂",
+      "name": "man swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♂️",
+      "name": "man swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♂",
+      "name": "man swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♂️",
+      "name": "man swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♂",
+      "name": "man swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♂️",
+      "name": "man swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♂",
+      "name": "man swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♀️",
+      "name": "woman swimming",
+      "shortname": ":woman_swimming:",
+      "unicode": "1F3CA 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♀️",
+      "name": "woman swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♀️",
+      "name": "woman swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♀️",
+      "name": "woman swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♀️",
+      "name": "woman swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♀️",
+      "name": "woman swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️",
+      "name": "person bouncing ball",
+      "shortname": ":person_bouncing_ball:",
+      "unicode": "26F9 FE0F",
+      "html": "&#x26F9;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♂️",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2642 FE0F",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♂️",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 200D 2642 FE0F",
+      "html": "&#x26F9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♂",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2642",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♂",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 200D 2642",
+      "html": "&#x26F9;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♂️",
+      "name": "man bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♂",
+      "name": "man bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2642",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♂️",
+      "name": "man bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♂",
+      "name": "man bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2642",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♂️",
+      "name": "man bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♂",
+      "name": "man bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2642",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♂️",
+      "name": "man bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♂",
+      "name": "man bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2642",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♂️",
+      "name": "man bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♂",
+      "name": "man bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2642",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♀️",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2640 FE0F",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♀️",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 200D 2640 FE0F",
+      "html": "&#x26F9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♀",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2640",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♀️",
+      "name": "woman bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♀️",
+      "name": "woman bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♀️",
+      "name": "woman bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♀️",
+      "name": "woman bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♀️",
+      "name": "woman bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️",
+      "name": "person lifting weights",
+      "shortname": ":person_lifting_weights:",
+      "unicode": "1F3CB FE0F",
+      "html": "&#x1F3CB;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♂️",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♂️",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♂",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2642",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♂",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB 200D 2642",
+      "html": "&#x1F3CB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♂️",
+      "name": "man lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♂",
+      "name": "man lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♂️",
+      "name": "man lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♂",
+      "name": "man lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♂️",
+      "name": "man lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♂",
+      "name": "man lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♂️",
+      "name": "man lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♂",
+      "name": "man lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♂️",
+      "name": "man lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♂",
+      "name": "man lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♀️",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♀️",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♀",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2640",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♀️",
+      "name": "woman lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♀️",
+      "name": "woman lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♀️",
+      "name": "woman lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♀️",
+      "name": "woman lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♀️",
+      "name": "woman lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♂️",
+      "name": "man biking",
+      "shortname": ":man_biking:",
+      "unicode": "1F6B4 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♂",
+      "name": "man biking",
+      "shortname": ":man_biking:",
+      "unicode": "1F6B4 200D 2642",
+      "html": "&#x1F6B4;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♂️",
+      "name": "man biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♂",
+      "name": "man biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♂️",
+      "name": "man biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♂",
+      "name": "man biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♂️",
+      "name": "man biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♂",
+      "name": "man biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♂️",
+      "name": "man biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♂",
+      "name": "man biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♂️",
+      "name": "man biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♂",
+      "name": "man biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♀️",
+      "name": "woman biking",
+      "shortname": ":woman_biking:",
+      "unicode": "1F6B4 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♀️",
+      "name": "woman biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♀️",
+      "name": "woman biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♀️",
+      "name": "woman biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♀️",
+      "name": "woman biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♀️",
+      "name": "woman biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♂️",
+      "name": "man mountain biking",
+      "shortname": ":man_mountain_biking:",
+      "unicode": "1F6B5 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♂",
+      "name": "man mountain biking",
+      "shortname": ":man_mountain_biking:",
+      "unicode": "1F6B5 200D 2642",
+      "html": "&#x1F6B5;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♂️",
+      "name": "man mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♂",
+      "name": "man mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♂️",
+      "name": "man mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♂",
+      "name": "man mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♂️",
+      "name": "man mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♂",
+      "name": "man mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♂️",
+      "name": "man mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♂",
+      "name": "man mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♂️",
+      "name": "man mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♂",
+      "name": "man mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♀️",
+      "name": "woman mountain biking",
+      "shortname": ":woman_mountain_biking:",
+      "unicode": "1F6B5 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♀️",
+      "name": "woman mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♀️",
+      "name": "woman mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♀️",
+      "name": "woman mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♀️",
+      "name": "woman mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♀️",
+      "name": "woman mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸",
+      "name": "person cartwheeling",
+      "shortname": ":person_cartwheeling:",
+      "unicode": "1F938",
+      "html": "&#x1F938;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻",
+      "name": "person cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB",
+      "html": "&#x1F938;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼",
+      "name": "person cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC",
+      "html": "&#x1F938;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽",
+      "name": "person cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD",
+      "html": "&#x1F938;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾",
+      "name": "person cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE",
+      "html": "&#x1F938;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿",
+      "name": "person cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF",
+      "html": "&#x1F938;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♂️",
+      "name": "man cartwheeling",
+      "shortname": ":man_cartwheeling:",
+      "unicode": "1F938 200D 2642 FE0F",
+      "html": "&#x1F938;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♂",
+      "name": "man cartwheeling",
+      "shortname": ":man_cartwheeling:",
+      "unicode": "1F938 200D 2642",
+      "html": "&#x1F938;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♂️",
+      "name": "man cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♂",
+      "name": "man cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2642",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♂️",
+      "name": "man cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♂",
+      "name": "man cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2642",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♂️",
+      "name": "man cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♂",
+      "name": "man cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2642",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♂️",
+      "name": "man cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♂",
+      "name": "man cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2642",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♂️",
+      "name": "man cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♂",
+      "name": "man cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2642",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♀️",
+      "name": "woman cartwheeling",
+      "shortname": ":woman_cartwheeling:",
+      "unicode": "1F938 200D 2640 FE0F",
+      "html": "&#x1F938;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♀",
+      "name": "woman cartwheeling",
+      "shortname": ":woman_cartwheeling:",
+      "unicode": "1F938 200D 2640",
+      "html": "&#x1F938;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♀️",
+      "name": "woman cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♀",
+      "name": "woman cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2640",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♀️",
+      "name": "woman cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♀",
+      "name": "woman cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2640",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♀️",
+      "name": "woman cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♀",
+      "name": "woman cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2640",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♀️",
+      "name": "woman cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♀",
+      "name": "woman cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2640",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♀️",
+      "name": "woman cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♀",
+      "name": "woman cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2640",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼",
+      "name": "people wrestling",
+      "shortname": ":people_wrestling:",
+      "unicode": "1F93C",
+      "html": "&#x1F93C;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♂️",
+      "name": "men wrestling",
+      "shortname": ":men_wrestling:",
+      "unicode": "1F93C 200D 2642 FE0F",
+      "html": "&#x1F93C;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♂",
+      "name": "men wrestling",
+      "shortname": ":men_wrestling:",
+      "unicode": "1F93C 200D 2642",
+      "html": "&#x1F93C;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♀️",
+      "name": "women wrestling",
+      "shortname": ":women_wrestling:",
+      "unicode": "1F93C 200D 2640 FE0F",
+      "html": "&#x1F93C;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♀",
+      "name": "women wrestling",
+      "shortname": ":women_wrestling:",
+      "unicode": "1F93C 200D 2640",
+      "html": "&#x1F93C;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽",
+      "name": "person playing water polo",
+      "shortname": ":person_playing_water_polo:",
+      "unicode": "1F93D",
+      "html": "&#x1F93D;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻",
+      "name": "person playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB",
+      "html": "&#x1F93D;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼",
+      "name": "person playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC",
+      "html": "&#x1F93D;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽",
+      "name": "person playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD",
+      "html": "&#x1F93D;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾",
+      "name": "person playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE",
+      "html": "&#x1F93D;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿",
+      "name": "person playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF",
+      "html": "&#x1F93D;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♂️",
+      "name": "man playing water polo",
+      "shortname": ":man_playing_water_polo:",
+      "unicode": "1F93D 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♂",
+      "name": "man playing water polo",
+      "shortname": ":man_playing_water_polo:",
+      "unicode": "1F93D 200D 2642",
+      "html": "&#x1F93D;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♂️",
+      "name": "man playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♂",
+      "name": "man playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2642",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♂️",
+      "name": "man playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♂",
+      "name": "man playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2642",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♂️",
+      "name": "man playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♂",
+      "name": "man playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2642",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♂️",
+      "name": "man playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♂",
+      "name": "man playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2642",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♂️",
+      "name": "man playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♂",
+      "name": "man playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2642",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♀️",
+      "name": "woman playing water polo",
+      "shortname": ":woman_playing_water_polo:",
+      "unicode": "1F93D 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♀",
+      "name": "woman playing water polo",
+      "shortname": ":woman_playing_water_polo:",
+      "unicode": "1F93D 200D 2640",
+      "html": "&#x1F93D;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♀️",
+      "name": "woman playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♀",
+      "name": "woman playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2640",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♀️",
+      "name": "woman playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♀",
+      "name": "woman playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2640",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♀️",
+      "name": "woman playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♀",
+      "name": "woman playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2640",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♀️",
+      "name": "woman playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♀",
+      "name": "woman playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2640",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♀️",
+      "name": "woman playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♀",
+      "name": "woman playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2640",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾",
+      "name": "person playing handball",
+      "shortname": ":person_playing_handball:",
+      "unicode": "1F93E",
+      "html": "&#x1F93E;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻",
+      "name": "person playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB",
+      "html": "&#x1F93E;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼",
+      "name": "person playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC",
+      "html": "&#x1F93E;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽",
+      "name": "person playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD",
+      "html": "&#x1F93E;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾",
+      "name": "person playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE",
+      "html": "&#x1F93E;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿",
+      "name": "person playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF",
+      "html": "&#x1F93E;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♂️",
+      "name": "man playing handball",
+      "shortname": ":man_playing_handball:",
+      "unicode": "1F93E 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♂",
+      "name": "man playing handball",
+      "shortname": ":man_playing_handball:",
+      "unicode": "1F93E 200D 2642",
+      "html": "&#x1F93E;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♂️",
+      "name": "man playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♂",
+      "name": "man playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2642",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♂️",
+      "name": "man playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♂",
+      "name": "man playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2642",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♂️",
+      "name": "man playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♂",
+      "name": "man playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2642",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♂️",
+      "name": "man playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♂",
+      "name": "man playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2642",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♂️",
+      "name": "man playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♂",
+      "name": "man playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2642",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♀️",
+      "name": "woman playing handball",
+      "shortname": ":woman_playing_handball:",
+      "unicode": "1F93E 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♀",
+      "name": "woman playing handball",
+      "shortname": ":woman_playing_handball:",
+      "unicode": "1F93E 200D 2640",
+      "html": "&#x1F93E;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♀️",
+      "name": "woman playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♀",
+      "name": "woman playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2640",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♀️",
+      "name": "woman playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♀",
+      "name": "woman playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2640",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♀️",
+      "name": "woman playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♀",
+      "name": "woman playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2640",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♀️",
+      "name": "woman playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♀",
+      "name": "woman playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2640",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♀️",
+      "name": "woman playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♀",
+      "name": "woman playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2640",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹",
+      "name": "person juggling",
+      "shortname": ":person_juggling:",
+      "unicode": "1F939",
+      "html": "&#x1F939;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻",
+      "name": "person juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB",
+      "html": "&#x1F939;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼",
+      "name": "person juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC",
+      "html": "&#x1F939;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽",
+      "name": "person juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD",
+      "html": "&#x1F939;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾",
+      "name": "person juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE",
+      "html": "&#x1F939;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿",
+      "name": "person juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF",
+      "html": "&#x1F939;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♂️",
+      "name": "man juggling",
+      "shortname": ":man_juggling:",
+      "unicode": "1F939 200D 2642 FE0F",
+      "html": "&#x1F939;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♂",
+      "name": "man juggling",
+      "shortname": ":man_juggling:",
+      "unicode": "1F939 200D 2642",
+      "html": "&#x1F939;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♂️",
+      "name": "man juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♂",
+      "name": "man juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2642",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♂️",
+      "name": "man juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♂",
+      "name": "man juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2642",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♂️",
+      "name": "man juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♂",
+      "name": "man juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2642",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♂️",
+      "name": "man juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♂",
+      "name": "man juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2642",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♂️",
+      "name": "man juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♂",
+      "name": "man juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2642",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♀️",
+      "name": "woman juggling",
+      "shortname": ":woman_juggling:",
+      "unicode": "1F939 200D 2640 FE0F",
+      "html": "&#x1F939;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♀",
+      "name": "woman juggling",
+      "shortname": ":woman_juggling:",
+      "unicode": "1F939 200D 2640",
+      "html": "&#x1F939;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♀️",
+      "name": "woman juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♀",
+      "name": "woman juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2640",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♀️",
+      "name": "woman juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♀",
+      "name": "woman juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2640",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♀️",
+      "name": "woman juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♀",
+      "name": "woman juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2640",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♀️",
+      "name": "woman juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♀",
+      "name": "woman juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2640",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♀️",
+      "name": "woman juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♀",
+      "name": "woman juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2640",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘",
+      "name": "person in lotus position",
+      "shortname": ":person_in_lotus_position:",
+      "unicode": "1F9D8",
+      "html": "&#x1F9D8;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻",
+      "name": "person in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB",
+      "html": "&#x1F9D8;&#x1F3FB;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼",
+      "name": "person in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC",
+      "html": "&#x1F9D8;&#x1F3FC;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽",
+      "name": "person in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD",
+      "html": "&#x1F9D8;&#x1F3FD;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾",
+      "name": "person in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE",
+      "html": "&#x1F9D8;&#x1F3FE;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿",
+      "name": "person in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF",
+      "html": "&#x1F9D8;&#x1F3FF;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♂️",
+      "name": "man in lotus position",
+      "shortname": ":man_in_lotus_position:",
+      "unicode": "1F9D8 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♂",
+      "name": "man in lotus position",
+      "shortname": ":man_in_lotus_position:",
+      "unicode": "1F9D8 200D 2642",
+      "html": "&#x1F9D8;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♂️",
+      "name": "man in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♂",
+      "name": "man in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♂️",
+      "name": "man in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♂",
+      "name": "man in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♂️",
+      "name": "man in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♂",
+      "name": "man in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♂️",
+      "name": "man in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♂",
+      "name": "man in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♂️",
+      "name": "man in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♂",
+      "name": "man in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♀️",
+      "name": "woman in lotus position",
+      "shortname": ":woman_in_lotus_position:",
+      "unicode": "1F9D8 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♀",
+      "name": "woman in lotus position",
+      "shortname": ":woman_in_lotus_position:",
+      "unicode": "1F9D8 200D 2640",
+      "html": "&#x1F9D8;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♀️",
+      "name": "woman in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♀",
+      "name": "woman in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♀️",
+      "name": "woman in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♀",
+      "name": "woman in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♀️",
+      "name": "woman in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♀",
+      "name": "woman in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♀️",
+      "name": "woman in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♀",
+      "name": "woman in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♀️",
+      "name": "woman in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♀",
+      "name": "woman in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏻",
+      "name": "person in bed: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6CC 1F3FB",
+      "html": "&#x1F6CC;&#x1F3FB;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏼",
+      "name": "person in bed: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6CC 1F3FC",
+      "html": "&#x1F6CC;&#x1F3FC;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏽",
+      "name": "person in bed: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6CC 1F3FD",
+      "html": "&#x1F6CC;&#x1F3FD;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏾",
+      "name": "person in bed: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6CC 1F3FE",
+      "html": "&#x1F6CC;&#x1F3FE;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏿",
+      "name": "person in bed: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6CC 1F3FF",
+      "html": "&#x1F6CC;&#x1F3FF;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🤝‍🧑",
+      "name": "people holding hands",
+      "shortname": ":people_holding_hands:",
+      "unicode": "1F9D1 200D 1F91D 200D 1F9D1",
+      "html": "&#x1F9D1;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏻",
+      "name": "people holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏼",
+      "name": "people holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏽",
+      "name": "people holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏾",
+      "name": "people holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏿",
+      "name": "people holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏻",
+      "name": "people holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏼",
+      "name": "people holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏽",
+      "name": "people holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏾",
+      "name": "people holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏿",
+      "name": "people holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏻",
+      "name": "people holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏼",
+      "name": "people holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏽",
+      "name": "people holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏾",
+      "name": "people holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏿",
+      "name": "people holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏻",
+      "name": "people holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏼",
+      "name": "people holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏽",
+      "name": "people holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏾",
+      "name": "people holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏿",
+      "name": "people holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏻",
+      "name": "people holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏼",
+      "name": "people holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏽",
+      "name": "people holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏾",
+      "name": "people holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏿",
+      "name": "people holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏻",
+      "name": "women holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46D 1F3FB",
+      "html": "&#x1F46D;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏼",
+      "name": "women holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏽",
+      "name": "women holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏾",
+      "name": "women holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏿",
+      "name": "women holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏻",
+      "name": "women holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏼",
+      "name": "women holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46D 1F3FC",
+      "html": "&#x1F46D;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏽",
+      "name": "women holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏾",
+      "name": "women holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏿",
+      "name": "women holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏻",
+      "name": "women holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏼",
+      "name": "women holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏽",
+      "name": "women holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46D 1F3FD",
+      "html": "&#x1F46D;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏾",
+      "name": "women holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏿",
+      "name": "women holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏻",
+      "name": "women holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏼",
+      "name": "women holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏽",
+      "name": "women holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏾",
+      "name": "women holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46D 1F3FE",
+      "html": "&#x1F46D;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏿",
+      "name": "women holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏻",
+      "name": "women holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏼",
+      "name": "women holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏽",
+      "name": "women holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏾",
+      "name": "women holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏿",
+      "name": "women holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46D 1F3FF",
+      "html": "&#x1F46D;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏻",
+      "name": "woman and man holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46B 1F3FB",
+      "html": "&#x1F46B;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏼",
+      "name": "woman and man holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏽",
+      "name": "woman and man holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏾",
+      "name": "woman and man holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏿",
+      "name": "woman and man holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏼",
+      "name": "woman and man holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46B 1F3FC",
+      "html": "&#x1F46B;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏽",
+      "name": "woman and man holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏾",
+      "name": "woman and man holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏼",
+      "name": "woman and man holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏽",
+      "name": "woman and man holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46B 1F3FD",
+      "html": "&#x1F46B;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏾",
+      "name": "woman and man holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏼",
+      "name": "woman and man holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏽",
+      "name": "woman and man holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏾",
+      "name": "woman and man holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46B 1F3FE",
+      "html": "&#x1F46B;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏻",
+      "name": "woman and man holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏼",
+      "name": "woman and man holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏽",
+      "name": "woman and man holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏾",
+      "name": "woman and man holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏿",
+      "name": "woman and man holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46B 1F3FF",
+      "html": "&#x1F46B;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏻",
+      "name": "men holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46C 1F3FB",
+      "html": "&#x1F46C;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏼",
+      "name": "men holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏽",
+      "name": "men holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏾",
+      "name": "men holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏿",
+      "name": "men holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏻",
+      "name": "men holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏼",
+      "name": "men holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46C 1F3FC",
+      "html": "&#x1F46C;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏽",
+      "name": "men holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏾",
+      "name": "men holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏿",
+      "name": "men holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏻",
+      "name": "men holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏼",
+      "name": "men holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏽",
+      "name": "men holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46C 1F3FD",
+      "html": "&#x1F46C;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏾",
+      "name": "men holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏿",
+      "name": "men holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏻",
+      "name": "men holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏼",
+      "name": "men holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏽",
+      "name": "men holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏾",
+      "name": "men holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46C 1F3FE",
+      "html": "&#x1F46C;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏿",
+      "name": "men holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏻",
+      "name": "men holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏼",
+      "name": "men holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏽",
+      "name": "men holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏾",
+      "name": "men holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏿",
+      "name": "men holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46C 1F3FF",
+      "html": "&#x1F46C;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤️‍💋‍👨",
+      "name": "kiss: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍💋‍👨",
+      "name": "kiss: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 200D 1F48B 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤‍💋‍👨",
+      "name": "kiss: man, man",
+      "shortname": ":man_man:",
+      "unicode": "1F468 200D 2764 200D 1F48B 200D 1F468",
+      "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍💋‍👩",
+      "name": "kiss: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 200D 1F48B 200D 1F469",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F469;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤️‍👨",
+      "name": "couple with heart: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍👨",
+      "name": "couple with heart: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤‍👨",
+      "name": "couple with heart: man, man",
+      "shortname": ":man_man:",
+      "unicode": "1F468 200D 2764 200D 1F468",
+      "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍👩",
+      "name": "couple with heart: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 200D 1F469",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F469;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👦",
+      "name": "family: man, woman, boy",
+      "shortname": ":man_woman_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F466",
+      "html": "&#x1F468;&#x200D;&#x1F469;&#x200D;&#x1F466;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🗣️",
+      "name": "speaking head",
+      "shortname": ":speaking_head:",
+      "unicode": "1F5E3 FE0F",
+      "html": "&#x1F5E3;&#xFE0F;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🏻",
+      "name": "light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3FB",
+      "html": "&#x1F3FB;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏼",
+      "name": "medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3FC",
+      "html": "&#x1F3FC;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏽",
+      "name": "medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3FD",
+      "html": "&#x1F3FD;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏾",
+      "name": "medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3FE",
+      "html": "&#x1F3FE;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏿",
+      "name": "dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3FF",
+      "html": "&#x1F3FF;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🦰",
+      "name": "red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F9B0",
+      "html": "&#x1F9B0;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦱",
+      "name": "curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F9B1",
+      "html": "&#x1F9B1;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦳",
+      "name": "white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F9B3",
+      "html": "&#x1F9B3;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦲",
+      "name": "bald",
+      "shortname": ":bald:",
+      "unicode": "1F9B2",
+      "html": "&#x1F9B2;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦍",
+      "name": "gorilla",
+      "shortname": ":gorilla:",
+      "unicode": "1F98D",
+      "html": "&#x1F98D;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦧",
+      "name": "orangutan",
+      "shortname": ":orangutan:",
+      "unicode": "1F9A7",
+      "html": "&#x1F9A7;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦮",
+      "name": "guide dog",
+      "shortname": ":guide_dog:",
+      "unicode": "1F9AE",
+      "html": "&#x1F9AE;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🐕‍🦺",
+      "name": "service dog",
+      "shortname": ":service_dog:",
+      "unicode": "1F415 200D 1F9BA",
+      "html": "&#x1F415;&#x200D;&#x1F9BA;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦊",
+      "name": "fox",
+      "shortname": ":fox:",
+      "unicode": "1F98A",
+      "html": "&#x1F98A;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦝",
+      "name": "raccoon",
+      "shortname": ":raccoon:",
+      "unicode": "1F99D",
+      "html": "&#x1F99D;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦓",
+      "name": "zebra",
+      "shortname": ":zebra:",
+      "unicode": "1F993",
+      "html": "&#x1F993;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦌",
+      "name": "deer",
+      "shortname": ":deer:",
+      "unicode": "1F98C",
+      "html": "&#x1F98C;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦙",
+      "name": "llama",
+      "shortname": ":llama:",
+      "unicode": "1F999",
+      "html": "&#x1F999;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦒",
+      "name": "giraffe",
+      "shortname": ":giraffe:",
+      "unicode": "1F992",
+      "html": "&#x1F992;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦏",
+      "name": "rhinoceros",
+      "shortname": ":rhinoceros:",
+      "unicode": "1F98F",
+      "html": "&#x1F98F;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦛",
+      "name": "hippopotamus",
+      "shortname": ":hippopotamus:",
+      "unicode": "1F99B",
+      "html": "&#x1F99B;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🐿️",
+      "name": "chipmunk",
+      "shortname": ":chipmunk:",
+      "unicode": "1F43F FE0F",
+      "html": "&#x1F43F;&#xFE0F;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦔",
+      "name": "hedgehog",
+      "shortname": ":hedgehog:",
+      "unicode": "1F994",
+      "html": "&#x1F994;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦇",
+      "name": "bat",
+      "shortname": ":bat:",
+      "unicode": "1F987",
+      "html": "&#x1F987;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦥",
+      "name": "sloth",
+      "shortname": ":sloth:",
+      "unicode": "1F9A5",
+      "html": "&#x1F9A5;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦦",
+      "name": "otter",
+      "shortname": ":otter:",
+      "unicode": "1F9A6",
+      "html": "&#x1F9A6;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦨",
+      "name": "skunk",
+      "shortname": ":skunk:",
+      "unicode": "1F9A8",
+      "html": "&#x1F9A8;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦘",
+      "name": "kangaroo",
+      "shortname": ":kangaroo:",
+      "unicode": "1F998",
+      "html": "&#x1F998;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦡",
+      "name": "badger",
+      "shortname": ":badger:",
+      "unicode": "1F9A1",
+      "html": "&#x1F9A1;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🕊️",
+      "name": "dove",
+      "shortname": ":dove:",
+      "unicode": "1F54A FE0F",
+      "html": "&#x1F54A;&#xFE0F;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦅",
+      "name": "eagle",
+      "shortname": ":eagle:",
+      "unicode": "1F985",
+      "html": "&#x1F985;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦆",
+      "name": "duck",
+      "shortname": ":duck:",
+      "unicode": "1F986",
+      "html": "&#x1F986;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦢",
+      "name": "swan",
+      "shortname": ":swan:",
+      "unicode": "1F9A2",
+      "html": "&#x1F9A2;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦉",
+      "name": "owl",
+      "shortname": ":owl:",
+      "unicode": "1F989",
+      "html": "&#x1F989;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦩",
+      "name": "flamingo",
+      "shortname": ":flamingo:",
+      "unicode": "1F9A9",
+      "html": "&#x1F9A9;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦚",
+      "name": "peacock",
+      "shortname": ":peacock:",
+      "unicode": "1F99A",
+      "html": "&#x1F99A;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦜",
+      "name": "parrot",
+      "shortname": ":parrot:",
+      "unicode": "1F99C",
+      "html": "&#x1F99C;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦎",
+      "name": "lizard",
+      "shortname": ":lizard:",
+      "unicode": "1F98E",
+      "html": "&#x1F98E;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦕",
+      "name": "sauropod",
+      "shortname": ":sauropod:",
+      "unicode": "1F995",
+      "html": "&#x1F995;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦖",
+      "name": "T-Rex",
+      "shortname": ":TRex:",
+      "unicode": "1F996",
+      "html": "&#x1F996;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦈",
+      "name": "shark",
+      "shortname": ":shark:",
+      "unicode": "1F988",
+      "html": "&#x1F988;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦋",
+      "name": "butterfly",
+      "shortname": ":butterfly:",
+      "unicode": "1F98B",
+      "html": "&#x1F98B;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦗",
+      "name": "cricket",
+      "shortname": ":cricket:",
+      "unicode": "1F997",
+      "html": "&#x1F997;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🕷️",
+      "name": "spider",
+      "shortname": ":spider:",
+      "unicode": "1F577 FE0F",
+      "html": "&#x1F577;&#xFE0F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🕸️",
+      "name": "spider web",
+      "shortname": ":spider_web:",
+      "unicode": "1F578 FE0F",
+      "html": "&#x1F578;&#xFE0F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦟",
+      "name": "mosquito",
+      "shortname": ":mosquito:",
+      "unicode": "1F99F",
+      "html": "&#x1F99F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦠",
+      "name": "microbe",
+      "shortname": ":microbe:",
+      "unicode": "1F9A0",
+      "html": "&#x1F9A0;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🏵️",
+      "name": "rosette",
+      "shortname": ":rosette:",
+      "unicode": "1F3F5 FE0F",
+      "html": "&#x1F3F5;&#xFE0F;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": ""
+    },
+    {
+      "emoji": "🥀",
+      "name": "wilted flower",
+      "shortname": ":wilted_flower:",
+      "unicode": "1F940",
+      "html": "&#x1F940;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": ""
+    },
+    {
+      "emoji": "☘️",
+      "name": "shamrock",
+      "shortname": ":shamrock:",
+      "unicode": "2618 FE0F",
+      "html": "&#x2618;&#xFE0F;",
+      "category": "Animals & Nature (plant-other)",
+      "order": ""
+    },
+    {
+      "emoji": "🥭",
+      "name": "mango",
+      "shortname": ":mango:",
+      "unicode": "1F96D",
+      "html": "&#x1F96D;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥝",
+      "name": "kiwi fruit",
+      "shortname": ":kiwi_fruit:",
+      "unicode": "1F95D",
+      "html": "&#x1F95D;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥥",
+      "name": "coconut",
+      "shortname": ":coconut:",
+      "unicode": "1F965",
+      "html": "&#x1F965;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥑",
+      "name": "avocado",
+      "shortname": ":avocado:",
+      "unicode": "1F951",
+      "html": "&#x1F951;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥔",
+      "name": "potato",
+      "shortname": ":potato:",
+      "unicode": "1F954",
+      "html": "&#x1F954;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥕",
+      "name": "carrot",
+      "shortname": ":carrot:",
+      "unicode": "1F955",
+      "html": "&#x1F955;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🌶️",
+      "name": "hot pepper",
+      "shortname": ":hot_pepper:",
+      "unicode": "1F336 FE0F",
+      "html": "&#x1F336;&#xFE0F;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥒",
+      "name": "cucumber",
+      "shortname": ":cucumber:",
+      "unicode": "1F952",
+      "html": "&#x1F952;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥬",
+      "name": "leafy green",
+      "shortname": ":leafy_green:",
+      "unicode": "1F96C",
+      "html": "&#x1F96C;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥦",
+      "name": "broccoli",
+      "shortname": ":broccoli:",
+      "unicode": "1F966",
+      "html": "&#x1F966;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🧄",
+      "name": "garlic",
+      "shortname": ":garlic:",
+      "unicode": "1F9C4",
+      "html": "&#x1F9C4;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🧅",
+      "name": "onion",
+      "shortname": ":onion:",
+      "unicode": "1F9C5",
+      "html": "&#x1F9C5;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥜",
+      "name": "peanuts",
+      "shortname": ":peanuts:",
+      "unicode": "1F95C",
+      "html": "&#x1F95C;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥐",
+      "name": "croissant",
+      "shortname": ":croissant:",
+      "unicode": "1F950",
+      "html": "&#x1F950;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥖",
+      "name": "baguette bread",
+      "shortname": ":baguette_bread:",
+      "unicode": "1F956",
+      "html": "&#x1F956;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥨",
+      "name": "pretzel",
+      "shortname": ":pretzel:",
+      "unicode": "1F968",
+      "html": "&#x1F968;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥯",
+      "name": "bagel",
+      "shortname": ":bagel:",
+      "unicode": "1F96F",
+      "html": "&#x1F96F;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥞",
+      "name": "pancakes",
+      "shortname": ":pancakes:",
+      "unicode": "1F95E",
+      "html": "&#x1F95E;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧇",
+      "name": "waffle",
+      "shortname": ":waffle:",
+      "unicode": "1F9C7",
+      "html": "&#x1F9C7;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥩",
+      "name": "cut of meat",
+      "shortname": ":cut_of_meat:",
+      "unicode": "1F969",
+      "html": "&#x1F969;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥓",
+      "name": "bacon",
+      "shortname": ":bacon:",
+      "unicode": "1F953",
+      "html": "&#x1F953;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥪",
+      "name": "sandwich",
+      "shortname": ":sandwich:",
+      "unicode": "1F96A",
+      "html": "&#x1F96A;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥙",
+      "name": "stuffed flatbread",
+      "shortname": ":stuffed_flatbread:",
+      "unicode": "1F959",
+      "html": "&#x1F959;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧆",
+      "name": "falafel",
+      "shortname": ":falafel:",
+      "unicode": "1F9C6",
+      "html": "&#x1F9C6;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥘",
+      "name": "shallow pan of food",
+      "shortname": ":shallow_pan_of_food:",
+      "unicode": "1F958",
+      "html": "&#x1F958;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥣",
+      "name": "bowl with spoon",
+      "shortname": ":bowl_with_spoon:",
+      "unicode": "1F963",
+      "html": "&#x1F963;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥗",
+      "name": "green salad",
+      "shortname": ":green_salad:",
+      "unicode": "1F957",
+      "html": "&#x1F957;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧈",
+      "name": "butter",
+      "shortname": ":butter:",
+      "unicode": "1F9C8",
+      "html": "&#x1F9C8;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧂",
+      "name": "salt",
+      "shortname": ":salt:",
+      "unicode": "1F9C2",
+      "html": "&#x1F9C2;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥫",
+      "name": "canned food",
+      "shortname": ":canned_food:",
+      "unicode": "1F96B",
+      "html": "&#x1F96B;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥮",
+      "name": "moon cake",
+      "shortname": ":moon_cake:",
+      "unicode": "1F96E",
+      "html": "&#x1F96E;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥟",
+      "name": "dumpling",
+      "shortname": ":dumpling:",
+      "unicode": "1F95F",
+      "html": "&#x1F95F;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥠",
+      "name": "fortune cookie",
+      "shortname": ":fortune_cookie:",
+      "unicode": "1F960",
+      "html": "&#x1F960;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥡",
+      "name": "takeout box",
+      "shortname": ":takeout_box:",
+      "unicode": "1F961",
+      "html": "&#x1F961;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🦞",
+      "name": "lobster",
+      "shortname": ":lobster:",
+      "unicode": "1F99E",
+      "html": "&#x1F99E;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦐",
+      "name": "shrimp",
+      "shortname": ":shrimp:",
+      "unicode": "1F990",
+      "html": "&#x1F990;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦑",
+      "name": "squid",
+      "shortname": ":squid:",
+      "unicode": "1F991",
+      "html": "&#x1F991;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦪",
+      "name": "oyster",
+      "shortname": ":oyster:",
+      "unicode": "1F9AA",
+      "html": "&#x1F9AA;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🧁",
+      "name": "cupcake",
+      "shortname": ":cupcake:",
+      "unicode": "1F9C1",
+      "html": "&#x1F9C1;",
+      "category": "Food & Drink (food-sweet)",
+      "order": ""
+    },
+    {
+      "emoji": "🥧",
+      "name": "pie",
+      "shortname": ":pie:",
+      "unicode": "1F967",
+      "html": "&#x1F967;",
+      "category": "Food & Drink (food-sweet)",
+      "order": ""
+    },
+    {
+      "emoji": "🥛",
+      "name": "glass of milk",
+      "shortname": ":glass_of_milk:",
+      "unicode": "1F95B",
+      "html": "&#x1F95B;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥂",
+      "name": "clinking glasses",
+      "shortname": ":clinking_glasses:",
+      "unicode": "1F942",
+      "html": "&#x1F942;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥃",
+      "name": "tumbler glass",
+      "shortname": ":tumbler_glass:",
+      "unicode": "1F943",
+      "html": "&#x1F943;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥤",
+      "name": "cup with straw",
+      "shortname": ":cup_with_straw:",
+      "unicode": "1F964",
+      "html": "&#x1F964;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧃",
+      "name": "beverage box",
+      "shortname": ":beverage_box:",
+      "unicode": "1F9C3",
+      "html": "&#x1F9C3;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧉",
+      "name": "mate",
+      "shortname": ":mate:",
+      "unicode": "1F9C9",
+      "html": "&#x1F9C9;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧊",
+      "name": "ice",
+      "shortname": ":ice:",
+      "unicode": "1F9CA",
+      "html": "&#x1F9CA;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥢",
+      "name": "chopsticks",
+      "shortname": ":chopsticks:",
+      "unicode": "1F962",
+      "html": "&#x1F962;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🍽️",
+      "name": "fork and knife with plate",
+      "shortname": ":fork_and_knife_with_plate:",
+      "unicode": "1F37D FE0F",
+      "html": "&#x1F37D;&#xFE0F;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🥄",
+      "name": "spoon",
+      "shortname": ":spoon:",
+      "unicode": "1F944",
+      "html": "&#x1F944;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🗺️",
+      "name": "world map",
+      "shortname": ":world_map:",
+      "unicode": "1F5FA FE0F",
+      "html": "&#x1F5FA;&#xFE0F;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🧭",
+      "name": "compass",
+      "shortname": ":compass:",
+      "unicode": "1F9ED",
+      "html": "&#x1F9ED;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🏔️",
+      "name": "snow-capped mountain",
+      "shortname": ":snowcapped_mountain:",
+      "unicode": "1F3D4 FE0F",
+      "html": "&#x1F3D4;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "⛰️",
+      "name": "mountain",
+      "shortname": ":mountain:",
+      "unicode": "26F0 FE0F",
+      "html": "&#x26F0;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏕️",
+      "name": "camping",
+      "shortname": ":camping:",
+      "unicode": "1F3D5 FE0F",
+      "html": "&#x1F3D5;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏖️",
+      "name": "beach with umbrella",
+      "shortname": ":beach_with_umbrella:",
+      "unicode": "1F3D6 FE0F",
+      "html": "&#x1F3D6;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏜️",
+      "name": "desert",
+      "shortname": ":desert:",
+      "unicode": "1F3DC FE0F",
+      "html": "&#x1F3DC;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏝️",
+      "name": "desert island",
+      "shortname": ":desert_island:",
+      "unicode": "1F3DD FE0F",
+      "html": "&#x1F3DD;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏞️",
+      "name": "national park",
+      "shortname": ":national_park:",
+      "unicode": "1F3DE FE0F",
+      "html": "&#x1F3DE;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏟️",
+      "name": "stadium",
+      "shortname": ":stadium:",
+      "unicode": "1F3DF FE0F",
+      "html": "&#x1F3DF;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏛️",
+      "name": "classical building",
+      "shortname": ":classical_building:",
+      "unicode": "1F3DB FE0F",
+      "html": "&#x1F3DB;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏗️",
+      "name": "building construction",
+      "shortname": ":building_construction:",
+      "unicode": "1F3D7 FE0F",
+      "html": "&#x1F3D7;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🧱",
+      "name": "brick",
+      "shortname": ":brick:",
+      "unicode": "1F9F1",
+      "html": "&#x1F9F1;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏘️",
+      "name": "houses",
+      "shortname": ":houses:",
+      "unicode": "1F3D8 FE0F",
+      "html": "&#x1F3D8;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏚️",
+      "name": "derelict house",
+      "shortname": ":derelict_house:",
+      "unicode": "1F3DA FE0F",
+      "html": "&#x1F3DA;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🛕",
+      "name": "hindu temple",
+      "shortname": ":hindu_temple:",
+      "unicode": "1F6D5",
+      "html": "&#x1F6D5;",
+      "category": "Travel & Places (place-religious)",
+      "order": ""
+    },
+    {
+      "emoji": "⛩️",
+      "name": "shinto shrine",
+      "shortname": ":shinto_shrine:",
+      "unicode": "26E9 FE0F",
+      "html": "&#x26E9;&#xFE0F;",
+      "category": "Travel & Places (place-religious)",
+      "order": ""
+    },
+    {
+      "emoji": "🏙️",
+      "name": "cityscape",
+      "shortname": ":cityscape:",
+      "unicode": "1F3D9 FE0F",
+      "html": "&#x1F3D9;&#xFE0F;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "♨",
+      "name": "hot springs",
+      "shortname": ":hot_springs:",
+      "unicode": "2668",
+      "html": "&#x2668;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "🏎️",
+      "name": "racing car",
+      "shortname": ":racing_car:",
+      "unicode": "1F3CE FE0F",
+      "html": "&#x1F3CE;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏍️",
+      "name": "motorcycle",
+      "shortname": ":motorcycle:",
+      "unicode": "1F3CD FE0F",
+      "html": "&#x1F3CD;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛵",
+      "name": "motor scooter",
+      "shortname": ":motor_scooter:",
+      "unicode": "1F6F5",
+      "html": "&#x1F6F5;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🦽",
+      "name": "manual wheelchair",
+      "shortname": ":manual_wheelchair:",
+      "unicode": "1F9BD",
+      "html": "&#x1F9BD;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🦼",
+      "name": "motorized wheelchair",
+      "shortname": ":motorized_wheelchair:",
+      "unicode": "1F9BC",
+      "html": "&#x1F9BC;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛺",
+      "name": "auto rickshaw",
+      "shortname": ":auto_rickshaw:",
+      "unicode": "1F6FA",
+      "html": "&#x1F6FA;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛴",
+      "name": "kick scooter",
+      "shortname": ":kick_scooter:",
+      "unicode": "1F6F4",
+      "html": "&#x1F6F4;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛹",
+      "name": "skateboard",
+      "shortname": ":skateboard:",
+      "unicode": "1F6F9",
+      "html": "&#x1F6F9;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛣️",
+      "name": "motorway",
+      "shortname": ":motorway:",
+      "unicode": "1F6E3 FE0F",
+      "html": "&#x1F6E3;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛤️",
+      "name": "railway track",
+      "shortname": ":railway_track:",
+      "unicode": "1F6E4 FE0F",
+      "html": "&#x1F6E4;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛢️",
+      "name": "oil drum",
+      "shortname": ":oil_drum:",
+      "unicode": "1F6E2 FE0F",
+      "html": "&#x1F6E2;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛶",
+      "name": "canoe",
+      "shortname": ":canoe:",
+      "unicode": "1F6F6",
+      "html": "&#x1F6F6;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛳️",
+      "name": "passenger ship",
+      "shortname": ":passenger_ship:",
+      "unicode": "1F6F3 FE0F",
+      "html": "&#x1F6F3;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "⛴️",
+      "name": "ferry",
+      "shortname": ":ferry:",
+      "unicode": "26F4 FE0F",
+      "html": "&#x26F4;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛥️",
+      "name": "motor boat",
+      "shortname": ":motor_boat:",
+      "unicode": "1F6E5 FE0F",
+      "html": "&#x1F6E5;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "✈",
+      "name": "airplane",
+      "shortname": ":airplane:",
+      "unicode": "2708",
+      "html": "&#x2708;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛩️",
+      "name": "small airplane",
+      "shortname": ":small_airplane:",
+      "unicode": "1F6E9 FE0F",
+      "html": "&#x1F6E9;&#xFE0F;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🪂",
+      "name": "parachute",
+      "shortname": ":parachute:",
+      "unicode": "1FA82",
+      "html": "&#x1FA82;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛰️",
+      "name": "satellite",
+      "shortname": ":satellite:",
+      "unicode": "1F6F0 FE0F",
+      "html": "&#x1F6F0;&#xFE0F;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛸",
+      "name": "flying saucer",
+      "shortname": ":flying_saucer:",
+      "unicode": "1F6F8",
+      "html": "&#x1F6F8;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛎️",
+      "name": "bellhop bell",
+      "shortname": ":bellhop_bell:",
+      "unicode": "1F6CE FE0F",
+      "html": "&#x1F6CE;&#xFE0F;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "🧳",
+      "name": "luggage",
+      "shortname": ":luggage:",
+      "unicode": "1F9F3",
+      "html": "&#x1F9F3;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "⏱️",
+      "name": "stopwatch",
+      "shortname": ":stopwatch:",
+      "unicode": "23F1 FE0F",
+      "html": "&#x23F1;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "⏲️",
+      "name": "timer clock",
+      "shortname": ":timer_clock:",
+      "unicode": "23F2 FE0F",
+      "html": "&#x23F2;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🕰️",
+      "name": "mantelpiece clock",
+      "shortname": ":mantelpiece_clock:",
+      "unicode": "1F570 FE0F",
+      "html": "&#x1F570;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🌡️",
+      "name": "thermometer",
+      "shortname": ":thermometer:",
+      "unicode": "1F321 FE0F",
+      "html": "&#x1F321;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☀",
+      "name": "sun",
+      "shortname": ":sun:",
+      "unicode": "2600",
+      "html": "&#x2600;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🪐",
+      "name": "ringed planet",
+      "shortname": ":ringed_planet:",
+      "unicode": "1FA90",
+      "html": "&#x1FA90;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☁️",
+      "name": "cloud",
+      "shortname": ":cloud:",
+      "unicode": "2601 FE0F",
+      "html": "&#x2601;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛈️",
+      "name": "cloud with lightning and rain",
+      "shortname": ":cloud_with_lightning_and_rain:",
+      "unicode": "26C8 FE0F",
+      "html": "&#x26C8;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌤️",
+      "name": "sun behind small cloud",
+      "shortname": ":sun_behind_small_cloud:",
+      "unicode": "1F324 FE0F",
+      "html": "&#x1F324;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌥️",
+      "name": "sun behind large cloud",
+      "shortname": ":sun_behind_large_cloud:",
+      "unicode": "1F325 FE0F",
+      "html": "&#x1F325;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌦️",
+      "name": "sun behind rain cloud",
+      "shortname": ":sun_behind_rain_cloud:",
+      "unicode": "1F326 FE0F",
+      "html": "&#x1F326;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌧️",
+      "name": "cloud with rain",
+      "shortname": ":cloud_with_rain:",
+      "unicode": "1F327 FE0F",
+      "html": "&#x1F327;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌨️",
+      "name": "cloud with snow",
+      "shortname": ":cloud_with_snow:",
+      "unicode": "1F328 FE0F",
+      "html": "&#x1F328;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌩️",
+      "name": "cloud with lightning",
+      "shortname": ":cloud_with_lightning:",
+      "unicode": "1F329 FE0F",
+      "html": "&#x1F329;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌪️",
+      "name": "tornado",
+      "shortname": ":tornado:",
+      "unicode": "1F32A FE0F",
+      "html": "&#x1F32A;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌫️",
+      "name": "fog",
+      "shortname": ":fog:",
+      "unicode": "1F32B FE0F",
+      "html": "&#x1F32B;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌬️",
+      "name": "wind face",
+      "shortname": ":wind_face:",
+      "unicode": "1F32C FE0F",
+      "html": "&#x1F32C;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☂",
+      "name": "umbrella",
+      "shortname": ":umbrella:",
+      "unicode": "2602",
+      "html": "&#x2602;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛱️",
+      "name": "umbrella on ground",
+      "shortname": ":umbrella_on_ground:",
+      "unicode": "26F1 FE0F",
+      "html": "&#x26F1;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "❄",
+      "name": "snowflake",
+      "shortname": ":snowflake:",
+      "unicode": "2744",
+      "html": "&#x2744;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☃",
+      "name": "snowman",
+      "shortname": ":snowman:",
+      "unicode": "2603",
+      "html": "&#x2603;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☄️",
+      "name": "comet",
+      "shortname": ":comet:",
+      "unicode": "2604 FE0F",
+      "html": "&#x2604;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🧨",
+      "name": "firecracker",
+      "shortname": ":firecracker:",
+      "unicode": "1F9E8",
+      "html": "&#x1F9E8;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🧧",
+      "name": "red envelope",
+      "shortname": ":red_envelope:",
+      "unicode": "1F9E7",
+      "html": "&#x1F9E7;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎗️",
+      "name": "reminder ribbon",
+      "shortname": ":reminder_ribbon:",
+      "unicode": "1F397 FE0F",
+      "html": "&#x1F397;&#xFE0F;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎟️",
+      "name": "admission tickets",
+      "shortname": ":admission_tickets:",
+      "unicode": "1F39F FE0F",
+      "html": "&#x1F39F;&#xFE0F;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎖️",
+      "name": "military medal",
+      "shortname": ":military_medal:",
+      "unicode": "1F396 FE0F",
+      "html": "&#x1F396;&#xFE0F;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥇",
+      "name": "1st place medal",
+      "shortname": ":1st_place_medal:",
+      "unicode": "1F947",
+      "html": "&#x1F947;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥈",
+      "name": "2nd place medal",
+      "shortname": ":2nd_place_medal:",
+      "unicode": "1F948",
+      "html": "&#x1F948;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥉",
+      "name": "3rd place medal",
+      "shortname": ":3rd_place_medal:",
+      "unicode": "1F949",
+      "html": "&#x1F949;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "⚾",
+      "name": "baseball",
+      "shortname": ":baseball:",
+      "unicode": "26BE",
+      "html": "&#x26BE;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥎",
+      "name": "softball",
+      "shortname": ":softball:",
+      "unicode": "1F94E",
+      "html": "&#x1F94E;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥏",
+      "name": "flying disc",
+      "shortname": ":flying_disc:",
+      "unicode": "1F94F",
+      "html": "&#x1F94F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥍",
+      "name": "lacrosse",
+      "shortname": ":lacrosse:",
+      "unicode": "1F94D",
+      "html": "&#x1F94D;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥊",
+      "name": "boxing glove",
+      "shortname": ":boxing_glove:",
+      "unicode": "1F94A",
+      "html": "&#x1F94A;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥋",
+      "name": "martial arts uniform",
+      "shortname": ":martial_arts_uniform:",
+      "unicode": "1F94B",
+      "html": "&#x1F94B;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥅",
+      "name": "goal net",
+      "shortname": ":goal_net:",
+      "unicode": "1F945",
+      "html": "&#x1F945;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛸️",
+      "name": "ice skate",
+      "shortname": ":ice_skate:",
+      "unicode": "26F8 FE0F",
+      "html": "&#x26F8;&#xFE0F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤿",
+      "name": "diving mask",
+      "shortname": ":diving_mask:",
+      "unicode": "1F93F",
+      "html": "&#x1F93F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🛷",
+      "name": "sled",
+      "shortname": ":sled:",
+      "unicode": "1F6F7",
+      "html": "&#x1F6F7;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥌",
+      "name": "curling stone",
+      "shortname": ":curling_stone:",
+      "unicode": "1F94C",
+      "html": "&#x1F94C;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🪀",
+      "name": "yo-yo",
+      "shortname": ":yoyo:",
+      "unicode": "1FA80",
+      "html": "&#x1FA80;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🪁",
+      "name": "kite",
+      "shortname": ":kite:",
+      "unicode": "1FA81",
+      "html": "&#x1FA81;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧿",
+      "name": "nazar amulet",
+      "shortname": ":nazar_amulet:",
+      "unicode": "1F9FF",
+      "html": "&#x1F9FF;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🕹️",
+      "name": "joystick",
+      "shortname": ":joystick:",
+      "unicode": "1F579 FE0F",
+      "html": "&#x1F579;&#xFE0F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧩",
+      "name": "puzzle piece",
+      "shortname": ":puzzle_piece:",
+      "unicode": "1F9E9",
+      "html": "&#x1F9E9;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧸",
+      "name": "teddy bear",
+      "shortname": ":teddy_bear:",
+      "unicode": "1F9F8",
+      "html": "&#x1F9F8;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "♟️",
+      "name": "chess pawn",
+      "shortname": ":chess_pawn:",
+      "unicode": "265F FE0F",
+      "html": "&#x265F;&#xFE0F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "♟",
+      "name": "chess pawn",
+      "shortname": ":chess_pawn:",
+      "unicode": "265F",
+      "html": "&#x265F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🖼️",
+      "name": "framed picture",
+      "shortname": ":framed_picture:",
+      "unicode": "1F5BC FE0F",
+      "html": "&#x1F5BC;&#xFE0F;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧵",
+      "name": "thread",
+      "shortname": ":thread:",
+      "unicode": "1F9F5",
+      "html": "&#x1F9F5;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧶",
+      "name": "yarn",
+      "shortname": ":yarn:",
+      "unicode": "1F9F6",
+      "html": "&#x1F9F6;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🕶️",
+      "name": "sunglasses",
+      "shortname": ":sunglasses:",
+      "unicode": "1F576 FE0F",
+      "html": "&#x1F576;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥽",
+      "name": "goggles",
+      "shortname": ":goggles:",
+      "unicode": "1F97D",
+      "html": "&#x1F97D;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥼",
+      "name": "lab coat",
+      "shortname": ":lab_coat:",
+      "unicode": "1F97C",
+      "html": "&#x1F97C;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🦺",
+      "name": "safety vest",
+      "shortname": ":safety_vest:",
+      "unicode": "1F9BA",
+      "html": "&#x1F9BA;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧣",
+      "name": "scarf",
+      "shortname": ":scarf:",
+      "unicode": "1F9E3",
+      "html": "&#x1F9E3;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧤",
+      "name": "gloves",
+      "shortname": ":gloves:",
+      "unicode": "1F9E4",
+      "html": "&#x1F9E4;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧥",
+      "name": "coat",
+      "shortname": ":coat:",
+      "unicode": "1F9E5",
+      "html": "&#x1F9E5;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧦",
+      "name": "socks",
+      "shortname": ":socks:",
+      "unicode": "1F9E6",
+      "html": "&#x1F9E6;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥻",
+      "name": "sari",
+      "shortname": ":sari:",
+      "unicode": "1F97B",
+      "html": "&#x1F97B;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩱",
+      "name": "one-piece swimsuit",
+      "shortname": ":onepiece_swimsuit:",
+      "unicode": "1FA71",
+      "html": "&#x1FA71;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩲",
+      "name": "briefs",
+      "shortname": ":briefs:",
+      "unicode": "1FA72",
+      "html": "&#x1FA72;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩳",
+      "name": "shorts",
+      "shortname": ":shorts:",
+      "unicode": "1FA73",
+      "html": "&#x1FA73;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🛍️",
+      "name": "shopping bags",
+      "shortname": ":shopping_bags:",
+      "unicode": "1F6CD FE0F",
+      "html": "&#x1F6CD;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥾",
+      "name": "hiking boot",
+      "shortname": ":hiking_boot:",
+      "unicode": "1F97E",
+      "html": "&#x1F97E;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥿",
+      "name": "flat shoe",
+      "shortname": ":flat_shoe:",
+      "unicode": "1F97F",
+      "html": "&#x1F97F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩰",
+      "name": "ballet shoes",
+      "shortname": ":ballet_shoes:",
+      "unicode": "1FA70",
+      "html": "&#x1FA70;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧢",
+      "name": "billed cap",
+      "shortname": ":billed_cap:",
+      "unicode": "1F9E2",
+      "html": "&#x1F9E2;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "⛑️",
+      "name": "rescue worker’s helmet",
+      "shortname": ":rescue_worker’s_helmet:",
+      "unicode": "26D1 FE0F",
+      "html": "&#x26D1;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🎙️",
+      "name": "studio microphone",
+      "shortname": ":studio_microphone:",
+      "unicode": "1F399 FE0F",
+      "html": "&#x1F399;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🎚️",
+      "name": "level slider",
+      "shortname": ":level_slider:",
+      "unicode": "1F39A FE0F",
+      "html": "&#x1F39A;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🎛️",
+      "name": "control knobs",
+      "shortname": ":control_knobs:",
+      "unicode": "1F39B FE0F",
+      "html": "&#x1F39B;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🪕",
+      "name": "banjo",
+      "shortname": ":banjo:",
+      "unicode": "1FA95",
+      "html": "&#x1FA95;",
+      "category": "Objects (musical-instrument)",
+      "order": ""
+    },
+    {
+      "emoji": "☎",
+      "name": "telephone",
+      "shortname": ":telephone:",
+      "unicode": "260E",
+      "html": "&#x260E;",
+      "category": "Objects (phone)",
+      "order": ""
+    },
+    {
+      "emoji": "🖥️",
+      "name": "desktop computer",
+      "shortname": ":desktop_computer:",
+      "unicode": "1F5A5 FE0F",
+      "html": "&#x1F5A5;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖨️",
+      "name": "printer",
+      "shortname": ":printer:",
+      "unicode": "1F5A8 FE0F",
+      "html": "&#x1F5A8;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "⌨️",
+      "name": "keyboard",
+      "shortname": ":keyboard:",
+      "unicode": "2328 FE0F",
+      "html": "&#x2328;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖱️",
+      "name": "computer mouse",
+      "shortname": ":computer_mouse:",
+      "unicode": "1F5B1 FE0F",
+      "html": "&#x1F5B1;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖲️",
+      "name": "trackball",
+      "shortname": ":trackball:",
+      "unicode": "1F5B2 FE0F",
+      "html": "&#x1F5B2;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🧮",
+      "name": "abacus",
+      "shortname": ":abacus:",
+      "unicode": "1F9EE",
+      "html": "&#x1F9EE;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🎞️",
+      "name": "film frames",
+      "shortname": ":film_frames:",
+      "unicode": "1F39E FE0F",
+      "html": "&#x1F39E;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "📽️",
+      "name": "film projector",
+      "shortname": ":film_projector:",
+      "unicode": "1F4FD FE0F",
+      "html": "&#x1F4FD;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🕯️",
+      "name": "candle",
+      "shortname": ":candle:",
+      "unicode": "1F56F FE0F",
+      "html": "&#x1F56F;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🪔",
+      "name": "diya lamp",
+      "shortname": ":diya_lamp:",
+      "unicode": "1FA94",
+      "html": "&#x1FA94;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🗞️",
+      "name": "rolled-up newspaper",
+      "shortname": ":rolledup_newspaper:",
+      "unicode": "1F5DE FE0F",
+      "html": "&#x1F5DE;&#xFE0F;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🏷️",
+      "name": "label",
+      "shortname": ":label:",
+      "unicode": "1F3F7 FE0F",
+      "html": "&#x1F3F7;&#xFE0F;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🧾",
+      "name": "receipt",
+      "shortname": ":receipt:",
+      "unicode": "1F9FE",
+      "html": "&#x1F9FE;",
+      "category": "Objects (money)",
+      "order": ""
+    },
+    {
+      "emoji": "✉",
+      "name": "envelope",
+      "shortname": ":envelope:",
+      "unicode": "2709",
+      "html": "&#x2709;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "🗳️",
+      "name": "ballot box with ballot",
+      "shortname": ":ballot_box_with_ballot:",
+      "unicode": "1F5F3 FE0F",
+      "html": "&#x1F5F3;&#xFE0F;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "✏️",
+      "name": "pencil",
+      "shortname": ":pencil:",
+      "unicode": "270F FE0F",
+      "html": "&#x270F;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "✒️",
+      "name": "black nib",
+      "shortname": ":black_nib:",
+      "unicode": "2712 FE0F",
+      "html": "&#x2712;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖋️",
+      "name": "fountain pen",
+      "shortname": ":fountain_pen:",
+      "unicode": "1F58B FE0F",
+      "html": "&#x1F58B;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖊️",
+      "name": "pen",
+      "shortname": ":pen:",
+      "unicode": "1F58A FE0F",
+      "html": "&#x1F58A;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖌️",
+      "name": "paintbrush",
+      "shortname": ":paintbrush:",
+      "unicode": "1F58C FE0F",
+      "html": "&#x1F58C;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖍️",
+      "name": "crayon",
+      "shortname": ":crayon:",
+      "unicode": "1F58D FE0F",
+      "html": "&#x1F58D;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🗂️",
+      "name": "card index dividers",
+      "shortname": ":card_index_dividers:",
+      "unicode": "1F5C2 FE0F",
+      "html": "&#x1F5C2;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗒️",
+      "name": "spiral notepad",
+      "shortname": ":spiral_notepad:",
+      "unicode": "1F5D2 FE0F",
+      "html": "&#x1F5D2;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗓️",
+      "name": "spiral calendar",
+      "shortname": ":spiral_calendar:",
+      "unicode": "1F5D3 FE0F",
+      "html": "&#x1F5D3;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🖇️",
+      "name": "linked paperclips",
+      "shortname": ":linked_paperclips:",
+      "unicode": "1F587 FE0F",
+      "html": "&#x1F587;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "✂",
+      "name": "scissors",
+      "shortname": ":scissors:",
+      "unicode": "2702",
+      "html": "&#x2702;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗃️",
+      "name": "card file box",
+      "shortname": ":card_file_box:",
+      "unicode": "1F5C3 FE0F",
+      "html": "&#x1F5C3;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗄️",
+      "name": "file cabinet",
+      "shortname": ":file_cabinet:",
+      "unicode": "1F5C4 FE0F",
+      "html": "&#x1F5C4;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗑️",
+      "name": "wastebasket",
+      "shortname": ":wastebasket:",
+      "unicode": "1F5D1 FE0F",
+      "html": "&#x1F5D1;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗝️",
+      "name": "old key",
+      "shortname": ":old_key:",
+      "unicode": "1F5DD FE0F",
+      "html": "&#x1F5DD;&#xFE0F;",
+      "category": "Objects (lock)",
+      "order": ""
+    },
+    {
+      "emoji": "🪓",
+      "name": "axe",
+      "shortname": ":axe:",
+      "unicode": "1FA93",
+      "html": "&#x1FA93;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⛏️",
+      "name": "pick",
+      "shortname": ":pick:",
+      "unicode": "26CF FE0F",
+      "html": "&#x26CF;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚒️",
+      "name": "hammer and pick",
+      "shortname": ":hammer_and_pick:",
+      "unicode": "2692 FE0F",
+      "html": "&#x2692;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛠️",
+      "name": "hammer and wrench",
+      "shortname": ":hammer_and_wrench:",
+      "unicode": "1F6E0 FE0F",
+      "html": "&#x1F6E0;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗡️",
+      "name": "dagger",
+      "shortname": ":dagger:",
+      "unicode": "1F5E1 FE0F",
+      "html": "&#x1F5E1;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚔️",
+      "name": "crossed swords",
+      "shortname": ":crossed_swords:",
+      "unicode": "2694 FE0F",
+      "html": "&#x2694;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛡️",
+      "name": "shield",
+      "shortname": ":shield:",
+      "unicode": "1F6E1 FE0F",
+      "html": "&#x1F6E1;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚙️",
+      "name": "gear",
+      "shortname": ":gear:",
+      "unicode": "2699 FE0F",
+      "html": "&#x2699;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗜️",
+      "name": "clamp",
+      "shortname": ":clamp:",
+      "unicode": "1F5DC FE0F",
+      "html": "&#x1F5DC;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚖️",
+      "name": "balance scale",
+      "shortname": ":balance_scale:",
+      "unicode": "2696 FE0F",
+      "html": "&#x2696;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🦯",
+      "name": "probing cane",
+      "shortname": ":probing_cane:",
+      "unicode": "1F9AF",
+      "html": "&#x1F9AF;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⛓️",
+      "name": "chains",
+      "shortname": ":chains:",
+      "unicode": "26D3 FE0F",
+      "html": "&#x26D3;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🧰",
+      "name": "toolbox",
+      "shortname": ":toolbox:",
+      "unicode": "1F9F0",
+      "html": "&#x1F9F0;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🧲",
+      "name": "magnet",
+      "shortname": ":magnet:",
+      "unicode": "1F9F2",
+      "html": "&#x1F9F2;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚗️",
+      "name": "alembic",
+      "shortname": ":alembic:",
+      "unicode": "2697 FE0F",
+      "html": "&#x2697;&#xFE0F;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧪",
+      "name": "test tube",
+      "shortname": ":test_tube:",
+      "unicode": "1F9EA",
+      "html": "&#x1F9EA;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧫",
+      "name": "petri dish",
+      "shortname": ":petri_dish:",
+      "unicode": "1F9EB",
+      "html": "&#x1F9EB;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧬",
+      "name": "dna",
+      "shortname": ":dna:",
+      "unicode": "1F9EC",
+      "html": "&#x1F9EC;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🩸",
+      "name": "drop of blood",
+      "shortname": ":drop_of_blood:",
+      "unicode": "1FA78",
+      "html": "&#x1FA78;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🩹",
+      "name": "adhesive bandage",
+      "shortname": ":adhesive_bandage:",
+      "unicode": "1FA79",
+      "html": "&#x1FA79;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🩺",
+      "name": "stethoscope",
+      "shortname": ":stethoscope:",
+      "unicode": "1FA7A",
+      "html": "&#x1FA7A;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🛏️",
+      "name": "bed",
+      "shortname": ":bed:",
+      "unicode": "1F6CF FE0F",
+      "html": "&#x1F6CF;&#xFE0F;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🛋️",
+      "name": "couch and lamp",
+      "shortname": ":couch_and_lamp:",
+      "unicode": "1F6CB FE0F",
+      "html": "&#x1F6CB;&#xFE0F;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🪑",
+      "name": "chair",
+      "shortname": ":chair:",
+      "unicode": "1FA91",
+      "html": "&#x1FA91;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🪒",
+      "name": "razor",
+      "shortname": ":razor:",
+      "unicode": "1FA92",
+      "html": "&#x1FA92;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧴",
+      "name": "lotion bottle",
+      "shortname": ":lotion_bottle:",
+      "unicode": "1F9F4",
+      "html": "&#x1F9F4;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧷",
+      "name": "safety pin",
+      "shortname": ":safety_pin:",
+      "unicode": "1F9F7",
+      "html": "&#x1F9F7;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧹",
+      "name": "broom",
+      "shortname": ":broom:",
+      "unicode": "1F9F9",
+      "html": "&#x1F9F9;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧺",
+      "name": "basket",
+      "shortname": ":basket:",
+      "unicode": "1F9FA",
+      "html": "&#x1F9FA;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧻",
+      "name": "roll of paper",
+      "shortname": ":roll_of_paper:",
+      "unicode": "1F9FB",
+      "html": "&#x1F9FB;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧼",
+      "name": "soap",
+      "shortname": ":soap:",
+      "unicode": "1F9FC",
+      "html": "&#x1F9FC;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧽",
+      "name": "sponge",
+      "shortname": ":sponge:",
+      "unicode": "1F9FD",
+      "html": "&#x1F9FD;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧯",
+      "name": "fire extinguisher",
+      "shortname": ":fire_extinguisher:",
+      "unicode": "1F9EF",
+      "html": "&#x1F9EF;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🛒",
+      "name": "shopping cart",
+      "shortname": ":shopping_cart:",
+      "unicode": "1F6D2",
+      "html": "&#x1F6D2;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "⚰️",
+      "name": "coffin",
+      "shortname": ":coffin:",
+      "unicode": "26B0 FE0F",
+      "html": "&#x26B0;&#xFE0F;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚱️",
+      "name": "funeral urn",
+      "shortname": ":funeral_urn:",
+      "unicode": "26B1 FE0F",
+      "html": "&#x26B1;&#xFE0F;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚠",
+      "name": "warning",
+      "shortname": ":warning:",
+      "unicode": "26A0",
+      "html": "&#x26A0;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "☢️",
+      "name": "radioactive",
+      "shortname": ":radioactive:",
+      "unicode": "2622 FE0F",
+      "html": "&#x2622;&#xFE0F;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "☣️",
+      "name": "biohazard",
+      "shortname": ":biohazard:",
+      "unicode": "2623 FE0F",
+      "html": "&#x2623;&#xFE0F;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "⬆",
+      "name": "up arrow",
+      "shortname": ":up_arrow:",
+      "unicode": "2B06",
+      "html": "&#x2B06;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↗",
+      "name": "up-right arrow",
+      "shortname": ":upright_arrow:",
+      "unicode": "2197",
+      "html": "&#x2197;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "➡️",
+      "name": "right arrow",
+      "shortname": ":right_arrow:",
+      "unicode": "27A1 FE0F",
+      "html": "&#x27A1;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↘",
+      "name": "down-right arrow",
+      "shortname": ":downright_arrow:",
+      "unicode": "2198",
+      "html": "&#x2198;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⬇",
+      "name": "down arrow",
+      "shortname": ":down_arrow:",
+      "unicode": "2B07",
+      "html": "&#x2B07;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↙",
+      "name": "down-left arrow",
+      "shortname": ":downleft_arrow:",
+      "unicode": "2199",
+      "html": "&#x2199;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⬅",
+      "name": "left arrow",
+      "shortname": ":left_arrow:",
+      "unicode": "2B05",
+      "html": "&#x2B05;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↖️",
+      "name": "up-left arrow",
+      "shortname": ":upleft_arrow:",
+      "unicode": "2196 FE0F",
+      "html": "&#x2196;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↕️",
+      "name": "up-down arrow",
+      "shortname": ":updown_arrow:",
+      "unicode": "2195 FE0F",
+      "html": "&#x2195;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↩",
+      "name": "right arrow curving left",
+      "shortname": ":right_arrow_curving_left:",
+      "unicode": "21A9",
+      "html": "&#x21A9;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↪",
+      "name": "left arrow curving right",
+      "shortname": ":left_arrow_curving_right:",
+      "unicode": "21AA",
+      "html": "&#x21AA;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⤴",
+      "name": "right arrow curving up",
+      "shortname": ":right_arrow_curving_up:",
+      "unicode": "2934",
+      "html": "&#x2934;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⤵",
+      "name": "right arrow curving down",
+      "shortname": ":right_arrow_curving_down:",
+      "unicode": "2935",
+      "html": "&#x2935;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⚛️",
+      "name": "atom symbol",
+      "shortname": ":atom_symbol:",
+      "unicode": "269B FE0F",
+      "html": "&#x269B;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "🕉️",
+      "name": "om",
+      "shortname": ":om:",
+      "unicode": "1F549 FE0F",
+      "html": "&#x1F549;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "✡",
+      "name": "star of David",
+      "shortname": ":star_of_David:",
+      "unicode": "2721",
+      "html": "&#x2721;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☸️",
+      "name": "wheel of dharma",
+      "shortname": ":wheel_of_dharma:",
+      "unicode": "2638 FE0F",
+      "html": "&#x2638;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☯️",
+      "name": "yin yang",
+      "shortname": ":yin_yang:",
+      "unicode": "262F FE0F",
+      "html": "&#x262F;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "✝",
+      "name": "latin cross",
+      "shortname": ":latin_cross:",
+      "unicode": "271D",
+      "html": "&#x271D;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☦️",
+      "name": "orthodox cross",
+      "shortname": ":orthodox_cross:",
+      "unicode": "2626 FE0F",
+      "html": "&#x2626;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☪️",
+      "name": "star and crescent",
+      "shortname": ":star_and_crescent:",
+      "unicode": "262A FE0F",
+      "html": "&#x262A;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☮️",
+      "name": "peace symbol",
+      "shortname": ":peace_symbol:",
+      "unicode": "262E FE0F",
+      "html": "&#x262E;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "▶",
+      "name": "play button",
+      "shortname": ":play_button:",
+      "unicode": "25B6",
+      "html": "&#x25B6;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏭️",
+      "name": "next track button",
+      "shortname": ":next_track_button:",
+      "unicode": "23ED FE0F",
+      "html": "&#x23ED;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏯️",
+      "name": "play or pause button",
+      "shortname": ":play_or_pause_button:",
+      "unicode": "23EF FE0F",
+      "html": "&#x23EF;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "◀",
+      "name": "reverse button",
+      "shortname": ":reverse_button:",
+      "unicode": "25C0",
+      "html": "&#x25C0;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏮️",
+      "name": "last track button",
+      "shortname": ":last_track_button:",
+      "unicode": "23EE FE0F",
+      "html": "&#x23EE;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏸️",
+      "name": "pause button",
+      "shortname": ":pause_button:",
+      "unicode": "23F8 FE0F",
+      "html": "&#x23F8;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏹️",
+      "name": "stop button",
+      "shortname": ":stop_button:",
+      "unicode": "23F9 FE0F",
+      "html": "&#x23F9;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏺️",
+      "name": "record button",
+      "shortname": ":record_button:",
+      "unicode": "23FA FE0F",
+      "html": "&#x23FA;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏏️",
+      "name": "eject button",
+      "shortname": ":eject_button:",
+      "unicode": "23CF FE0F",
+      "html": "&#x23CF;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏏",
+      "name": "eject button",
+      "shortname": ":eject_button:",
+      "unicode": "23CF",
+      "html": "&#x23CF;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♀️",
+      "name": "female sign",
+      "shortname": ":female_sign:",
+      "unicode": "2640 FE0F",
+      "html": "&#x2640;&#xFE0F;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♀",
+      "name": "female sign",
+      "shortname": ":female_sign:",
+      "unicode": "2640",
+      "html": "&#x2640;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♂️",
+      "name": "male sign",
+      "shortname": ":male_sign:",
+      "unicode": "2642 FE0F",
+      "html": "&#x2642;&#xFE0F;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♂",
+      "name": "male sign",
+      "shortname": ":male_sign:",
+      "unicode": "2642",
+      "html": "&#x2642;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "⚕️",
+      "name": "medical symbol",
+      "shortname": ":medical_symbol:",
+      "unicode": "2695 FE0F",
+      "html": "&#x2695;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⚕",
+      "name": "medical symbol",
+      "shortname": ":medical_symbol:",
+      "unicode": "2695",
+      "html": "&#x2695;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♾️",
+      "name": "infinity",
+      "shortname": ":infinity:",
+      "unicode": "267E FE0F",
+      "html": "&#x267E;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♾",
+      "name": "infinity",
+      "shortname": ":infinity:",
+      "unicode": "267E",
+      "html": "&#x267E;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♻️",
+      "name": "recycling symbol",
+      "shortname": ":recycling_symbol:",
+      "unicode": "267B FE0F",
+      "html": "&#x267B;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⚜️",
+      "name": "fleur-de-lis",
+      "shortname": ":fleurde-lis:",
+      "unicode": "269C FE0F",
+      "html": "&#x269C;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "☑",
+      "name": "check box with check",
+      "shortname": ":check_box_with_check:",
+      "unicode": "2611",
+      "html": "&#x2611;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✔",
+      "name": "check mark",
+      "shortname": ":check_mark:",
+      "unicode": "2714",
+      "html": "&#x2714;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✖",
+      "name": "multiplication sign",
+      "shortname": ":multiplication_sign:",
+      "unicode": "2716",
+      "html": "&#x2716;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "〽",
+      "name": "part alternation mark",
+      "shortname": ":part_alternation_mark:",
+      "unicode": "303D",
+      "html": "&#x303D;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✳",
+      "name": "eight-spoked asterisk",
+      "shortname": ":eightspoked_asterisk:",
+      "unicode": "2733",
+      "html": "&#x2733;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✴",
+      "name": "eight-pointed star",
+      "shortname": ":eightpointed_star:",
+      "unicode": "2734",
+      "html": "&#x2734;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "❇",
+      "name": "sparkle",
+      "shortname": ":sparkle:",
+      "unicode": "2747",
+      "html": "&#x2747;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "‼",
+      "name": "double exclamation mark",
+      "shortname": ":double_exclamation_mark:",
+      "unicode": "203C",
+      "html": "&#x203C;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⁉",
+      "name": "exclamation question mark",
+      "shortname": ":exclamation_question_mark:",
+      "unicode": "2049",
+      "html": "&#x2049;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "〰️",
+      "name": "wavy dash",
+      "shortname": ":wavy_dash:",
+      "unicode": "3030 FE0F",
+      "html": "&#x3030;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "#️⃣",
+      "name": "keycap: #",
+      "shortname": ":#:",
+      "unicode": "0023 FE0F 20E3",
+      "html": "&#x0023;&#xFE0F;&#x20E3;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "🅰",
+      "name": "A button (blood type)",
+      "shortname": ":A_button_blood_type:",
+      "unicode": "1F170",
+      "html": "&#x1F170;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅱",
+      "name": "B button (blood type)",
+      "shortname": ":B_button_blood_type:",
+      "unicode": "1F171",
+      "html": "&#x1F171;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "ℹ️",
+      "name": "information",
+      "shortname": ":information:",
+      "unicode": "2139 FE0F",
+      "html": "&#x2139;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "Ⓜ",
+      "name": "circled M",
+      "shortname": ":circled_M:",
+      "unicode": "24C2",
+      "html": "&#x24C2;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅾",
+      "name": "O button (blood type)",
+      "shortname": ":O_button_blood_type:",
+      "unicode": "1F17E",
+      "html": "&#x1F17E;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅿",
+      "name": "P button",
+      "shortname": ":P_button:",
+      "unicode": "1F17F",
+      "html": "&#x1F17F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈂",
+      "name": "Japanese service charge button",
+      "shortname": ":Japanese_service_charge_button:",
+      "unicode": "1F202",
+      "html": "&#x1F202;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈷️",
+      "name": "Japanese monthly amount button",
+      "shortname": ":Japanese_monthly_amount_button:",
+      "unicode": "1F237 FE0F",
+      "html": "&#x1F237;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈯",
+      "name": "Japanese reserved button",
+      "shortname": ":Japanese_reserved_button:",
+      "unicode": "1F22F",
+      "html": "&#x1F22F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈚",
+      "name": "Japanese free of charge button",
+      "shortname": ":Japanese_free_of_charge_button:",
+      "unicode": "1F21A",
+      "html": "&#x1F21A;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "㊗️",
+      "name": "Japanese congratulations button",
+      "shortname": ":Japanese_congratulations_button:",
+      "unicode": "3297 FE0F",
+      "html": "&#x3297;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "㊙️",
+      "name": "Japanese secret button",
+      "shortname": ":Japanese_secret_button:",
+      "unicode": "3299 FE0F",
+      "html": "&#x3299;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🟠",
+      "name": "orange circle",
+      "shortname": ":orange_circle:",
+      "unicode": "1F7E0",
+      "html": "&#x1F7E0;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟡",
+      "name": "yellow circle",
+      "shortname": ":yellow_circle:",
+      "unicode": "1F7E1",
+      "html": "&#x1F7E1;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟢",
+      "name": "green circle",
+      "shortname": ":green_circle:",
+      "unicode": "1F7E2",
+      "html": "&#x1F7E2;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟣",
+      "name": "purple circle",
+      "shortname": ":purple_circle:",
+      "unicode": "1F7E3",
+      "html": "&#x1F7E3;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟤",
+      "name": "brown circle",
+      "shortname": ":brown_circle:",
+      "unicode": "1F7E4",
+      "html": "&#x1F7E4;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟥",
+      "name": "red square",
+      "shortname": ":red_square:",
+      "unicode": "1F7E5",
+      "html": "&#x1F7E5;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟧",
+      "name": "orange square",
+      "shortname": ":orange_square:",
+      "unicode": "1F7E7",
+      "html": "&#x1F7E7;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟨",
+      "name": "yellow square",
+      "shortname": ":yellow_square:",
+      "unicode": "1F7E8",
+      "html": "&#x1F7E8;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟩",
+      "name": "green square",
+      "shortname": ":green_square:",
+      "unicode": "1F7E9",
+      "html": "&#x1F7E9;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟦",
+      "name": "blue square",
+      "shortname": ":blue_square:",
+      "unicode": "1F7E6",
+      "html": "&#x1F7E6;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "▪",
+      "name": "black small square",
+      "shortname": ":black_small_square:",
+      "unicode": "25AA",
+      "html": "&#x25AA;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "▫️",
+      "name": "white small square",
+      "shortname": ":white_small_square:",
+      "unicode": "25AB FE0F",
+      "html": "&#x25AB;&#xFE0F;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🏳️",
+      "name": "white flag",
+      "shortname": ":white_flag:",
+      "unicode": "1F3F3 FE0F",
+      "html": "&#x1F3F3;&#xFE0F;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏳️‍🌈",
+      "name": "rainbow flag",
+      "shortname": ":rainbow_flag:",
+      "unicode": "1F3F3 FE0F 200D 1F308",
+      "html": "&#x1F3F3;&#xFE0F;&#x200D;&#x1F308;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴‍☠️",
+      "name": "pirate flag",
+      "shortname": ":pirate_flag:",
+      "unicode": "1F3F4 200D 2620 FE0F",
+      "html": "&#x1F3F4;&#x200D;&#x2620;&#xFE0F;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴‍☠",
+      "name": "pirate flag",
+      "shortname": ":pirate_flag:",
+      "unicode": "1F3F4 200D 2620",
+      "html": "&#x1F3F4;&#x200D;&#x2620;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🇺🇳",
+      "name": "flag: United Nations",
+      "shortname": ":United_Nations:",
+      "unicode": "1F1FA 1F1F3",
+      "html": "&#x1F1FA;&#x1F1F3;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁥󠁮󠁧󠁿",
+      "name": "flag: England",
+      "shortname": ":England:",
+      "unicode": "1F3F4 E0067 E0062 E0065 E006E E0067 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0065;&#xE006E;&#xE0067;&#xE007F;",
+      "category": "Flags (subdivision-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁳󠁣󠁴󠁿",
+      "name": "flag: Scotland",
+      "shortname": ":Scotland:",
+      "unicode": "1F3F4 E0067 E0062 E0073 E0063 E0074 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0073;&#xE0063;&#xE0074;&#xE007F;",
+      "category": "Flags (subdivision-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁷󠁬󠁳󠁿",
+      "name": "Wales",
+      "shortname": ":wales:",
+      "unicode": "1F3F4 E0067 E0062 E0077 E006C E0073 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0077;&#xE006C;&#xE0073;&#xE007F;",
+      "category": "(subdivision-flag)",
+      "order": ""
+    }
+  ]
+}
diff --git a/vite.config.js b/vite.config.js
index d25dfa3aa..401cb4b35 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,31 +1,54 @@
-import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'node:path'
-import { defineConfig } from 'vite'
+import { fileURLToPath } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import stylelint from 'vite-plugin-stylelint'
+import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint2'
-import emojisPlugin from './build/emojis_plugin.js'
-import { devSwPlugin, buildSwPlugin, swMessagesPlugin } from './build/sw_plugin.js'
-import copyPlugin from './build/copy_plugin.js'
+import stylelint from 'vite-plugin-stylelint'
+import { configDefaults } from 'vitest/config'
+
 import { getCommitHash } from './build/commit_hash.js'
+import copyPlugin from './build/copy_plugin.js'
+import emojisPlugin from './build/emojis_plugin.js'
 import mswPlugin from './build/msw_plugin.js'
+import {
+  buildSwPlugin,
+  devSwPlugin,
+  swMessagesPlugin,
+} from './build/sw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
+const normalizeTarget = (target) => {
+  if (!target || typeof target !== 'string') return target
+  return target.endsWith('/') ? target.replace(/\/$/, '') : target
+}
+
 const getLocalDevSettings = async () => {
+  const envTarget = normalizeTarget(process.env.VITE_PROXY_TARGET)
+  const envOrigin = normalizeTarget(process.env.VITE_PROXY_ORIGIN)
   try {
     const settings = (await import('./config/local.json')).default
-    if (settings.target && settings.target.endsWith('/')) {
-      // replacing trailing slash since it can conflict with some apis
-      // and that's how actual BE reports its url
-      settings.target = settings.target.replace(/\/$/, '')
-    }
+    settings.target = normalizeTarget(settings.target)
+    settings.origin = normalizeTarget(settings.origin)
+    if (envTarget) settings.target = envTarget
+    if (envOrigin) settings.origin = envOrigin
     console.info(`Using local dev server settings (${localConfigPath}):`)
     console.info(JSON.stringify(settings, null, 2))
     return settings
   } catch (e) {
-    console.info(`Local dev server settings not found (${localConfigPath}), using default`, e)
-    return {}
+    if (!envTarget && !envOrigin) {
+      console.info(
+        `Local dev server settings not found (${localConfigPath}), using default`,
+        e,
+      )
+      return {}
+    }
+    const settings = { target: envTarget, origin: envOrigin }
+    console.info(
+      'Using dev server settings from VITE_PROXY_TARGET/VITE_PROXY_ORIGIN:',
+    )
+    console.info(JSON.stringify(settings, null, 2))
+    return settings
   }
 }
 
@@ -42,7 +65,7 @@ const getTransformSWSettings = (settings) => {
         'Some browsers (e.g. Firefox) does not support ESM service workers.\n' +
         'To avoid surprises, it is defaulted to true, but this can be slow.\n' +
         'If you are using a browser that supports ESM service workers, you can set this option to false.\n' +
-        `No matter your choice, you can set the transformSW option in ${localConfigPath} in to disable this message.`
+        `No matter your choice, you can set the transformSW option in ${localConfigPath} in to disable this message.`,
     )
     return true
   }
@@ -51,18 +74,24 @@ const getTransformSWSettings = (settings) => {
 export default defineConfig(async ({ mode, command }) => {
   const settings = await getLocalDevSettings()
   const target = settings.target || 'http://localhost:4000/'
+  const origin = settings.origin || target
   const transformSW = getTransformSWSettings(settings)
   const proxy = {
     '/api': {
       target,
       changeOrigin: true,
       cookieDomainRewrite: 'localhost',
-      ws: true
+      ws: true,
     },
     '/nodeinfo': {
       target,
       changeOrigin: true,
-      cookieDomainRewrite: 'localhost'
+      cookieDomainRewrite: 'localhost',
+    },
+    '/instance': {
+      target,
+      changeOrigin: true,
+      cookieDomainRewrite: 'localhost',
     },
     '/socket': {
       target,
@@ -70,14 +99,14 @@ export default defineConfig(async ({ mode, command }) => {
       cookieDomainRewrite: 'localhost',
       ws: true,
       headers: {
-        'Origin': target
-      }
+        Origin: origin,
+      },
     },
     '/oauth': {
       target,
       changeOrigin: true,
-      cookieDomainRewrite: 'localhost'
-    }
+      cookieDomainRewrite: 'localhost',
+    },
   }
 
   const swSrc = 'src/sw.js'
@@ -85,7 +114,7 @@ export default defineConfig(async ({ mode, command }) => {
   const alias = {
     src: '/src',
     components: '/src/components',
-    ...(mode === 'test' ? { vue: 'vue/dist/vue.esm-bundler.js' } : {})
+    ...(mode === 'test' ? { vue: 'vue/dist/vue.esm-bundler.js' } : {}),
   }
 
   return {
@@ -101,9 +130,9 @@ export default defineConfig(async ({ mode, command }) => {
                 return true
               }
               return false
-            }
-          }
-        }
+            },
+          },
+        },
       }),
       vueJsx(),
       devSwPlugin({ swSrc, swDest, transformSW, alias }),
@@ -112,19 +141,22 @@ export default defineConfig(async ({ mode, command }) => {
       emojisPlugin(),
       copyPlugin({
         inUrl: '/static/ruffle',
-        inFs: resolve(projectRoot, 'node_modules/@ruffle-rs/ruffle')
+        inFs: resolve(projectRoot, 'node_modules/@ruffle-rs/ruffle'),
       }),
       eslint({
         lintInWorker: true,
         lintOnStart: true,
-        cacheLocation: resolve(projectRoot, 'node_modules/.cache/eslintcache')
+        cacheLocation: resolve(projectRoot, 'node_modules/.cache/eslintcache'),
       }),
       stylelint({
         lintInWorker: true,
         lintOnStart: true,
-        cacheLocation: resolve(projectRoot, 'node_modules/.cache/stylelintcache')
+        cacheLocation: resolve(
+          projectRoot,
+          'node_modules/.cache/stylelintcache',
+        ),
       }),
-      ...(mode === 'test' ? [mswPlugin()] : [])
+      ...(mode === 'test' ? [mswPlugin()] : []),
     ],
     optimizeDeps: {
       // For unknown reasons, during vitest, vite will re-optimize the following
@@ -136,35 +168,42 @@ export default defineConfig(async ({ mode, command }) => {
         '@ungap/event-target',
         'lodash.merge',
         'body-scroll-lock',
-        '@floatingghost/pinch-zoom-element'
-      ]
+        '@kazvmoe-infra/pinch-zoom-element',
+      ],
     },
     css: {
-      devSourcemap: true
+      devSourcemap: true,
     },
     resolve: {
-      alias
+      alias,
     },
     define: {
       'process.env': JSON.stringify({
-        NODE_ENV: mode === 'test' ? 'testing' : command === 'serve' ? 'development' : 'production',
-        HAS_MODULE_SERVICE_WORKER: command === 'serve' && !transformSW
+        NODE_ENV:
+          mode === 'test'
+            ? 'testing'
+            : command === 'serve'
+              ? 'development'
+              : 'production',
+        HAS_MODULE_SERVICE_WORKER: command === 'serve' && !transformSW,
       }),
-      'COMMIT_HASH': JSON.stringify(command === 'serve' ? 'DEV' : getCommitHash()),
-      'DEV_OVERRIDES': JSON.stringify(command === 'serve' ? settings : undefined),
-      '__VUE_OPTIONS_API__': true,
-      '__VUE_PROD_DEVTOOLS__': false,
-      '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false
+      COMMIT_HASH: JSON.stringify(
+        command === 'serve' ? 'DEV' : getCommitHash(),
+      ),
+      DEV_OVERRIDES: JSON.stringify(command === 'serve' ? settings : undefined),
+      __VUE_OPTIONS_API__: true,
+      __VUE_PROD_DEVTOOLS__: false,
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
     },
     build: {
       sourcemap: true,
       rollupOptions: {
         input: {
-          main: 'index.html'
+          main: 'index.html',
         },
         output: {
           inlineDynamicImports: false,
-          entryFileNames (chunkInfo) {
+          entryFileNames(chunkInfo) {
             const id = chunkInfo.facadeModuleId
             if (id.endsWith(swSrc)) {
               return swDest
@@ -172,9 +211,13 @@ export default defineConfig(async ({ mode, command }) => {
               return 'static/js/[name].[hash].js'
             }
           },
-          chunkFileNames (chunkInfo) {
+          chunkFileNames(chunkInfo) {
             if (chunkInfo.facadeModuleId) {
-              if (chunkInfo.facadeModuleId.includes('node_modules/@kazvmoe-infra/unicode-emoji-json/annotations/')) {
+              if (
+                chunkInfo.facadeModuleId.includes(
+                  'node_modules/@kazvmoe-infra/unicode-emoji-json/annotations/',
+                )
+              ) {
                 return 'static/js/emoji-annotations/[name].[hash].js'
               } else if (chunkInfo.facadeModuleId.includes('src/i18n/')) {
                 return 'static/js/i18n/[name].[hash].js'
@@ -182,7 +225,7 @@ export default defineConfig(async ({ mode, command }) => {
             }
             return 'static/js/[name].[hash].js'
           },
-          assetFileNames (assetInfo) {
+          assetFileNames(assetInfo) {
             const name = assetInfo.names?.[0] || ''
             if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(name)) {
               return 'static/img/[name].[hash][extname]'
@@ -191,26 +234,25 @@ export default defineConfig(async ({ mode, command }) => {
             } else {
               return 'static/misc/[name].[hash][extname]'
             }
-          }
-        }
+          },
+        },
       },
     },
     server: {
       ...(mode === 'test' ? {} : { proxy }),
-      port: Number(process.env.PORT) || 8080
+      port: Number(process.env.PORT) || 8080,
     },
     preview: {
-      proxy
+      proxy,
     },
     test: {
       globals: true,
+      exclude: [...configDefaults.exclude, 'test/e2e-playwright/**'],
       browser: {
         enabled: true,
         provider: 'playwright',
-        instances: [
-          { browser: 'firefox' }
-        ]
-      }
-    }
+        instances: [{ browser: 'firefox' }],
+      },
+    },
   }
 })
diff --git a/yarn.lock b/yarn.lock
index 216dac8ae..54d81f139 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -46,68 +46,68 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.8":
-  version "7.26.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
-  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
+"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
+  integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
 
-"@babel/compat-data@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
-  integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
+"@babel/compat-data@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.5.tgz#a8a4962e1567121ac0b3b487f52107443b455c7f"
+  integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
 
-"@babel/core@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
-  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
+"@babel/core@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.5.tgz#4c81b35e51e1b734f510c99b07dfbc7bbbb48f7e"
+  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.5"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.4"
+    "@babel/parser" "^7.28.5"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.27.1":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.3.tgz#aceddde69c5d1def69b839d09efa3e3ff59c97cb"
+  integrity sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helpers" "^7.27.1"
-    "@babel/parser" "^7.27.1"
-    "@babel/template" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.3"
+    "@babel/parser" "^7.28.3"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.3"
+    "@babel/types" "^7.28.2"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/core@^7.26.7":
-  version "7.26.10"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.10.tgz#5c876f83c8c4dcb233ee4b670c0606f2ac3000f9"
-  integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.26.2"
-    "@babel/generator" "^7.26.10"
-    "@babel/helper-compilation-targets" "^7.26.5"
-    "@babel/helper-module-transforms" "^7.26.0"
-    "@babel/helpers" "^7.26.10"
-    "@babel/parser" "^7.26.10"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.10"
-    "@babel/types" "^7.26.10"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
-"@babel/eslint-parser@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.27.1.tgz#e146fb2facef62c6c5d1a6fd07cfd79ee9f7b0f1"
-  integrity sha512-q8rjOuadH0V6Zo4XLMkJ3RMQ9MSBqwaDByyYB0izsYdaIWGNLmEblbCOf1vyFHICcg16CD7Fsi51vcQnYxmt6Q==
+"@babel/eslint-parser@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.5.tgz#0b8883a4a1c2cbed7b3cd9d7765d80e8f480b9ae"
+  integrity sha512-fcdRcWahONYo+JRnJg1/AekOacGvKx12Gu0qXJXFi2WBqQA1i7+O5PaxRB7kxE/Op94dExnCiiar6T09pvdHpA==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.1"
 
-"@babel/generator@^7.26.10", "@babel/generator@^7.27.0":
+"@babel/generator@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.0.tgz#764382b5392e5b9aff93cadb190d0745866cbc2c"
   integrity sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==
@@ -118,15 +118,26 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
-"@babel/generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
-  integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
+"@babel/generator@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.3.tgz#9626c1741c650cbac39121694a0f2d7451b8ef3e"
+  integrity sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==
   dependencies:
-    "@babel/parser" "^7.27.1"
-    "@babel/types" "^7.27.1"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
+    "@babel/parser" "^7.28.3"
+    "@babel/types" "^7.28.2"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
+"@babel/generator@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.5.tgz#712722d5e50f44d07bc7ac9fe84438742dd61298"
+  integrity sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==
+  dependencies:
+    "@babel/parser" "^7.28.5"
+    "@babel/types" "^7.28.5"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
 "@babel/helper-annotate-as-pure@^7.25.9":
@@ -136,23 +147,12 @@
   dependencies:
     "@babel/types" "^7.25.9"
 
-"@babel/helper-annotate-as-pure@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.1.tgz#4345d81a9a46a6486e24d069469f13e60445c05d"
-  integrity sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==
+"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
   dependencies:
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.26.5":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz#de0c753b1cd1d9ab55d473c5a5cf7170f0a81880"
-  integrity sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==
-  dependencies:
-    "@babel/compat-data" "^7.26.8"
-    "@babel/helper-validator-option" "^7.25.9"
-    browserslist "^4.24.0"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
+    "@babel/types" "^7.27.3"
 
 "@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
   version "7.27.2"
@@ -165,30 +165,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.27.0":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.0.tgz#518fad6a307c6a96f44af14912b2c20abe9bfc30"
-  integrity sha512-vSGCvMecvFCd/BdpGlhpXYNhhC4ccxyvQWpbGL4CWbvfEoLFWUZuSuf7s9Aw70flgQF+6vptvgK2IfOnKlRmBg==
+"@babel/helper-create-class-features-plugin@^7.27.1", "@babel/helper-create-class-features-plugin@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz#3e747434ea007910c320c4d39a6b46f20f371d46"
+  integrity sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.25.9"
-    "@babel/helper-member-expression-to-functions" "^7.25.9"
-    "@babel/helper-optimise-call-expression" "^7.25.9"
-    "@babel/helper-replace-supers" "^7.26.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
-    "@babel/traverse" "^7.27.0"
-    semver "^6.3.1"
-
-"@babel/helper-create-class-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
-  integrity sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
     "@babel/helper-member-expression-to-functions" "^7.27.1"
     "@babel/helper-optimise-call-expression" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
     semver "^6.3.1"
 
 "@babel/helper-create-regexp-features-plugin@^7.18.6":
@@ -209,24 +196,21 @@
     regexpu-core "^6.2.0"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.6.3", "@babel/helper-define-polyfill-provider@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz#15e8746368bfa671785f5926ff74b3064c291fab"
-  integrity sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==
+"@babel/helper-define-polyfill-provider@^0.6.5":
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz#742ccf1cb003c07b48859fc9fa2c1bbe40e5f753"
+  integrity sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    debug "^4.4.1"
     lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
+    resolve "^1.22.10"
 
-"@babel/helper-member-expression-to-functions@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
-  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
 
 "@babel/helper-member-expression-to-functions@^7.27.1":
   version "7.27.1"
@@ -236,7 +220,7 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-imports@^7.0.0-beta.49", "@babel/helper-module-imports@^7.25.9":
+"@babel/helper-module-imports@^7.0.0-beta.49":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
   integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
@@ -252,15 +236,6 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.26.0":
-  version "7.26.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
-  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-validator-identifier" "^7.25.9"
-    "@babel/traverse" "^7.25.9"
-
 "@babel/helper-module-transforms@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
@@ -270,12 +245,14 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-optimise-call-expression@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
-  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+"@babel/helper-module-transforms@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
+  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
   dependencies:
-    "@babel/types" "^7.25.9"
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
 
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
@@ -284,7 +261,7 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6":
   version "7.26.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
   integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
@@ -303,15 +280,6 @@
     "@babel/helper-wrap-function" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.26.5":
-  version "7.26.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
-  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.25.9"
-    "@babel/helper-optimise-call-expression" "^7.25.9"
-    "@babel/traverse" "^7.26.5"
-
 "@babel/helper-replace-supers@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
@@ -321,14 +289,6 @@
     "@babel/helper-optimise-call-expression" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
-  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
@@ -352,10 +312,10 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
   integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
-"@babel/helper-validator-option@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
-  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
 
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
@@ -371,21 +331,21 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helpers@^7.26.10":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.0.tgz#53d156098defa8243eab0f32fa17589075a1b808"
-  integrity sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==
+"@babel/helpers@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.3.tgz#b83156c0a2232c133d1b535dd5d3452119c7e441"
+  integrity sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==
   dependencies:
-    "@babel/template" "^7.27.0"
-    "@babel/types" "^7.27.0"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.2"
 
-"@babel/helpers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
-  integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
+"@babel/helpers@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
+  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
   dependencies:
-    "@babel/template" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
 
 "@babel/highlight@^7.0.0":
   version "7.25.9"
@@ -397,34 +357,41 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.25.3", "@babel/parser@^7.26.10", "@babel/parser@^7.26.9", "@babel/parser@^7.27.0":
+"@babel/parser@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.0.tgz#3d7d6ee268e41d2600091cbd4e145ffee85a44ec"
   integrity sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==
   dependencies:
     "@babel/types" "^7.27.0"
 
-"@babel/parser@^7.27.1", "@babel/parser@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.2.tgz#577518bedb17a2ce4212afd052e01f7df0941127"
-  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
+"@babel/parser@^7.27.2", "@babel/parser@^7.28.0", "@babel/parser@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.3.tgz#d2d25b814621bca5fe9d172bc93792547e7a2a71"
+  integrity sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==
   dependencies:
-    "@babel/types" "^7.27.1"
+    "@babel/types" "^7.28.2"
 
-"@babel/parser@^7.27.5":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.5.tgz#ed22f871f110aa285a6fd934a0efed621d118826"
-  integrity sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==
+"@babel/parser@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.4.tgz#da25d4643532890932cc03f7705fe19637e03fa8"
+  integrity sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==
   dependencies:
-    "@babel/types" "^7.27.3"
+    "@babel/types" "^7.28.4"
 
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
-  integrity sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==
+"@babel/parser@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
+  integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
+  dependencies:
+    "@babel/types" "^7.28.5"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz#fbde57974707bbfa0376d34d425ff4fa6c732421"
+  integrity sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.27.1":
   version "7.27.1"
@@ -449,13 +416,13 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz#bb1c25af34d75115ce229a1de7fa44bf8f955670"
-  integrity sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz#373f6e2de0016f73caf8f27004f61d167743742a"
+  integrity sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
@@ -476,19 +443,19 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-jsx@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
-  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+"@babel/plugin-syntax-jsx@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
+  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-typescript@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
-  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+"@babel/plugin-syntax-typescript@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
+  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -505,14 +472,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz#ca433df983d68e1375398e7ca71bf2a4f6fd89d7"
-  integrity sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==
+"@babel/plugin-transform-async-generator-functions@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz#1276e6c7285ab2cd1eccb0bc7356b7a69ff842c2"
+  integrity sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.0"
 
 "@babel/plugin-transform-async-to-generator@^7.27.1":
   version "7.27.1"
@@ -530,10 +497,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.1.tgz#bc0dbe8ac6de5602981ba58ef68c6df8ef9bfbb3"
-  integrity sha512-QEcFlMl9nGTgh1rn2nIeU5bkfb9BAjaQcWbiP4LvKxUot52ABcTkpcyJ7f2Q2U2RuQ84BNLgts3jRme2dTx6Fw==
+"@babel/plugin-transform-block-scoping@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz#e0d3af63bd8c80de2e567e690a54e84d85eb16f6"
+  integrity sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -545,25 +512,25 @@
     "@babel/helper-create-class-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-class-static-block@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz#7e920d5625b25bbccd3061aefbcc05805ed56ce4"
-  integrity sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==
+"@babel/plugin-transform-class-static-block@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz#d1b8e69b54c9993bc558203e1f49bfc979bfd852"
+  integrity sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.3"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-classes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.1.tgz#03bb04bea2c7b2f711f0db7304a8da46a85cced4"
-  integrity sha512-7iLhfFAubmpeJe/Wo2TVuDrykh/zlWXLzPNdL0Jqn/Xu8R3QQ8h9ff8FQoISZOsw74/HFqFI7NX63HN7QFIHKA==
+"@babel/plugin-transform-classes@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz#75d66175486788c56728a73424d67cbc7473495c"
+  integrity sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-globals" "^7.28.0"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    globals "^11.1.0"
+    "@babel/traverse" "^7.28.4"
 
 "@babel/plugin-transform-computed-properties@^7.27.1":
   version "7.27.1"
@@ -573,12 +540,21 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/template" "^7.27.1"
 
-"@babel/plugin-transform-destructuring@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.1.tgz#d5916ef7089cb254df0418ae524533c1b72ba656"
-  integrity sha512-ttDCqhfvpE9emVkXbPD8vyxxh4TWYACVybGkDj+oReOGwnp066ITEivDlLwe0b1R0+evJ13IXQuLNB5w1fhC5Q==
+"@babel/plugin-transform-destructuring@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz#0f156588f69c596089b7d5b06f5af83d9aa7f97a"
+  integrity sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.0"
+
+"@babel/plugin-transform-destructuring@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
+  integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-transform-dotall-regex@^7.27.1":
   version "7.27.1"
@@ -610,10 +586,18 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-exponentiation-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz#fc497b12d8277e559747f5a3ed868dd8064f83e1"
-  integrity sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==
+"@babel/plugin-transform-explicit-resource-management@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz#45be6211b778dbf4b9d54c4e8a2b42fa72e09a1a"
+  integrity sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.0"
+
+"@babel/plugin-transform-exponentiation-operator@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz#7cc90a8170e83532676cfa505278e147056e94fe"
+  integrity sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -655,10 +639,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz#890cb20e0270e0e5bebe3f025b434841c32d5baa"
-  integrity sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==
+"@babel/plugin-transform-logical-assignment-operators@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz#d028fd6db8c081dee4abebc812c2325e24a85b0e"
+  integrity sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -685,15 +669,15 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-systemjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz#00e05b61863070d0f3292a00126c16c0e024c4ed"
-  integrity sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==
+"@babel/plugin-transform-modules-systemjs@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz#7439e592a92d7670dfcb95d0cbc04bd3e64801d2"
+  integrity sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==
   dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.3"
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-transform-modules-umd@^7.27.1":
   version "7.27.1"
@@ -732,15 +716,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-object-rest-spread@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.2.tgz#67f9ab822347aa2bcee91e8996763da79bdea973"
-  integrity sha512-AIUHD7xJ1mCrj3uPozvtngY3s0xpv7Nu7DoUSnzNY6Xam1Cy4rUznR//pvMHOhQ4AvbCexhbqXCtpxGHOGOO6g==
+"@babel/plugin-transform-object-rest-spread@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz#9ee1ceca80b3e6c4bac9247b2149e36958f7f98d"
+  integrity sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==
   dependencies:
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/traverse" "^7.28.4"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -765,10 +750,18 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-parameters@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz#80334b54b9b1ac5244155a0c8304a187a618d5a7"
-  integrity sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==
+"@babel/plugin-transform-optional-chaining@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz#8238c785f9d5c1c515a90bf196efb50d075a4b26"
+  integrity sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+
+"@babel/plugin-transform-parameters@^7.27.7":
+  version "7.27.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
+  integrity sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -796,10 +789,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.1.tgz#0a471df9213416e44cd66bf67176b66f65768401"
-  integrity sha512-B19lbbL7PMrKr52BNPjCqg1IyNUIjTcxKj8uX9zHO+PmWN93s19NDr/f69mIkEp2x9nmDJ08a7lgHaTTzvW7mw==
+"@babel/plugin-transform-regenerator@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz#9d3fa3bebb48ddd0091ce5729139cd99c67cea51"
+  integrity sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -818,16 +811,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-runtime@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.1.tgz#f9fbf71949a209eb26b3e60375b1d956937b8be9"
-  integrity sha512-TqGF3desVsTcp3WrJGj4HfKokfCXCLcHpt4PJF0D8/iT6LPd9RS82Upw3KPeyr6B22Lfd3DO8MVrmp0oRkUDdw==
+"@babel/plugin-transform-runtime@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz#ae3e21fbefe2831ebac04dfa6b463691696afe17"
+  integrity sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==
   dependencies:
     "@babel/helper-module-imports" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
+    babel-plugin-polyfill-corejs2 "^0.4.14"
+    babel-plugin-polyfill-corejs3 "^0.13.0"
+    babel-plugin-polyfill-regenerator "^0.6.5"
     semver "^6.3.1"
 
 "@babel/plugin-transform-shorthand-properties@^7.27.1":
@@ -866,16 +859,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-typescript@^7.26.7":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.0.tgz#a29fd3481da85601c7e34091296e9746d2cccba8"
-  integrity sha512-fRGGjO2UEGPjvEcyAZXRXAS8AfdaQoq7HnxAbJoAoW10B9xOKesmmndJv+Sym2a+9FHWZ9KbyyLCe9s0Sn5jtg==
+"@babel/plugin-transform-typescript@^7.27.1":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.0.tgz#796cbd249ab56c18168b49e3e1d341b72af04a6b"
+  integrity sha512-4AEiDEBPIZvLQaWlc9liCavE0xRM0dNca41WtBeM3jgFptfUOSG9z0uteLhq6+3rq+WB6jIvUwKDTpXEHPJ2Vg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.25.9"
-    "@babel/helper-create-class-features-plugin" "^7.27.0"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
-    "@babel/plugin-syntax-typescript" "^7.25.9"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.27.1"
 
 "@babel/plugin-transform-unicode-escapes@^7.27.1":
   version "7.27.1"
@@ -908,63 +901,64 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/preset-env@7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.27.2.tgz#106e6bfad92b591b1f6f76fd4cf13b7725a7bf9a"
-  integrity sha512-Ma4zSuYSlGNRlCLO+EAzLnCmJK2vdstgv+n7aUP+/IKZrOfWHOJVdSJtuub8RzHTj3ahD37k5OKJWvzf16TQyQ==
+"@babel/preset-env@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.5.tgz#82dd159d1563f219a1ce94324b3071eb89e280b0"
+  integrity sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/compat-data" "^7.28.5"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-validator-option" "^7.27.1"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.27.1"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.27.1"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.3"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-import-assertions" "^7.27.1"
     "@babel/plugin-syntax-import-attributes" "^7.27.1"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.28.0"
     "@babel/plugin-transform-async-to-generator" "^7.27.1"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.5"
     "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.27.1"
-    "@babel/plugin-transform-classes" "^7.27.1"
+    "@babel/plugin-transform-class-static-block" "^7.28.3"
+    "@babel/plugin-transform-classes" "^7.28.4"
     "@babel/plugin-transform-computed-properties" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
     "@babel/plugin-transform-dotall-regex" "^7.27.1"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
     "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.27.1"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.5"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
     "@babel/plugin-transform-function-name" "^7.27.1"
     "@babel/plugin-transform-json-strings" "^7.27.1"
     "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.27.1"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.5"
     "@babel/plugin-transform-member-expression-literals" "^7.27.1"
     "@babel/plugin-transform-modules-amd" "^7.27.1"
     "@babel/plugin-transform-modules-commonjs" "^7.27.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.27.1"
+    "@babel/plugin-transform-modules-systemjs" "^7.28.5"
     "@babel/plugin-transform-modules-umd" "^7.27.1"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-new-target" "^7.27.1"
     "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
     "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.27.2"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.4"
     "@babel/plugin-transform-object-super" "^7.27.1"
     "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
+    "@babel/plugin-transform-optional-chaining" "^7.28.5"
+    "@babel/plugin-transform-parameters" "^7.27.7"
     "@babel/plugin-transform-private-methods" "^7.27.1"
     "@babel/plugin-transform-private-property-in-object" "^7.27.1"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.28.4"
     "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
@@ -977,10 +971,10 @@
     "@babel/plugin-transform-unicode-regex" "^7.27.1"
     "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.40.0"
+    babel-plugin-polyfill-corejs2 "^0.4.14"
+    babel-plugin-polyfill-corejs3 "^0.13.0"
+    babel-plugin-polyfill-regenerator "^0.6.5"
+    core-js-compat "^3.43.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -992,10 +986,10 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/register@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.27.1.tgz#ea4d701649d788d7cb8a064b7540fd21083147f1"
-  integrity sha512-K13lQpoV54LATKkzBpBAEu1GGSIRzxR9f4IN4V8DCDgiUMo2UDGagEZr3lPeVNJPLkWUi5JE4hCHKneVTwQlYQ==
+"@babel/register@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.28.3.tgz#abd8a3753480c799bdaf9c9092d6745d16e052c2"
+  integrity sha512-CieDOtd8u208eI49bYl4z1J22ySFw87IGwE+IswFEExH7e3rLgKb0WNQeumnacQ1+VoDJLYI5QFA3AJZuyZQfA==
   dependencies:
     clone-deep "^4.0.1"
     find-cache-dir "^2.0.0"
@@ -1003,12 +997,17 @@
     pirates "^4.0.6"
     source-map-support "^0.5.16"
 
-"@babel/runtime@7.27.1", "@babel/runtime@^7.12.5":
+"@babel/runtime@7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
+  integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
+
+"@babel/runtime@^7.12.5":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.1.tgz#9fce313d12c9a77507f264de74626e87fd0dc541"
   integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==
 
-"@babel/template@^7.26.9", "@babel/template@^7.27.0":
+"@babel/template@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.0.tgz#b253e5406cc1df1c57dcd18f11760c2dbf40c0b4"
   integrity sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==
@@ -1017,7 +1016,7 @@
     "@babel/parser" "^7.27.0"
     "@babel/types" "^7.27.0"
 
-"@babel/template@^7.27.1":
+"@babel/template@^7.27.1", "@babel/template@^7.27.2":
   version "7.27.2"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
   integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
@@ -1026,7 +1025,7 @@
     "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9", "@babel/traverse@^7.27.0":
+"@babel/traverse@^7.25.9":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.0.tgz#11d7e644779e166c0442f9a07274d02cd91d4a70"
   integrity sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==
@@ -1039,20 +1038,46 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/traverse@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
-  integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.3.tgz#6911a10795d2cce43ec6a28cffc440cca2593434"
+  integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
   dependencies:
     "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.1"
-    "@babel/parser" "^7.27.1"
-    "@babel/template" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.3"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.2"
     debug "^4.3.1"
-    globals "^11.1.0"
 
-"@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
+"@babel/traverse@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.4.tgz#8d456101b96ab175d487249f60680221692b958b"
+  integrity sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.4"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
+    debug "^4.3.1"
+
+"@babel/traverse@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.5.tgz#450cab9135d21a7a2ca9d2d35aa05c20e68c360b"
+  integrity sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.5"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.5"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.5"
+    debug "^4.3.1"
+
+"@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
   integrity sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==
@@ -1060,27 +1085,89 @@
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
 
-"@babel/types@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.1.tgz#9defc53c16fc899e46941fc6901a9eea1c9d8560"
-  integrity sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.2.tgz#da9db0856a9a88e0a13b019881d7513588cf712b"
+  integrity sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==
   dependencies:
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
-"@babel/types@^7.27.3":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.6.tgz#a434ca7add514d4e646c80f7375c0aa2befc5535"
-  integrity sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==
+"@babel/types@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.4.tgz#0a4e618f4c60a7cd6c11cb2d48060e4dbe38ac3a"
+  integrity sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==
   dependencies:
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
+"@babel/types@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
+  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
 "@bazel/runfiles@^6.3.1":
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/@bazel/runfiles/-/runfiles-6.3.1.tgz#3f8824b2d82853377799d42354b4df78ab0ace0b"
   integrity sha512-1uLNT5NZsUVIGS4syuHwTzZ8HycMPyr6POA3FCE4GbMtc4rhoJk8aZKtNIRthJYfL+iioppi+rTfH3olMPr9nA==
 
+"@biomejs/biome@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/biome/-/biome-2.3.11.tgz#a8f3682b3b2c0112e2728f6d51d9c67a6c5521f8"
+  integrity sha512-/zt+6qazBWguPG6+eWmiELqO+9jRsMZ/DBU3lfuU2ngtIQYzymocHhKiZRyrbra4aCOoyTg/BmY+6WH5mv9xmQ==
+  optionalDependencies:
+    "@biomejs/cli-darwin-arm64" "2.3.11"
+    "@biomejs/cli-darwin-x64" "2.3.11"
+    "@biomejs/cli-linux-arm64" "2.3.11"
+    "@biomejs/cli-linux-arm64-musl" "2.3.11"
+    "@biomejs/cli-linux-x64" "2.3.11"
+    "@biomejs/cli-linux-x64-musl" "2.3.11"
+    "@biomejs/cli-win32-arm64" "2.3.11"
+    "@biomejs/cli-win32-x64" "2.3.11"
+
+"@biomejs/cli-darwin-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.3.11.tgz#3aa71d119e7216d66620282121673b95257fcc35"
+  integrity sha512-/uXXkBcPKVQY7rc9Ys2CrlirBJYbpESEDme7RKiBD6MmqR2w3j0+ZZXRIL2xiaNPsIMMNhP1YnA+jRRxoOAFrA==
+
+"@biomejs/cli-darwin-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.3.11.tgz#3003d7c24e4fbba9693fba98692c6386884fedcf"
+  integrity sha512-fh7nnvbweDPm2xEmFjfmq7zSUiox88plgdHF9OIW4i99WnXrAC3o2P3ag9judoUMv8FCSUnlwJCM1B64nO5Fbg==
+
+"@biomejs/cli-linux-arm64-musl@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.3.11.tgz#a17fb411ba8146ba60f3592857b7c49c8f0fe936"
+  integrity sha512-XPSQ+XIPZMLaZ6zveQdwNjbX+QdROEd1zPgMwD47zvHV+tCGB88VH+aynyGxAHdzL+Tm/+DtKST5SECs4iwCLg==
+
+"@biomejs/cli-linux-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.3.11.tgz#643830d1e53071d594e16b919e88a46fbc5c0b55"
+  integrity sha512-l4xkGa9E7Uc0/05qU2lMYfN1H+fzzkHgaJoy98wO+b/7Gl78srbCRRgwYSW+BTLixTBrM6Ede5NSBwt7rd/i6g==
+
+"@biomejs/cli-linux-x64-musl@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.3.11.tgz#e9165c6d05f085829ab73a7ea0123a6a9b45dc89"
+  integrity sha512-vU7a8wLs5C9yJ4CB8a44r12aXYb8yYgBn+WeyzbMjaCMklzCv1oXr8x+VEyWodgJt9bDmhiaW/I0RHbn7rsNmw==
+
+"@biomejs/cli-linux-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-x64/-/cli-linux-x64-2.3.11.tgz#3571049b1310132f1d12d67596ea5f39419836d0"
+  integrity sha512-/1s9V/H3cSe0r0Mv/Z8JryF5x9ywRxywomqZVLHAoa/uN0eY7F8gEngWKNS5vbbN/BsfpCG5yeBT5ENh50Frxg==
+
+"@biomejs/cli-win32-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.3.11.tgz#6769907655cd06938b00d040c6576c2fdf6c34a2"
+  integrity sha512-PZQ6ElCOnkYapSsysiTy0+fYX+agXPlWugh6+eQ6uPKI3vKAqNp6TnMhoM3oY2NltSB89hz59o8xIfOdyhi9Iw==
+
+"@biomejs/cli-win32-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-win32-x64/-/cli-win32-x64-2.3.11.tgz#71ba2fb5505b3b01dd3cf551ef329e0094636125"
+  integrity sha512-43VrG813EW+b5+YbDbz31uUsheX+qFKCpXeY9kfdAx+ww3naKxeVkTD9zLIWxUPfJquANMHrmW3wbe/037G0Qg==
+
 "@bundled-es-modules/cookie@^2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@bundled-es-modules/cookie/-/cookie-2.0.1.tgz#b41376af6a06b3e32a15241d927b840a9b4de507"
@@ -1103,6 +1190,29 @@
     "@types/tough-cookie" "^4.0.5"
     tough-cookie "^4.1.4"
 
+"@cacheable/memoize@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/memoize/-/memoize-2.0.3.tgz#64b18a6b42f987fe8a9e9e2e4391b14cbf85680f"
+  integrity sha512-hl9wfQgpiydhQEIv7fkjEzTGE+tcosCXLKFDO707wYJ/78FVOlowb36djex5GdbSyeHnG62pomYLMuV/OT8Pbw==
+  dependencies:
+    "@cacheable/utils" "^2.0.3"
+
+"@cacheable/memory@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/memory/-/memory-2.0.3.tgz#8d8fa1644b32b85f27c7e4e16e14f36a8460735c"
+  integrity sha512-R3UKy/CKOyb1LZG/VRCTMcpiMDyLH7SH3JrraRdK6kf3GweWCOU3sgvE13W3TiDRbxnDKylzKJvhUAvWl9LQOA==
+  dependencies:
+    "@cacheable/memoize" "^2.0.3"
+    "@cacheable/utils" "^2.0.3"
+    "@keyv/bigmap" "^1.0.2"
+    hookified "^1.12.1"
+    keyv "^5.5.3"
+
+"@cacheable/utils@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/utils/-/utils-2.0.3.tgz#45d62f5dd3b481ef62677335bada2cbdb579148b"
+  integrity sha512-m7Rce68cMHlAUjvWBy9Ru1Nmw5gU0SjGGtQDdhpe6E0xnbcvrIY0Epy//JU1VYYBUTzrG9jvgmTauULGKzOkWA==
+
 "@chenfengyuan/vue-qrcode@2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@chenfengyuan/vue-qrcode/-/vue-qrcode-2.0.0.tgz#8cd01f6fc528d471680ebe812ec47c830aea7e63"
@@ -1113,104 +1223,104 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@cropper/element-canvas@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-canvas/-/element-canvas-2.0.0.tgz#d41f47cf6fd293e6bcb78a39956d9bed24036c69"
-  integrity sha512-GPtGJgSm92crJhhhwUsaMw3rz2KfJWWSz7kRAlufFEV/EHTP5+6r6/Z1BCGRna830i+Avqbm435XLOtA7PVJwA==
+"@cropper/element-canvas@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-canvas/-/element-canvas-2.0.1.tgz#564451270a642b1da56ad53b7e495dc1a77b19f3"
+  integrity sha512-OKxq/O0HL9W2JegOsc2zh1NRpERZcLM5+M8aQ/eXdmMcfi1lzosPftag3Irp6pTsVpwV6B6ypIxKESzJ4ci9Fw==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-crosshair@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-crosshair/-/element-crosshair-2.0.0.tgz#ff4d026a383a5b8517119e6939b0c38a58b839c1"
-  integrity sha512-KfPfyrdeFvUC31Ws7ATtcalWWSaMtrC6bMoCipZhqbUOE7wZoL4ecDSL6BUOZxPa74awZUqfzirCDjHvheBfyw==
+"@cropper/element-crosshair@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-crosshair/-/element-crosshair-2.0.1.tgz#207b9962cd1678d8e60418f54825a76bd2382b74"
+  integrity sha512-bS5msU9cTU/jf1/kDw+QJmEM9/rw8IgOdpolR85iMVUCR8sRcLa0wgom42MBHcpBYB6hvL5YfiOeXZ7lHIYMpw==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-grid@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-grid/-/element-grid-2.0.0.tgz#a5f3b3a8fb1579517cdd984da767cbe9e855f99e"
-  integrity sha512-i78SQ0IJTLFveKX6P7svkfMYVdgHrQ8ZmmEw8keFy9n1ZVbK+SK0UHK5FNMRNI/gtVhKJOGEnK/zeyjUdj4Iyw==
+"@cropper/element-grid@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-grid/-/element-grid-2.0.1.tgz#4d4ee1b873be6b0dbd07e5b3686da30265aed401"
+  integrity sha512-ayqCvYQJ+GVT31HhFpttzHabW1T/LsIwLJY5PLTMG0cEZLw/E8ihg8mxctjZbo852D7oEePbz6/2SeuCb1018Q==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-handle@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-handle/-/element-handle-2.0.0.tgz#44d8fa04f78eb7180efece8940cd4a6ab966e7f1"
-  integrity sha512-ZJvW+0MkK9E8xYymGdoruaQn2kwjSHFpNSWinjyq6csuVQiCPxlX5ovAEDldmZ9MWePPtWEi3vLKQOo2Yb0T8g==
+"@cropper/element-handle@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-handle/-/element-handle-2.0.1.tgz#04032ef162ad2dead2bcfb41ebcaa951e37b111c"
+  integrity sha512-fdifyyPIaR9S2eQ7qPHuM8fX8uToAfBsi8vQlR9EM+oJkDNil0uO4rWyArLWEtlr0/q7U0OvsufcuJ7ffqfmpg==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-image@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-image/-/element-image-2.0.0.tgz#9c6a52cb71fe0f62befb7ef3bb9d06561a9f06d0"
-  integrity sha512-9BxiTS/aHRmrjopaFQb9mQQXmx4ruhYHGkDZMVz24AXpMFjUY6OpqrWse/WjzD9tfhMFvEdu17b3VAekcAgpeg==
+"@cropper/element-image@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-image/-/element-image-2.0.1.tgz#38fb8470ce286b276d384556efa66eb47190c864"
+  integrity sha512-gPj5Sl2T8Cno198Cz3F3TDfcYoALW3yJ3fV6PHXmhMnX8sBkL7J441do7Vwkg0mEd2CogCtTLAf+p7ljdV0kgA==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-selection@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-selection/-/element-selection-2.0.0.tgz#8b69b310cbb8e6eb15a63d077eae052b332f01c9"
-  integrity sha512-ensNnbIfJsJ8bhbJTH/RXtk2URFvTOO4TvfRk461n2FPEC588D7rwBmUJxQg74IiTi4y1JbCI+6j+4LyzYBLCQ==
+"@cropper/element-selection@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-selection/-/element-selection-2.0.1.tgz#965df6f2d6cd986c83efa325766c29700488eba1"
+  integrity sha512-atv+Aeq2N2eWawelIRPGh1kYFdNrpb0QkUPPheGxz1ImfxpLdcHO9gb9T5noQijizUW2G0pNvts4ZaITQ0I71Q==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-shade@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-shade/-/element-shade-2.0.0.tgz#ddfcf69c5d4db20b6beae8cbfab82e69218e4a6d"
-  integrity sha512-jv/2bbNZnhU4W+T4G0c8ADocLIZvQFTXgCf2RFDNhI5UVxurzWBnDdb8Mx8LnVplnkTqO+xUmHZYve0CwgWo+Q==
+"@cropper/element-shade@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-shade/-/element-shade-2.0.1.tgz#5ba42c8066fb6439f5f513a73b93f0c62236acaa"
+  integrity sha512-YIYgJ690NdFQ6wJLRFh/EySNVxGFKArncQ4FrsJ3yHU+ShgtOKz4FpjFLpqJRJB9swoVbD3WKTimGyzXrwjZrQ==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-viewer@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-viewer/-/element-viewer-2.0.0.tgz#a2b67af726ee0eb6c7aa86ebb4878a051a1344d9"
-  integrity sha512-zY+3VRN5TvpM8twlphYtXw0tzJL2VgzeK7ufhL1BixVqOdRxwP13TprYIhqwGt9EW/SyJZUiaIu396T89kRX8A==
+"@cropper/element-viewer@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-viewer/-/element-viewer-2.0.1.tgz#3bf79a1f09acae5dc12d6e9c88a4dc7ab7de0b9d"
+  integrity sha512-HDj25l08pWi/AO6El/OqfQHBpBC4Lh5NEnQN1SOldsmxEwt27Ubv6ndDsF8LkTK7XPwjjZRpyQPyfig4w8L2JQ==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element/-/element-2.0.0.tgz#5eb636842aa47468de451dfab0987ef3fd783808"
-  integrity sha512-lsthn0nQq73GExUE7Mg/ss6Q3RXADGDv055hxoLFwvl/wGHgy6ZkYlfLZ/VmgBHC6jDK5IgPBFnqrPqlXWSGBA==
+"@cropper/element@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element/-/element-2.0.1.tgz#d5a486064a3b3ea055a655826041d35097a28526"
+  integrity sha512-Jn1hR7XWzWQM/QfXRGMGzdkJ2gG/UcLdQPZQ7OKs0JiFfRzKpzu4u/nYrXHeH3MM2iOslLqh2kqYju6mjZLMJQ==
   dependencies:
-    "@cropper/utils" "^2.0.0"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/elements@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/elements/-/elements-2.0.0.tgz#48782beb470c313ee964ba26ea5f163455d2f380"
-  integrity sha512-PQkPo1nUjxLFUQuHYu+6atfHxpX9B41Xribao6wpvmvmNIFML6LQdNqqWYb6LyM7ujsu71CZdBiMT5oetjJVoQ==
+"@cropper/elements@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/elements/-/elements-2.0.1.tgz#954192d3a90c6bfeca2fcc8f5b1df972de1e7661"
+  integrity sha512-paFbBLXTKXNngn1yDi2ZIf+FO1pIEQXyBntmqOjuxqtG73KuEKv633wsJPFpj958bgcfSakgBbF80j+3nHbPug==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-crosshair" "^2.0.0"
-    "@cropper/element-grid" "^2.0.0"
-    "@cropper/element-handle" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/element-shade" "^2.0.0"
-    "@cropper/element-viewer" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-crosshair" "^2.0.1"
+    "@cropper/element-grid" "^2.0.1"
+    "@cropper/element-handle" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/element-shade" "^2.0.1"
+    "@cropper/element-viewer" "^2.0.1"
 
-"@cropper/utils@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/utils/-/utils-2.0.0.tgz#735873696e15073405ceadb9423507508d738103"
-  integrity sha512-cprLYr+7kK3faGgoOsTW9gIn5sefDr2KwOmgyjzIXk+8PLpW8FgFKEg5FoWfRD5zMAmkCBuX6rGKDK3VdUEGrg==
+"@cropper/utils@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/utils/-/utils-2.0.1.tgz#ef24496854be61c677c0e97951813ff9495844d6"
+  integrity sha512-A9RnAFmgNF5aZk5q2VZnFnHtXWu1kPyEN0LVsX8wJ2LBRu2nyETKwz+ZXVsVWliktToCaYojHKrS+6/HODyEZA==
 
 "@csstools/color-helpers@^5.0.2":
   version "5.0.2"
@@ -1235,181 +1345,205 @@
   resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz#74426e93bd1c4dcab3e441f5cc7ba4fb35d94356"
   integrity sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==
 
+"@csstools/css-parser-algorithms@^3.0.5":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz#5755370a9a29abaec5515b43c8b3f2cf9c2e3076"
+  integrity sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==
+
 "@csstools/css-tokenizer@^3.0.3":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz#a5502c8539265fecbd873c1e395a890339f119c2"
   integrity sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==
 
-"@csstools/media-query-list-parser@^4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.2.tgz#e80e17eba1693fceafb8d6f2cfc68c0e7a9ab78a"
-  integrity sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A==
+"@csstools/css-tokenizer@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz#333fedabc3fd1a8e5d0100013731cf19e6a8c5d3"
+  integrity sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==
+
+"@csstools/media-query-list-parser@^4.0.3":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.3.tgz#7aec77bcb89c2da80ef207e73f474ef9e1b3cdf1"
+  integrity sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==
 
 "@csstools/selector-specificity@^5.0.0":
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-5.0.0.tgz#037817b574262134cabd68fc4ec1a454f168407b"
   integrity sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==
 
-"@dual-bundle/import-meta-resolve@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz#519c1549b0e147759e7825701ecffd25e5819f7b"
-  integrity sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==
+"@dual-bundle/import-meta-resolve@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz#cd0b25b3808cd9e684cd6cd549bbf8e1dcf05ee7"
+  integrity sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==
 
-"@esbuild/aix-ppc64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz#830d6476cbbca0c005136af07303646b419f1162"
-  integrity sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==
+"@esbuild/aix-ppc64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.11.tgz#2ae33300598132cc4cf580dbbb28d30fed3c5c49"
+  integrity sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==
 
-"@esbuild/android-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz#d11d4fc299224e729e2190cacadbcc00e7a9fd67"
-  integrity sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==
+"@esbuild/android-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.11.tgz#927708b3db5d739d6cb7709136924cc81bec9b03"
+  integrity sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==
 
-"@esbuild/android-arm@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.4.tgz#5660bd25080553dd2a28438f2a401a29959bd9b1"
-  integrity sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==
+"@esbuild/android-arm@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.11.tgz#571f94e7f4068957ec4c2cfb907deae3d01b55ae"
+  integrity sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==
 
-"@esbuild/android-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.4.tgz#18ddde705bf984e8cd9efec54e199ac18bc7bee1"
-  integrity sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==
+"@esbuild/android-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.11.tgz#8a3bf5cae6c560c7ececa3150b2bde76e0fb81e6"
+  integrity sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==
 
-"@esbuild/darwin-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz#b0b7fb55db8fc6f5de5a0207ae986eb9c4766e67"
-  integrity sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==
+"@esbuild/darwin-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.11.tgz#0a678c4ac4bf8717e67481e1a797e6c152f93c84"
+  integrity sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==
 
-"@esbuild/darwin-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz#e6813fdeba0bba356cb350a4b80543fbe66bf26f"
-  integrity sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==
+"@esbuild/darwin-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.11.tgz#70f5e925a30c8309f1294d407a5e5e002e0315fe"
+  integrity sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==
 
-"@esbuild/freebsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz#dc11a73d3ccdc308567b908b43c6698e850759be"
-  integrity sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==
+"@esbuild/freebsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.11.tgz#4ec1db687c5b2b78b44148025da9632397553e8a"
+  integrity sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==
 
-"@esbuild/freebsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz#91da08db8bd1bff5f31924c57a81dab26e93a143"
-  integrity sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==
+"@esbuild/freebsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.11.tgz#4c81abd1b142f1e9acfef8c5153d438ca53f44bb"
+  integrity sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==
 
-"@esbuild/linux-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz#efc15e45c945a082708f9a9f73bfa8d4db49728a"
-  integrity sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==
+"@esbuild/linux-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.11.tgz#69517a111acfc2b93aa0fb5eaeb834c0202ccda5"
+  integrity sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==
 
-"@esbuild/linux-arm@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz#9b93c3e54ac49a2ede6f906e705d5d906f6db9e8"
-  integrity sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==
+"@esbuild/linux-arm@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.11.tgz#58dac26eae2dba0fac5405052b9002dac088d38f"
+  integrity sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==
 
-"@esbuild/linux-ia32@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz#be8ef2c3e1d99fca2d25c416b297d00360623596"
-  integrity sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==
+"@esbuild/linux-ia32@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.11.tgz#b89d4efe9bdad46ba944f0f3b8ddd40834268c2b"
+  integrity sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==
 
-"@esbuild/linux-loong64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz#b0840a2707c3fc02eec288d3f9defa3827cd7a87"
-  integrity sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==
+"@esbuild/linux-loong64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.11.tgz#11f603cb60ad14392c3f5c94d64b3cc8b630fbeb"
+  integrity sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==
 
-"@esbuild/linux-mips64el@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz#2a198e5a458c9f0e75881a4e63d26ba0cf9df39f"
-  integrity sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==
+"@esbuild/linux-mips64el@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.11.tgz#b7d447ff0676b8ab247d69dac40a5cf08e5eeaf5"
+  integrity sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==
 
-"@esbuild/linux-ppc64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz#64f4ae0b923d7dd72fb860b9b22edb42007cf8f5"
-  integrity sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==
+"@esbuild/linux-ppc64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.11.tgz#b3a28ed7cc252a61b07ff7c8fd8a984ffd3a2f74"
+  integrity sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==
 
-"@esbuild/linux-riscv64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz#fb2844b11fdddd39e29d291c7cf80f99b0d5158d"
-  integrity sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==
+"@esbuild/linux-riscv64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.11.tgz#ce75b08f7d871a75edcf4d2125f50b21dc9dc273"
+  integrity sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==
 
-"@esbuild/linux-s390x@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz#1466876e0aa3560c7673e63fdebc8278707bc750"
-  integrity sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==
+"@esbuild/linux-s390x@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.11.tgz#cd08f6c73b6b6ff9ccdaabbd3ff6ad3dca99c263"
+  integrity sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==
 
-"@esbuild/linux-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz#c10fde899455db7cba5f11b3bccfa0e41bf4d0cd"
-  integrity sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==
+"@esbuild/linux-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.11.tgz#3c3718af31a95d8946ebd3c32bb1e699bdf74910"
+  integrity sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==
 
-"@esbuild/netbsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz#02e483fbcbe3f18f0b02612a941b77be76c111a4"
-  integrity sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==
+"@esbuild/netbsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.11.tgz#b4c767082401e3a4e8595fe53c47cd7f097c8077"
+  integrity sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==
 
-"@esbuild/netbsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz#ec401fb0b1ed0ac01d978564c5fc8634ed1dc2ed"
-  integrity sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==
+"@esbuild/netbsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.11.tgz#f2a930458ed2941d1f11ebc34b9c7d61f7a4d034"
+  integrity sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==
 
-"@esbuild/openbsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz#f272c2f41cfea1d91b93d487a51b5c5ca7a8c8c4"
-  integrity sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==
+"@esbuild/openbsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.11.tgz#b4ae93c75aec48bc1e8a0154957a05f0641f2dad"
+  integrity sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==
 
-"@esbuild/openbsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz#2e25950bc10fa9db1e5c868e3d50c44f7c150fd7"
-  integrity sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==
+"@esbuild/openbsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.11.tgz#b42863959c8dcf9b01581522e40012d2c70045e2"
+  integrity sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==
 
-"@esbuild/sunos-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz#cd596fa65a67b3b7adc5ecd52d9f5733832e1abd"
-  integrity sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==
+"@esbuild/openharmony-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.11.tgz#b2e717141c8fdf6bddd4010f0912e6b39e1640f1"
+  integrity sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==
 
-"@esbuild/win32-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz#b4dbcb57b21eeaf8331e424c3999b89d8951dc88"
-  integrity sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==
+"@esbuild/sunos-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.11.tgz#9fbea1febe8778927804828883ec0f6dd80eb244"
+  integrity sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==
 
-"@esbuild/win32-ia32@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz#410842e5d66d4ece1757634e297a87635eb82f7a"
-  integrity sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==
+"@esbuild/win32-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.11.tgz#501539cedb24468336073383989a7323005a8935"
+  integrity sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==
 
-"@esbuild/win32-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz#0b17ec8a70b2385827d52314c1253160a0b9bacc"
-  integrity sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==
+"@esbuild/win32-ia32@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.11.tgz#8ac7229aa82cef8f16ffb58f1176a973a7a15343"
+  integrity sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==
 
-"@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
+"@esbuild/win32-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.11.tgz#5ecda6f3fe138b7e456f4e429edde33c823f392f"
+  integrity sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==
+
+"@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
   version "4.5.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz#b0fc7e06d0c94f801537fd4237edc2706d3b8e4c"
   integrity sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
+"@eslint-community/eslint-utils@^4.8.0":
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz#7308df158e064f0dd8b8fdb58aa14fa2a7f913b3"
+  integrity sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
 "@eslint-community/regexpp@^4.11.0", "@eslint-community/regexpp@^4.12.1":
   version "4.12.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/config-array@^0.20.0":
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.20.0.tgz#7a1232e82376712d3340012a2f561a2764d1988f"
-  integrity sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==
+"@eslint/config-array@^0.21.1":
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.21.1.tgz#7d1b0060fea407f8301e932492ba8c18aff29713"
+  integrity sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==
   dependencies:
-    "@eslint/object-schema" "^2.1.6"
+    "@eslint/object-schema" "^2.1.7"
     debug "^4.3.1"
     minimatch "^3.1.2"
 
-"@eslint/config-helpers@^0.2.1":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.2.2.tgz#3779f76b894de3a8ec4763b79660e6d54d5b1010"
-  integrity sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==
+"@eslint/config-helpers@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.4.2.tgz#1bd006ceeb7e2e55b2b773ab318d300e1a66aeda"
+  integrity sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==
+  dependencies:
+    "@eslint/core" "^0.17.0"
 
-"@eslint/core@^0.13.0":
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.13.0.tgz#bf02f209846d3bf996f9e8009db62df2739b458c"
-  integrity sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==
+"@eslint/core@^0.17.0":
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.17.0.tgz#77225820413d9617509da9342190a2019e78761c"
+  integrity sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==
   dependencies:
     "@types/json-schema" "^7.0.15"
 
@@ -1428,61 +1562,54 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.26.0":
-  version "9.26.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.26.0.tgz#1e13126b67a3db15111d2dcc61f69a2acff70bd5"
-  integrity sha512-I9XlJawFdSMvWjDt6wksMCrgns5ggLNfFwFvnShsleWruvXM514Qxk8V246efTw+eo9JABvVz+u3q2RiAowKxQ==
+"@eslint/js@9.39.2":
+  version "9.39.2"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.39.2.tgz#2d4b8ec4c3ea13c1b3748e0c97ecd766bdd80599"
+  integrity sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==
 
-"@eslint/object-schema@^2.1.6":
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
-  integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
+"@eslint/object-schema@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.7.tgz#6e2126a1347e86a4dedf8706ec67ff8e107ebbad"
+  integrity sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==
 
-"@eslint/plugin-kit@^0.2.8":
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.8.tgz#47488d8f8171b5d4613e833313f3ce708e3525f8"
-  integrity sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==
+"@eslint/plugin-kit@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz#9779e3fd9b7ee33571a57435cf4335a1794a6cb2"
+  integrity sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==
   dependencies:
-    "@eslint/core" "^0.13.0"
+    "@eslint/core" "^0.17.0"
     levn "^0.4.1"
 
-"@floatingghost/pinch-zoom-element@1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@floatingghost/pinch-zoom-element/-/pinch-zoom-element-1.3.1.tgz#5f327ad17ddf1f56777098aca088fdbf99cbd049"
-  integrity sha512-KnE7aBQdd/Fj1TzU5uzgwD9YAQ58DTMUks/PoTEBFW4zi0lBM9cN/j45wzcnzsT2VXG1S6qM7NMmq7NGm2//Fg==
+"@fortawesome/fontawesome-common-types@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.1.0.tgz#a4e0b7e40073d5fdef41182da1bc216a05875659"
+  integrity sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA==
+
+"@fortawesome/fontawesome-svg-core@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.1.0.tgz#b0a45363a4e95ec985130393c0b1b95717ef0760"
+  integrity sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA==
   dependencies:
-    pointer-tracker "^2.0.3"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
-"@fortawesome/fontawesome-common-types@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz#7123d74b0c1e726794aed1184795dbce12186470"
-  integrity sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==
-
-"@fortawesome/fontawesome-svg-core@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz#0ac6013724d5cc327c1eb81335b91300a4fce2f2"
-  integrity sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==
+"@fortawesome/free-regular-svg-icons@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.1.0.tgz#e57c5eb63e6a30bb4fe2276aba851e3470452680"
+  integrity sha512-0e2fdEyB4AR+e6kU4yxwA/MonnYcw/CsMEP9lH82ORFi9svA6/RhDyhxIv5mlJaldmaHLLYVTb+3iEr+PDSZuQ==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
-"@fortawesome/free-regular-svg-icons@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.7.2.tgz#f1651e55e6651a15589b0569516208f9c65f96db"
-  integrity sha512-7Z/ur0gvCMW8G93dXIQOkQqHo2M5HLhYrRVC0//fakJXxcF1VmMPsxnG6Ee8qEylA8b8Q3peQXWMNZ62lYF28g==
+"@fortawesome/free-solid-svg-icons@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.1.0.tgz#cb9d149cefd3419a7a3fd041106e3a2315463e3e"
+  integrity sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
-"@fortawesome/free-solid-svg-icons@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.2.tgz#fe25883b5eb8464a82918599950d283c465b57f6"
-  integrity sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
-
-"@fortawesome/vue-fontawesome@3.0.8":
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz#1e8032df151173d8174ac9f5a28da3c0f5a495e4"
-  integrity sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==
+"@fortawesome/vue-fontawesome@3.1.2":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.2.tgz#a61d44522bc0be3283ccd9811ed5a2de282c168a"
+  integrity sha512-mhYnBIuuW8OIMHf31kOjaBmyE7BMrwBorhrOHVud6vTTu+7IPQNWB+DWaHoE75v10dRF5s/dFtcrgE7vKSEWwQ==
 
 "@humanfs/core@^0.19.1":
   version "0.19.1"
@@ -1544,26 +1671,26 @@
   resolved "https://registry.yarnpkg.com/@inquirer/type/-/type-3.0.5.tgz#fe00207e57d5f040e5b18e809c8e7abc3a2ade3a"
   integrity sha512-ZJpeIYYueOz/i/ONzrfof8g89kNdO2hjGuvULROo3O8rlB2CRtSseE5KeirnyE4t/thAn/EwvS/vuQeJCn+NZg==
 
-"@intlify/core-base@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.3.tgz#8625126383334ef69262e0a99659db3e63bfc80c"
-  integrity sha512-cMuHunYO7LE80azTitcvEbs1KJmtd6g7I5pxlApV3Jo547zdO3h31/0uXpqHc+Y3RKt1wo2y68RGSx77Z1klyA==
+"@intlify/core-base@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.12.tgz#e02529021a4e69f8a1adcca5ce61963c71cd72ba"
+  integrity sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==
   dependencies:
-    "@intlify/message-compiler" "11.1.3"
-    "@intlify/shared" "11.1.3"
+    "@intlify/message-compiler" "11.1.12"
+    "@intlify/shared" "11.1.12"
 
-"@intlify/message-compiler@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.3.tgz#61079227a263d01ab368c99ce26883e150cb4bdd"
-  integrity sha512-7rbqqpo2f5+tIcwZTAG/Ooy9C8NDVwfDkvSeDPWUPQW+Dyzfw2o9H103N5lKBxO7wxX9dgCDjQ8Umz73uYw3hw==
+"@intlify/message-compiler@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.12.tgz#27e69790b711a92cddb07175187dd09a7b270b55"
+  integrity sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==
   dependencies:
-    "@intlify/shared" "11.1.3"
+    "@intlify/shared" "11.1.12"
     source-map-js "^1.0.2"
 
-"@intlify/shared@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.3.tgz#1a4ed11a0efcaf95b56e0d01d0ee54d01bcd3019"
-  integrity sha512-pTFBgqa/99JRA2H1qfyqv97MKWJrYngXBA/I0elZcYxvJgcCw3mApAoPW3mJ7vx3j+Ti0FyKUFZ4hWxdjKaxvA==
+"@intlify/shared@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.12.tgz#ab41083e017d622cf63c7dc88a0ee0bc27f4127a"
+  integrity sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==
 
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
@@ -1577,13 +1704,20 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
   dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
 "@jridgewell/resolve-uri@^3.1.0":
@@ -1591,51 +1725,42 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
   integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
 
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
-
-"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.30"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz#4a76c4daeee5df09f5d3940e087442fb36ce2b99"
+  integrity sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@kazvmoe-infra/pinch-zoom-element@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@kazvmoe-infra/pinch-zoom-element/-/pinch-zoom-element-1.3.0.tgz#a5e35ab190f93d016b8a83f69004fc69a8e6b774"
+  integrity sha512-YIx1ZsCLyFB/xhJVMc81yLNJO/ZYveYGws0033ZPPyrFLgLwrQrkx79lC1xBIcWlWnvPioTVdmOpnBeTv/0zNw==
+  dependencies:
+    pointer-tracker "^2.0.3"
+
 "@kazvmoe-infra/unicode-emoji-json@0.4.0":
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/@kazvmoe-infra/unicode-emoji-json/-/unicode-emoji-json-0.4.0.tgz#555bab2f8d11db74820ef0a2fbe2805b17c22587"
   integrity sha512-22OffREdHzD0U6A/W4RaFPV8NR73za6euibtAxNxO/fu5A6TwxRO2lAdbDWKJH9COv/vYs8zqfEiSalXH2nXJA==
 
-"@keyv/serialize@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.0.3.tgz#e0fe3710e2a379cb0490cd41e5a5ffa2bab58bf6"
-  integrity sha512-qnEovoOp5Np2JDGonIDL6Ayihw0RhnRh6vxPuHo4RDn1UOzwEo4AeIfpL6UGIrsceWrCMiVPgwRjbHu4vYFc3g==
+"@keyv/bigmap@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@keyv/bigmap/-/bigmap-1.0.2.tgz#9480d168c99a4a6c2fd3b677387cd922aa82a470"
+  integrity sha512-KR03xkEZlAZNF4IxXgVXb+uNIVNvwdh8UwI0cnc7WI6a+aQcDp8GL80qVfeB4E5NpsKJzou5jU0r6yLSSbMOtA==
   dependencies:
-    buffer "^6.0.3"
+    hookified "^1.12.1"
 
-"@modelcontextprotocol/sdk@^1.8.0":
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/@modelcontextprotocol/sdk/-/sdk-1.11.0.tgz#9f1762efe6f3365f0bf3b019cc9bd1629d19bc50"
-  integrity sha512-k/1pb70eD638anoi0e8wUGAlbMJXyvdV4p62Ko+EZ7eBe1xMx8Uhak1R5DgfoofsK5IBBnRwsYGTaLZl+6/+RQ==
-  dependencies:
-    content-type "^1.0.5"
-    cors "^2.8.5"
-    cross-spawn "^7.0.3"
-    eventsource "^3.0.2"
-    express "^5.0.1"
-    express-rate-limit "^7.5.0"
-    pkce-challenge "^5.0.0"
-    raw-body "^3.0.0"
-    zod "^3.23.8"
-    zod-to-json-schema "^3.24.1"
+"@keyv/serialize@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.1.1.tgz#0c01dd3a3483882af7cf3878d4e71d505c81fc4a"
+  integrity sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==
 
 "@mswjs/interceptors@^0.39.1":
   version "0.39.2"
@@ -1915,6 +2040,11 @@
     "@parcel/watcher-win32-ia32" "2.5.1"
     "@parcel/watcher-win32-x64" "2.5.1"
 
+"@pinia/testing@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@pinia/testing/-/testing-1.0.3.tgz#62e0813a7a8ac735505422bb7a4e38eb86f815dc"
+  integrity sha512-g+qR49GNdI1Z8rZxKrQC3GN+LfnGTNf5Kk8Nz5Cz6mIGva5WRS+ffPXQfzhA0nu6TveWzPNYTjGl4nJqd3Cu9Q==
+
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
@@ -1925,124 +2055,139 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
-"@rollup/pluginutils@^5.1.3":
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
-  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
+"@rolldown/pluginutils@^1.0.0-beta.9":
+  version "1.0.0-beta.33"
+  resolved "https://registry.yarnpkg.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.33.tgz#ca02474d97182d0444dfd079c4e8f2c4125bf599"
+  integrity sha512-she25NCG6NoEPC/SEB4pHs5STcnfI4VBFOzjeI63maSPrWME5J2XC8ogrBgp8NaE/xzj28/kbpSaebiMvFRj+w==
+
+"@rollup/pluginutils@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
+  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
   dependencies:
     "@types/estree" "^1.0.0"
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
-"@rollup/rollup-android-arm-eabi@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz#c228d00a41f0dbd6fb8b7ea819bbfbf1c1157a10"
-  integrity sha512-JkdNEq+DFxZfUwxvB58tHMHBHVgX23ew41g1OQinthJ+ryhdRk67O31S7sYw8u2lTjHUPFxwar07BBt1KHp/hg==
+"@rollup/rollup-android-arm-eabi@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz#0f44a2f8668ed87b040b6fe659358ac9239da4db"
+  integrity sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==
 
-"@rollup/rollup-android-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.2.tgz#e2b38d0c912169fd55d7e38d723aada208d37256"
-  integrity sha512-13unNoZ8NzUmnndhPTkWPWbX3vtHodYmy+I9kuLxN+F+l+x3LdVF7UCu8TWVMt1POHLh6oDHhnOA04n8oJZhBw==
+"@rollup/rollup-android-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.5.tgz#25b9a01deef6518a948431564c987bcb205274f5"
+  integrity sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==
 
-"@rollup/rollup-darwin-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.2.tgz#1fddb3690f2ae33df16d334c613377f05abe4878"
-  integrity sha512-Gzf1Hn2Aoe8VZzevHostPX23U7N5+4D36WJNHK88NZHCJr7aVMG4fadqkIf72eqVPGjGc0HJHNuUaUcxiR+N/w==
+"@rollup/rollup-darwin-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.5.tgz#8a102869c88f3780c7d5e6776afd3f19084ecd7f"
+  integrity sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==
 
-"@rollup/rollup-darwin-x64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.2.tgz#818298d11c8109e1112590165142f14be24b396d"
-  integrity sha512-47N4hxa01a4x6XnJoskMKTS8XZ0CZMd8YTbINbi+w03A2w4j1RTlnGHOz/P0+Bg1LaVL6ufZyNprSg+fW5nYQQ==
+"@rollup/rollup-darwin-x64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.5.tgz#8e526417cd6f54daf1d0c04cf361160216581956"
+  integrity sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==
 
-"@rollup/rollup-freebsd-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.2.tgz#91a28dc527d5bed7f9ecf0e054297b3012e19618"
-  integrity sha512-8t6aL4MD+rXSHHZUR1z19+9OFJ2rl1wGKvckN47XFRVO+QL/dUSpKA2SLRo4vMg7ELA8pzGpC+W9OEd1Z/ZqoQ==
+"@rollup/rollup-freebsd-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.5.tgz#0e7027054493f3409b1f219a3eac5efd128ef899"
+  integrity sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==
 
-"@rollup/rollup-freebsd-x64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.2.tgz#28acadefa76b5c7bede1576e065b51d335c62c62"
-  integrity sha512-C+AyHBzfpsOEYRFjztcYUFsH4S7UsE9cDtHCtma5BK8+ydOZYgMmWg1d/4KBytQspJCld8ZIujFMAdKG1xyr4Q==
+"@rollup/rollup-freebsd-x64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.5.tgz#72b204a920139e9ec3d331bd9cfd9a0c248ccb10"
+  integrity sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==
 
-"@rollup/rollup-linux-arm-gnueabihf@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.2.tgz#819691464179cbcd9a9f9d3dc7617954840c6186"
-  integrity sha512-de6TFZYIvJwRNjmW3+gaXiZ2DaWL5D5yGmSYzkdzjBDS3W+B9JQ48oZEsmMvemqjtAFzE16DIBLqd6IQQRuG9Q==
+"@rollup/rollup-linux-arm-gnueabihf@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.5.tgz#ab1b522ebe5b7e06c99504cc38f6cd8b808ba41c"
+  integrity sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==
 
-"@rollup/rollup-linux-arm-musleabihf@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.2.tgz#d149207039e4189e267e8724050388effc80d704"
-  integrity sha512-urjaEZubdIkacKc930hUDOfQPysezKla/O9qV+O89enqsqUmQm8Xj8O/vh0gHg4LYfv7Y7UsE3QjzLQzDYN1qg==
+"@rollup/rollup-linux-arm-musleabihf@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.5.tgz#f8cc30b638f1ee7e3d18eac24af47ea29d9beb00"
+  integrity sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==
 
-"@rollup/rollup-linux-arm64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.2.tgz#fa72ebddb729c3c6d88973242f1a2153c83e86ec"
-  integrity sha512-KlE8IC0HFOC33taNt1zR8qNlBYHj31qGT1UqWqtvR/+NuCVhfufAq9fxO8BMFC22Wu0rxOwGVWxtCMvZVLmhQg==
+"@rollup/rollup-linux-arm64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.5.tgz#7af37a9e85f25db59dc8214172907b7e146c12cc"
+  integrity sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==
 
-"@rollup/rollup-linux-arm64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.2.tgz#2054216e34469ab8765588ebf343d531fc3c9228"
-  integrity sha512-j8CgxvfM0kbnhu4XgjnCWJQyyBOeBI1Zq91Z850aUddUmPeQvuAy6OiMdPS46gNFgy8gN1xkYyLgwLYZG3rBOg==
+"@rollup/rollup-linux-arm64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.5.tgz#a623eb0d3617c03b7a73716eb85c6e37b776f7e0"
+  integrity sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==
 
-"@rollup/rollup-linux-loongarch64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.2.tgz#818de242291841afbfc483a84f11e9c7a11959bc"
-  integrity sha512-Ybc/1qUampKuRF4tQXc7G7QY9YRyeVSykfK36Y5Qc5dmrIxwFhrOzqaVTNoZygqZ1ZieSWTibfFhQ5qK8jpWxw==
+"@rollup/rollup-linux-loong64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.5.tgz#76ea038b549c5c6c5f0d062942627c4066642ee2"
+  integrity sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==
 
-"@rollup/rollup-linux-powerpc64le-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.2.tgz#0bb4cb8fc4a2c635f68c1208c924b2145eb647cb"
-  integrity sha512-3FCIrnrt03CCsZqSYAOW/k9n625pjpuMzVfeI+ZBUSDT3MVIFDSPfSUgIl9FqUftxcUXInvFah79hE1c9abD+Q==
+"@rollup/rollup-linux-ppc64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.5.tgz#d9a4c3f0a3492bc78f6fdfe8131ac61c7359ccd5"
+  integrity sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==
 
-"@rollup/rollup-linux-riscv64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.2.tgz#4b3b8e541b7b13e447ae07774217d98c06f6926d"
-  integrity sha512-QNU7BFHEvHMp2ESSY3SozIkBPaPBDTsfVNGx3Xhv+TdvWXFGOSH2NJvhD1zKAT6AyuuErJgbdvaJhYVhVqrWTg==
+"@rollup/rollup-linux-riscv64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.5.tgz#87ab033eebd1a9a1dd7b60509f6333ec1f82d994"
+  integrity sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==
 
-"@rollup/rollup-linux-riscv64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.2.tgz#e065405e67d8bd64a7d0126c931bd9f03910817f"
-  integrity sha512-5W6vNYkhgfh7URiXTO1E9a0cy4fSgfE4+Hl5agb/U1sa0kjOLMLC1wObxwKxecE17j0URxuTrYZZME4/VH57Hg==
+"@rollup/rollup-linux-riscv64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.5.tgz#bda3eb67e1c993c1ba12bc9c2f694e7703958d9f"
+  integrity sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==
 
-"@rollup/rollup-linux-s390x-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.2.tgz#dda3265bbbfe16a5d0089168fd07f5ebb2a866fe"
-  integrity sha512-B7LKIz+0+p348JoAL4X/YxGx9zOx3sR+o6Hj15Y3aaApNfAshK8+mWZEf759DXfRLeL2vg5LYJBB7DdcleYCoQ==
+"@rollup/rollup-linux-s390x-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.5.tgz#f7bc10fbe096ab44694233dc42a2291ed5453d4b"
+  integrity sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==
 
-"@rollup/rollup-linux-x64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.2.tgz#90993269b8b995b4067b7b9d72ff1c360ef90a17"
-  integrity sha512-lG7Xa+BmBNwpjmVUbmyKxdQJ3Q6whHjMjzQplOs5Z+Gj7mxPtWakGHqzMqNER68G67kmCX9qX57aRsW5V0VOng==
+"@rollup/rollup-linux-x64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz#a151cb1234cc9b2cf5e8cfc02aa91436b8f9e278"
+  integrity sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==
 
-"@rollup/rollup-linux-x64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.2.tgz#fdf5b09fd121eb8d977ebb0fda142c7c0167b8de"
-  integrity sha512-tD46wKHd+KJvsmije4bUskNuvWKFcTOIM9tZ/RrmIvcXnbi0YK/cKS9FzFtAm7Oxi2EhV5N2OpfFB348vSQRXA==
+"@rollup/rollup-linux-x64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.5.tgz#7859e196501cc3b3062d45d2776cfb4d2f3a9350"
+  integrity sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==
 
-"@rollup/rollup-win32-arm64-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.2.tgz#6397e1e012db64dfecfed0774cb9fcf89503d716"
-  integrity sha512-Bjv/HG8RRWLNkXwQQemdsWw4Mg+IJ29LK+bJPW2SCzPKOUaMmPEppQlu/Fqk1d7+DX3V7JbFdbkh/NMmurT6Pg==
+"@rollup/rollup-openharmony-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.5.tgz#85d0df7233734df31e547c1e647d2a5300b3bf30"
+  integrity sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==
 
-"@rollup/rollup-win32-ia32-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.2.tgz#df0991464a52a35506103fe18d29913bf8798a0c"
-  integrity sha512-dt1llVSGEsGKvzeIO76HToiYPNPYPkmjhMHhP00T9S4rDern8P2ZWvWAQUEJ+R1UdMWJ/42i/QqJ2WV765GZcA==
+"@rollup/rollup-win32-arm64-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.5.tgz#e62357d00458db17277b88adbf690bb855cac937"
+  integrity sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==
 
-"@rollup/rollup-win32-x64-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.2.tgz#8dae04d01a2cbd84d6297d99356674c6b993f0fc"
-  integrity sha512-bwspbWB04XJpeElvsp+DCylKfF4trJDa2Y9Go8O6A7YLX2LIKGcNK/CYImJN6ZP4DcuOHB4Utl3iCbnR62DudA==
+"@rollup/rollup-win32-ia32-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.5.tgz#fc7cd40f44834a703c1f1c3fe8bcc27ce476cd50"
+  integrity sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==
+
+"@rollup/rollup-win32-x64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.5.tgz#1a22acfc93c64a64a48c42672e857ee51774d0d3"
+  integrity sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==
+
+"@rollup/rollup-win32-x64-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.5.tgz#1657f56326bbe0ac80eedc9f9c18fc1ddd24e107"
+  integrity sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==
 
 "@rtsao/scc@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
   integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
 
-"@ruffle-rs/ruffle@0.1.0-nightly.2025.1.13":
-  version "0.1.0-nightly.2025.1.13"
-  resolved "https://registry.yarnpkg.com/@ruffle-rs/ruffle/-/ruffle-0.1.0-nightly.2025.1.13.tgz#0d9c796b6b7f28c524f6ebbc356f3697ca0b7488"
-  integrity sha512-deFf2TE6UscMv5fRo3kjxJtpHCrS1kc2L7Hi8w2QSSbnvODJMqEGDYcp7+VI7R85lDOSze0YPJnDS4S71JHzkg==
+"@ruffle-rs/ruffle@0.1.0-nightly.2025.6.22":
+  version "0.1.0-nightly.2025.6.22"
+  resolved "https://registry.yarnpkg.com/@ruffle-rs/ruffle/-/ruffle-0.1.0-nightly.2025.6.22.tgz#3f7a3c8989c1781422e5ec0b5b74d428f62b6854"
+  integrity sha512-ECd7j0+CFY+BKyHsN049RIzSjHvsPJuwv8EMqpJ+2AKCy9F12852ziWoDlk89oKH3i0Da3sP2w1ij8wFKsAvtQ==
 
 "@sinonjs/commons@^3.0.1":
   version "3.0.1"
@@ -2111,7 +2256,12 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
   integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
 
-"@types/estree@1.0.7", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
+"@types/estree@1.0.8", "@types/estree@^1.0.0":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
+
+"@types/estree@^1.0.6":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
   integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
@@ -2178,13 +2328,14 @@
   integrity sha512-u9Fd3k2qfMtn+0dxbCn/y0pzQ9Ucw6lWR984CrHcbxc+WzcMkJE4VjWHWSb9At40MjwMyHCkJNXroS55Osshhw==
 
 "@vitejs/plugin-vue-jsx@^4.1.1":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-4.1.2.tgz#7ab813bcba9a514a2bdee5b0e17c30d6e420c748"
-  integrity sha512-4Rk0GdE0QCdsIkuMmWeg11gmM4x8UmTnZR/LWPm7QJ7+BsK4tq08udrN0isrrWqz5heFy9HLV/7bOLgFS8hUjA==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-4.2.0.tgz#2738ec05d4705ed553a107342017192e37351640"
+  integrity sha512-DSTrmrdLp+0LDNF77fqrKfx7X0ErRbOcUAgJL/HbSesqQwoUvUQ4uYQqaex+rovqgGcoPqVk+AwUh3v9CuiYIw==
   dependencies:
-    "@babel/core" "^7.26.7"
-    "@babel/plugin-transform-typescript" "^7.26.7"
-    "@vue/babel-plugin-jsx" "^1.2.5"
+    "@babel/core" "^7.27.1"
+    "@babel/plugin-transform-typescript" "^7.27.1"
+    "@rolldown/pluginutils" "^1.0.0-beta.9"
+    "@vue/babel-plugin-jsx" "^1.4.0"
 
 "@vitejs/plugin-vue@^5.2.1":
   version "5.2.4"
@@ -2282,120 +2433,120 @@
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz#8d53a1e21347db8edbe54d339902583176de09f2"
   integrity sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==
 
-"@vue/babel-helper-vue-transform-on@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz#616020488692a9c42a613280d62ed1b727045d95"
-  integrity sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==
+"@vue/babel-helper-vue-transform-on@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz#b7e99d37eeb144d7b9757d7a1f40cd977fde748a"
+  integrity sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==
 
-"@vue/babel-plugin-jsx@1.4.0", "@vue/babel-plugin-jsx@^1.2.5":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz#c155c795ce980edf46aa6feceed93945a95ca658"
-  integrity sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==
+"@vue/babel-plugin-jsx@1.5.0", "@vue/babel-plugin-jsx@^1.4.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz#1b988b497cb1f79725da94463e75cebe60b72e70"
+  integrity sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==
   dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/plugin-syntax-jsx" "^7.25.9"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.9"
-    "@babel/types" "^7.26.9"
-    "@vue/babel-helper-vue-transform-on" "1.4.0"
-    "@vue/babel-plugin-resolve-type" "1.4.0"
-    "@vue/shared" "^3.5.13"
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/plugin-syntax-jsx" "^7.27.1"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.0"
+    "@babel/types" "^7.28.2"
+    "@vue/babel-helper-vue-transform-on" "1.5.0"
+    "@vue/babel-plugin-resolve-type" "1.5.0"
+    "@vue/shared" "^3.5.18"
 
-"@vue/babel-plugin-resolve-type@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz#4d357a81fb0cc9cad0e8c81b118115bda2c51543"
-  integrity sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==
+"@vue/babel-plugin-resolve-type@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz#6881d7b1478e9fc0ea4bb08aaad1f4d206655568"
+  integrity sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==
   dependencies:
-    "@babel/code-frame" "^7.26.2"
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/parser" "^7.26.9"
-    "@vue/compiler-sfc" "^3.5.13"
+    "@babel/code-frame" "^7.27.1"
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/parser" "^7.28.0"
+    "@vue/compiler-sfc" "^3.5.18"
 
-"@vue/compiler-core@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz#b0ae6c4347f60c03e849a05d34e5bf747c9bda05"
-  integrity sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==
+"@vue/compiler-core@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.19.tgz#f141d35b61b55ce72c3cbb4dc9eeca3821d451aa"
+  integrity sha512-/afpyvlkrSNYbPo94Qu8GtIOWS+g5TRdOvs6XZNw6pWQQmj5pBgSZvEPOIZlqWq0YvoUhDDQaQ2TnzuJdOV4hA==
   dependencies:
-    "@babel/parser" "^7.25.3"
-    "@vue/shared" "3.5.13"
-    entities "^4.5.0"
-    estree-walker "^2.0.2"
-    source-map-js "^1.2.0"
-
-"@vue/compiler-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.17.tgz#23d291bd01b863da3ef2e26e7db84d8e01a9b4c5"
-  integrity sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==
-  dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/shared" "3.5.17"
+    "@babel/parser" "^7.28.3"
+    "@vue/shared" "3.5.19"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
-"@vue/compiler-dom@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz#bb1b8758dbc542b3658dda973b98a1c9311a8a58"
-  integrity sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==
+"@vue/compiler-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.22.tgz#bb8294a0dd31df540563cc6ffa0456f1f7687b97"
+  integrity sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==
   dependencies:
-    "@vue/compiler-core" "3.5.13"
-    "@vue/shared" "3.5.13"
+    "@babel/parser" "^7.28.4"
+    "@vue/shared" "3.5.22"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
 
-"@vue/compiler-dom@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz#7bc19a20e23b670243a64b47ce3a890239b870be"
-  integrity sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==
+"@vue/compiler-dom@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.19.tgz#fc57d9dca4987df67d6ce64dbddaac6d73f1a6ef"
+  integrity sha512-Drs6rPHQZx/pN9S6ml3Z3K/TWCIRPvzG2B/o5kFK9X0MNHt8/E+38tiRfojufrYBfA6FQUFB2qBBRXlcSXWtOA==
   dependencies:
-    "@vue/compiler-core" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-core" "3.5.19"
+    "@vue/shared" "3.5.19"
 
-"@vue/compiler-sfc@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz#c518871276e26593612bdab36f3f5bcd053b13bf"
-  integrity sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==
+"@vue/compiler-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.22.tgz#6c9c2c9843520f6d3dbc685e5d0e1e12a2c04c56"
+  integrity sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==
   dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/compiler-core" "3.5.17"
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-core" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/compiler-sfc@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.22.tgz#663a8483b1dda8de83b6fa1aab38a52bf73dd965"
+  integrity sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==
+  dependencies:
+    "@babel/parser" "^7.28.4"
+    "@vue/compiler-core" "3.5.22"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.19"
+    postcss "^8.5.6"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-sfc@^3.5.18":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.19.tgz#7f9792ad7de5d4be9b6a32129c75e1f6cd4da015"
+  integrity sha512-YWCm1CYaJ+2RvNmhCwI7t3I3nU+hOrWGWMsn+Z/kmm1jy5iinnVtlmkiZwbLlbV1SRizX7vHsc0/bG5dj0zRTg==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@vue/compiler-core" "3.5.19"
+    "@vue/compiler-dom" "3.5.19"
+    "@vue/compiler-ssr" "3.5.19"
+    "@vue/shared" "3.5.19"
     estree-walker "^2.0.2"
     magic-string "^0.30.17"
     postcss "^8.5.6"
     source-map-js "^1.2.1"
 
-"@vue/compiler-sfc@^3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz#461f8bd343b5c06fac4189c4fef8af32dea82b46"
-  integrity sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==
+"@vue/compiler-ssr@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.19.tgz#1719e7fda6d54f5696ca63d4d40281668c0e601c"
+  integrity sha512-/wx0VZtkWOPdiQLWPeQeqpHWR/LuNC7bHfSX7OayBTtUy8wur6vT6EQIX6Et86aED6J+y8tTw43qo2uoqGg5sw==
   dependencies:
-    "@babel/parser" "^7.25.3"
-    "@vue/compiler-core" "3.5.13"
-    "@vue/compiler-dom" "3.5.13"
-    "@vue/compiler-ssr" "3.5.13"
-    "@vue/shared" "3.5.13"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.11"
-    postcss "^8.4.48"
-    source-map-js "^1.2.0"
+    "@vue/compiler-dom" "3.5.19"
+    "@vue/shared" "3.5.19"
 
-"@vue/compiler-ssr@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz#e771adcca6d3d000f91a4277c972a996d07f43ba"
-  integrity sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==
+"@vue/compiler-ssr@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.22.tgz#a0ef16e364731b25e79a13470569066af101320f"
+  integrity sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==
   dependencies:
-    "@vue/compiler-dom" "3.5.13"
-    "@vue/shared" "3.5.13"
-
-"@vue/compiler-ssr@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz#14ba3b7bba6e0e1fd02002316263165a5d1046c7"
-  integrity sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==
-  dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/shared" "3.5.22"
 
 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
@@ -2403,74 +2554,74 @@
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
 "@vue/devtools-api@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.2.tgz#49837eae6f61fc43a09f5d6c2d3210f9f73a0d09"
-  integrity sha512-1syn558KhyN+chO5SjlZIwJ8bV/bQ1nOVTG66t2RbG66ZGekyiYNmRO7X9BJCXQqPsFHlnksqvPhce2qpzxFnA==
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.7.tgz#5ef5f55f60396220725a273548c0d7ee983d5d34"
+  integrity sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==
   dependencies:
-    "@vue/devtools-kit" "^7.7.2"
+    "@vue/devtools-kit" "^7.7.7"
 
-"@vue/devtools-kit@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.2.tgz#3315bd5b144f98c7b84c2f44270b445644ec8f10"
-  integrity sha512-CY0I1JH3Z8PECbn6k3TqM1Bk9ASWxeMtTCvZr7vb+CHi+X/QwQm5F1/fPagraamKMAHVfuuCbdcnNg1A4CYVWQ==
+"@vue/devtools-kit@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz#41a64f9526e9363331c72405544df020ce2e3641"
+  integrity sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==
   dependencies:
-    "@vue/devtools-shared" "^7.7.2"
-    birpc "^0.2.19"
+    "@vue/devtools-shared" "^7.7.7"
+    birpc "^2.3.0"
     hookable "^5.5.3"
     mitt "^3.0.1"
     perfect-debounce "^1.0.0"
     speakingurl "^14.0.1"
-    superjson "^2.2.1"
+    superjson "^2.2.2"
 
-"@vue/devtools-shared@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.2.tgz#b11b143820130a32d8ce5737e264d06ab6d62f40"
-  integrity sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==
+"@vue/devtools-shared@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz#ff14aa8c1262ebac8c0397d3b09f767cd489750c"
+  integrity sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==
   dependencies:
     rfdc "^1.4.1"
 
-"@vue/reactivity@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.17.tgz#169b5dcf96c7f23788e5ed9745ec8a7227f2125e"
-  integrity sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==
+"@vue/reactivity@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.22.tgz#9b26f8557c96df46c9a859914a2229f3ca5b8f4f"
+  integrity sha512-f2Wux4v/Z2pqc9+4SmgZC1p73Z53fyD90NFWXiX9AKVnVBEvLFOWCEgJD3GdGnlxPZt01PSlfmLqbLYzY/Fw4A==
   dependencies:
-    "@vue/shared" "3.5.17"
+    "@vue/shared" "3.5.22"
 
-"@vue/runtime-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.17.tgz#b17bd41e13011e85e9b1025545292d43f5512730"
-  integrity sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==
+"@vue/runtime-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.22.tgz#e004c1e35f423555a0e4c10646ef3e9d380643d1"
+  integrity sha512-EHo4W/eiYeAzRTN5PCextDUZ0dMs9I8mQ2Fy+OkzvRPUYQEyK9yAjbasrMCXbLNhF7P0OUyivLjIy0yc6VrLJQ==
   dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/reactivity" "3.5.22"
+    "@vue/shared" "3.5.22"
 
-"@vue/runtime-dom@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz#8e325e29cd03097fe179032fc8df384a426fc83a"
-  integrity sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==
+"@vue/runtime-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.22.tgz#01276cea7cb9ac2b9aba046adfb5903b494e2e7e"
+  integrity sha512-Av60jsryAkI023PlN7LsqrfPvwfxOd2yAwtReCjeuugTJTkgrksYJJstg1e12qle0NarkfhfFu1ox2D+cQotww==
   dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/runtime-core" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/reactivity" "3.5.22"
+    "@vue/runtime-core" "3.5.22"
+    "@vue/shared" "3.5.22"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.17.tgz#9b8fd6a40a3d55322509fafe78ac841ede649fbe"
-  integrity sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==
+"@vue/server-renderer@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.22.tgz#d134e3409094044bd066d9803714677457756157"
+  integrity sha512-gXjo+ao0oHYTSswF+a3KRHZ1WszxIqO7u6XwNHqcqb9JfyIL/pbWrrh/xLv7jeDqla9u+LK7yfZKHih1e1RKAQ==
   dependencies:
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
 
-"@vue/shared@3.5.13", "@vue/shared@^3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
-  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
+"@vue/shared@3.5.19", "@vue/shared@^3.5.18":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.19.tgz#5301967a910cb62145e4f17131f3bee88b463c83"
+  integrity sha512-IhXCOn08wgKrLQxRFKKlSacWg4Goi1BolrdEeLYn6tgHjJNXVrWJ5nzoxZqNwl5p88aLlQ8LOaoMa3AYvaKJ/Q==
 
-"@vue/shared@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.17.tgz#e8b3a41f0be76499882a89e8ed40d86a70fa4b70"
-  integrity sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==
+"@vue/shared@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.22.tgz#9d56a1644a3becb8af1e34655928b0e288d827f8"
+  integrity sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==
 
 "@vue/test-utils@2.4.6":
   version "2.4.6"
@@ -2522,6 +2673,11 @@ acorn@^8.14.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
   integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
 
+acorn@^8.15.0:
+  version "8.15.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
+  integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
+
 agent-base@^7.1.0, agent-base@^7.1.2:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.3.tgz#29435eb821bc4194633a5b89e5bc4703bafc25a1"
@@ -2692,24 +2848,26 @@ array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1, array-buffer-b
     call-bound "^1.0.3"
     is-array-buffer "^3.0.5"
 
-array-includes@^3.1.8:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
-  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+array-includes@^3.1.9:
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.9.tgz#1f0ccaa08e90cdbc3eb433210f903ad0f17c3f3a"
+  integrity sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==
   dependencies:
-    call-bind "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
     define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    is-string "^1.0.7"
+    es-abstract "^1.24.0"
+    es-object-atoms "^1.1.1"
+    get-intrinsic "^1.3.0"
+    is-string "^1.1.1"
+    math-intrinsics "^1.1.0"
 
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.findlastindex@^1.2.5:
+array.prototype.findlastindex@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz#cfa1065c81dcb64e34557c9b81d012f6a421c564"
   integrity sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==
@@ -2722,7 +2880,7 @@ array.prototype.findlastindex@^1.2.5:
     es-object-atoms "^1.1.1"
     es-shim-unscopables "^1.1.0"
 
-array.prototype.flat@^1.3.2:
+array.prototype.flat@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
   integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
@@ -2732,7 +2890,7 @@ array.prototype.flat@^1.3.2:
     es-abstract "^1.23.5"
     es-shim-unscopables "^1.0.2"
 
-array.prototype.flatmap@^1.3.2:
+array.prototype.flatmap@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
   integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
@@ -2836,29 +2994,29 @@ babel-plugin-lodash@3.3.4:
     lodash "^4.17.10"
     require-package-name "^2.0.1"
 
-babel-plugin-polyfill-corejs2@^0.4.10:
-  version "0.4.13"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz#7d445f0e0607ebc8fb6b01d7e8fb02069b91dd8b"
-  integrity sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==
+babel-plugin-polyfill-corejs2@^0.4.14:
+  version "0.4.14"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz#8101b82b769c568835611542488d463395c2ef8f"
+  integrity sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==
   dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/compat-data" "^7.27.7"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
-  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
+babel-plugin-polyfill-corejs3@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz#bb7f6aeef7addff17f7602a08a6d19a128c30164"
+  integrity sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.3"
-    core-js-compat "^3.40.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
+    core-js-compat "^3.43.0"
 
-babel-plugin-polyfill-regenerator@^0.6.1:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz#428c615d3c177292a22b4f93ed99e358d7906a9b"
-  integrity sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==
+babel-plugin-polyfill-regenerator@^0.6.5:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz#32752e38ab6f6767b92650347bf26a31b16ae8c5"
+  integrity sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -2885,10 +3043,10 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
-birpc@^0.2.19:
-  version "0.2.19"
-  resolved "https://registry.yarnpkg.com/birpc/-/birpc-0.2.19.tgz#cdd183a4a70ba103127d49765b4a71349da5a0ca"
-  integrity sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==
+birpc@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/birpc/-/birpc-2.4.0.tgz#045368a4a30d659c6c06c9215b11cb384903249c"
+  integrity sha512-5IdNxTyhXHv2UlgnPHQ0h+5ypVmkrYHzL8QT+DwFZ//2N/oNV8Ch+BCRmTJ3x6/z9Axo/cXYBc9eprsUVK/Jsg==
 
 bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
@@ -2965,7 +3123,17 @@ browser-stdout@1.3.1:
   resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
   integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
 
-browserslist@^4.24.0, browserslist@^4.24.4:
+browserslist@^4.24.0:
+  version "4.25.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.3.tgz#9167c9cbb40473f15f75f85189290678b99b16c5"
+  integrity sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==
+  dependencies:
+    caniuse-lite "^1.0.30001735"
+    electron-to-chromium "^1.5.204"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
+browserslist@^4.24.4:
   version "4.24.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
   integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
@@ -2975,6 +3143,16 @@ browserslist@^4.24.0, browserslist@^4.24.4:
     node-releases "^2.0.19"
     update-browserslist-db "^1.1.1"
 
+browserslist@^4.25.1:
+  version "4.25.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.1.tgz#ba9e8e6f298a1d86f829c9b975e07948967bb111"
+  integrity sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==
+  dependencies:
+    caniuse-lite "^1.0.30001726"
+    electron-to-chromium "^1.5.173"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
 buffer-crc32@^0.2.1, buffer-crc32@^0.2.13, buffer-crc32@~0.2.3:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
@@ -2993,14 +3171,6 @@ buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-buffer@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
-  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.2.1"
-
 bytes@3.1.2, bytes@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
@@ -3011,13 +3181,16 @@ cac@^6.7.14:
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
   integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
-cacheable@^1.8.9:
-  version "1.8.9"
-  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-1.8.9.tgz#f5498999567ae1015761d805bd8bbecd8393fbd4"
-  integrity sha512-FicwAUyWnrtnd4QqYAoRlNs44/a1jTL7XDKqm5gJ90wz1DQPlC7U2Rd1Tydpv+E7WAr4sQHuw8Q8M3nZMAyecQ==
+cacheable@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-2.0.3.tgz#27d490121907166b152cda2d31fdafd41611365e"
+  integrity sha512-nZF80J3d8RMrroMSYm1E9pBllVDXWPuECZgEZxH+vusCY4MAXAJVrY0jutcHSgh3xYX3G2EUNnmtWGZVVjWCXw==
   dependencies:
-    hookified "^1.7.1"
-    keyv "^5.3.1"
+    "@cacheable/memoize" "^2.0.3"
+    "@cacheable/memory" "^2.0.3"
+    "@cacheable/utils" "^2.0.3"
+    hookified "^1.12.1"
+    keyv "^5.5.3"
 
 call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
@@ -3060,11 +3233,21 @@ camelcase@^6.0.0, camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
+caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001735:
+  version "1.0.30001737"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz#8292bb7591932ff09e9a765f12fdf5629a241ccc"
+  integrity sha512-BiloLiXtQNrY5UyF0+1nSJLXUENuhka2pzy2Fx5pGxqavdrxSCW4U6Pn/PoG3Efspi2frRbHpBV2XsrPE6EDlw==
+
+caniuse-lite@^1.0.30001702:
   version "1.0.30001707"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz#c5e104d199e6f4355a898fcd995a066c7eb9bf41"
   integrity sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==
 
+caniuse-lite@^1.0.30001726:
+  version "1.0.30001727"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz#22e9706422ad37aa50556af8c10e40e2d93a8b85"
+  integrity sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==
+
 chai-nightwatch@^0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/chai-nightwatch/-/chai-nightwatch-0.5.3.tgz#980ecf63dde5a04e7f3524370682c7ff01178ffb"
@@ -3072,7 +3255,18 @@ chai-nightwatch@^0.5.3:
   dependencies:
     assertion-error "1.1.0"
 
-chai@5.2.0, chai@^5.2.0:
+chai@5.3.3:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.3.tgz#dd3da955e270916a4bd3f625f4b919996ada7e06"
+  integrity sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==
+  dependencies:
+    assertion-error "^2.0.1"
+    check-error "^2.1.1"
+    deep-eql "^5.0.1"
+    loupe "^3.1.0"
+    pathval "^2.0.0"
+
+chai@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/chai/-/chai-5.2.0.tgz#1358ee106763624114addf84ab02697e411c9c05"
   integrity sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==
@@ -3092,10 +3286,10 @@ chalk@2.4.2, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.4.1.tgz#1b48bf0963ec158dce2aacf69c093ae2dd2092d8"
-  integrity sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==
+chalk@5.6.2:
+  version "5.6.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.6.2.tgz#b1238b6e23ea337af71c7f8a295db5af0c158aea"
+  integrity sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==
 
 chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
@@ -3350,26 +3544,18 @@ copy-anything@^3.0.2:
   dependencies:
     is-what "^4.1.8"
 
-core-js-compat@^3.40.0:
-  version "3.41.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.41.0.tgz#4cdfce95f39a8f27759b667cf693d96e5dda3d17"
-  integrity sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==
+core-js-compat@^3.43.0:
+  version "3.44.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.44.0.tgz#62b9165b97e4cbdb8bca16b14818e67428b4a0f8"
+  integrity sha512-JepmAj2zfl6ogy34qfWtcE7nHKAJnKsQFRn++scjVS2bZFllwptzw61BZcZFYBPpUznLfAvh0LGhxKppk04ClA==
   dependencies:
-    browserslist "^4.24.4"
+    browserslist "^4.25.1"
 
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cors@^2.8.5:
-  version "2.8.5"
-  resolved "https://registry.yarnpkg.com/cors/-/cors-2.8.5.tgz#eac11da51592dd86b9f06f6e7ac293b3df875d29"
-  integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
-  dependencies:
-    object-assign "^4"
-    vary "^1"
-
 cosmiconfig@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz#34c3fc58287b915f3ae905ab6dc3de258b55ad9d"
@@ -3393,13 +3579,13 @@ crc32-stream@^4.0.2:
     crc-32 "^1.2.0"
     readable-stream "^3.4.0"
 
-cropperjs@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cropperjs/-/cropperjs-2.0.0.tgz#0dc6187a66a27e8f6de1e7320c92997dbacc854b"
-  integrity sha512-TO2j0Qre01kPHbow4FuTrbdEB4jTmGRySxW49jyEIqlJZuEBfrvCTT0vC3eRB2WBXudDfKi1Onako6DKWKxeAQ==
+cropperjs@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/cropperjs/-/cropperjs-2.0.1.tgz#74492df8cf54563691605d1510679b242c7f6d39"
+  integrity sha512-hiJwk2SCPZqxMA7aR3byzLpYUqOrQo+ihMk8k/WRm/xe/LX8wNzAIzMwEB/NEGJYA6sbewxW9TUlrRUYi/2Ipg==
   dependencies:
-    "@cropper/elements" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/elements" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
 cross-spawn@7.0.6, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
   version "7.0.6"
@@ -3486,7 +3672,7 @@ data-view-byte-offset@^1.0.1:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.3.7, debug@^4.4.0:
+debug@4, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -3514,6 +3700,20 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.1.0, debug@^4.3.1, debug@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
+  integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
+  dependencies:
+    ms "^2.1.3"
+
+debug@^4.4.3:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -3744,10 +3944,15 @@ ejs@^3.1.10:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.5.73:
-  version "1.5.129"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.129.tgz#fafa835aea5d15fcd5cbe9bd6bf1cb5d4b3aa06e"
-  integrity sha512-JlXUemX4s0+9f8mLqib/bHH8gOHf5elKS6KeWG3sk3xozb/JTq/RLXIv8OKUWiK4Ah00Wm88EFj5PYkFr4RUPA==
+electron-to-chromium@^1.5.173:
+  version "1.5.191"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.191.tgz#8ae49a471447b1ceaf1d4d183a9000082f52363c"
+  integrity sha512-xcwe9ELcuxYLUFqZZxL19Z6HVKcvNkIwhbHUz7L3us6u12yR+7uY89dSl570f/IqNthx8dAw3tojG7i4Ni4tDA==
+
+electron-to-chromium@^1.5.204, electron-to-chromium@^1.5.73:
+  version "1.5.208"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.208.tgz#609c29502fd7257b4d721e3446f3ae391a0ca1b3"
+  integrity sha512-ozZyibehoe7tOhNaf16lKmljVf+3npZcJIEbJRVftVsmAg5TeA1mGS9dVCZzOwr2xT7xK15V0p7+GZqSPgkuPg==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -3863,6 +4068,66 @@ es-abstract@^1.23.2, es-abstract@^1.23.5, es-abstract@^1.23.9:
     unbox-primitive "^1.1.0"
     which-typed-array "^1.1.18"
 
+es-abstract@^1.24.0:
+  version "1.24.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.0.tgz#c44732d2beb0acc1ed60df840869e3106e7af328"
+  integrity sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.3.0"
+    get-proto "^1.0.1"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-set "^2.0.3"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.1"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.4"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.4"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    stop-iteration-iterator "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.19"
+
 es-define-property@^1.0.0, es-define-property@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
@@ -3927,35 +4192,36 @@ es-to-primitive@^1.3.0:
     is-symbol "^1.0.4"
 
 esbuild@^0.25.0:
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.4.tgz#bb9a16334d4ef2c33c7301a924b8b863351a0854"
-  integrity sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.11.tgz#0f31b82f335652580f75ef6897bba81962d9ae3d"
+  integrity sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.4"
-    "@esbuild/android-arm" "0.25.4"
-    "@esbuild/android-arm64" "0.25.4"
-    "@esbuild/android-x64" "0.25.4"
-    "@esbuild/darwin-arm64" "0.25.4"
-    "@esbuild/darwin-x64" "0.25.4"
-    "@esbuild/freebsd-arm64" "0.25.4"
-    "@esbuild/freebsd-x64" "0.25.4"
-    "@esbuild/linux-arm" "0.25.4"
-    "@esbuild/linux-arm64" "0.25.4"
-    "@esbuild/linux-ia32" "0.25.4"
-    "@esbuild/linux-loong64" "0.25.4"
-    "@esbuild/linux-mips64el" "0.25.4"
-    "@esbuild/linux-ppc64" "0.25.4"
-    "@esbuild/linux-riscv64" "0.25.4"
-    "@esbuild/linux-s390x" "0.25.4"
-    "@esbuild/linux-x64" "0.25.4"
-    "@esbuild/netbsd-arm64" "0.25.4"
-    "@esbuild/netbsd-x64" "0.25.4"
-    "@esbuild/openbsd-arm64" "0.25.4"
-    "@esbuild/openbsd-x64" "0.25.4"
-    "@esbuild/sunos-x64" "0.25.4"
-    "@esbuild/win32-arm64" "0.25.4"
-    "@esbuild/win32-ia32" "0.25.4"
-    "@esbuild/win32-x64" "0.25.4"
+    "@esbuild/aix-ppc64" "0.25.11"
+    "@esbuild/android-arm" "0.25.11"
+    "@esbuild/android-arm64" "0.25.11"
+    "@esbuild/android-x64" "0.25.11"
+    "@esbuild/darwin-arm64" "0.25.11"
+    "@esbuild/darwin-x64" "0.25.11"
+    "@esbuild/freebsd-arm64" "0.25.11"
+    "@esbuild/freebsd-x64" "0.25.11"
+    "@esbuild/linux-arm" "0.25.11"
+    "@esbuild/linux-arm64" "0.25.11"
+    "@esbuild/linux-ia32" "0.25.11"
+    "@esbuild/linux-loong64" "0.25.11"
+    "@esbuild/linux-mips64el" "0.25.11"
+    "@esbuild/linux-ppc64" "0.25.11"
+    "@esbuild/linux-riscv64" "0.25.11"
+    "@esbuild/linux-s390x" "0.25.11"
+    "@esbuild/linux-x64" "0.25.11"
+    "@esbuild/netbsd-arm64" "0.25.11"
+    "@esbuild/netbsd-x64" "0.25.11"
+    "@esbuild/openbsd-arm64" "0.25.11"
+    "@esbuild/openbsd-x64" "0.25.11"
+    "@esbuild/openharmony-arm64" "0.25.11"
+    "@esbuild/sunos-x64" "0.25.11"
+    "@esbuild/win32-arm64" "0.25.11"
+    "@esbuild/win32-ia32" "0.25.11"
+    "@esbuild/win32-x64" "0.25.11"
 
 escalade@^3.1.1, escalade@^3.2.0:
   version "3.2.0"
@@ -4020,10 +4286,10 @@ eslint-import-resolver-node@^0.3.9:
     is-core-module "^2.13.0"
     resolve "^1.22.4"
 
-eslint-module-utils@^2.12.0:
-  version "2.12.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
-  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+eslint-module-utils@^2.12.1:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz#f76d3220bfb83c057651359295ab5854eaad75ff"
+  integrity sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==
   dependencies:
     debug "^3.2.7"
 
@@ -4036,44 +4302,45 @@ eslint-plugin-es-x@^7.8.0:
     "@eslint-community/regexpp" "^4.11.0"
     eslint-compat-utils "^0.5.1"
 
-eslint-plugin-import@2.31.0:
-  version "2.31.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
-  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+eslint-plugin-import@2.32.0:
+  version "2.32.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz#602b55faa6e4caeaa5e970c198b5c00a37708980"
+  integrity sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==
   dependencies:
     "@rtsao/scc" "^1.1.0"
-    array-includes "^3.1.8"
-    array.prototype.findlastindex "^1.2.5"
-    array.prototype.flat "^1.3.2"
-    array.prototype.flatmap "^1.3.2"
+    array-includes "^3.1.9"
+    array.prototype.findlastindex "^1.2.6"
+    array.prototype.flat "^1.3.3"
+    array.prototype.flatmap "^1.3.3"
     debug "^3.2.7"
     doctrine "^2.1.0"
     eslint-import-resolver-node "^0.3.9"
-    eslint-module-utils "^2.12.0"
+    eslint-module-utils "^2.12.1"
     hasown "^2.0.2"
-    is-core-module "^2.15.1"
+    is-core-module "^2.16.1"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
     object.fromentries "^2.0.8"
     object.groupby "^1.0.3"
-    object.values "^1.2.0"
+    object.values "^1.2.1"
     semver "^6.3.1"
-    string.prototype.trimend "^1.0.8"
+    string.prototype.trimend "^1.0.9"
     tsconfig-paths "^3.15.0"
 
-eslint-plugin-n@17.18.0:
-  version "17.18.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.18.0.tgz#8515979b49ef8db7bb16e457b8ed22cc695d2a84"
-  integrity sha512-hvZ/HusueqTJ7VDLoCpjN0hx4N4+jHIWTXD4TMLHy9F23XkDagR9v+xQWRWR57yY55GPF8NnD4ox9iGTxirY8A==
+eslint-plugin-n@17.23.1:
+  version "17.23.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.23.1.tgz#467db2aba0ead574ea6150143d079d544c11cf48"
+  integrity sha512-68PealUpYoHOBh332JLLD9Sj7OQUDkFpmcfqt8R9sySfFSeuGJjMTJQvCRRB96zO3A/PELRLkPrzsHmzEFQQ5A==
   dependencies:
     "@eslint-community/eslint-utils" "^4.5.0"
     enhanced-resolve "^5.17.1"
     eslint-plugin-es-x "^7.8.0"
     get-tsconfig "^4.8.1"
     globals "^15.11.0"
+    globrex "^0.1.2"
     ignore "^5.3.2"
-    minimatch "^9.0.5"
     semver "^7.6.3"
+    ts-declaration-location "^1.0.6"
 
 eslint-plugin-promise@7.2.1:
   version "7.2.1"
@@ -4082,15 +4349,15 @@ eslint-plugin-promise@7.2.1:
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
 
-eslint-plugin-vue@10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.1.0.tgz#434cb84eecfa0a69b7cd95bf913f11ded259308e"
-  integrity sha512-/VTiJ1eSfNLw6lvG9ENySbGmcVvz6wZ9nA7ZqXlLBY2RkaF15iViYKxglWiIch12KiLAj0j1iXPYU6W4wTROFA==
+eslint-plugin-vue@10.6.2:
+  version "10.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.6.2.tgz#5d8790fa2e1105cf06259afc14c8a55cb110f346"
+  integrity sha512-nA5yUs/B1KmKzvC42fyD0+l9Yd+LtEpVhWRbXuDj0e+ZURcTtyRbMDWUeJmTAh2wC6jC83raS63anNM2YT3NPw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"
     nth-check "^2.1.1"
-    postcss-selector-parser "^6.0.15"
+    postcss-selector-parser "^7.1.0"
     semver "^7.6.3"
     xml-name-validator "^4.0.0"
 
@@ -4102,7 +4369,7 @@ eslint-scope@5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^8.2.0, eslint-scope@^8.3.0:
+eslint-scope@^8.2.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.3.0.tgz#10cd3a918ffdd722f5f3f7b5b83db9b23c87340d"
   integrity sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==
@@ -4110,6 +4377,14 @@ eslint-scope@^8.2.0, eslint-scope@^8.3.0:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-scope@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.4.0.tgz#88e646a207fad61436ffa39eb505147200655c82"
+  integrity sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
 eslint-visitor-keys@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
@@ -4125,33 +4400,36 @@ eslint-visitor-keys@^4.2.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
   integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
 
-eslint@9.26.0:
-  version "9.26.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.26.0.tgz#978fe029adc2aceed28ab437bca876e83461c3b4"
-  integrity sha512-Hx0MOjPh6uK9oq9nVsATZKE/Wlbai7KFjfCuw9UHaguDW3x+HF0O5nIi3ud39TWgrTjTO5nHxmL3R1eANinWHQ==
+eslint-visitor-keys@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
+  integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
+
+eslint@9.39.2:
+  version "9.39.2"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.39.2.tgz#cb60e6d16ab234c0f8369a3fe7cc87967faf4b6c"
+  integrity sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/eslint-utils" "^4.8.0"
     "@eslint-community/regexpp" "^4.12.1"
-    "@eslint/config-array" "^0.20.0"
-    "@eslint/config-helpers" "^0.2.1"
-    "@eslint/core" "^0.13.0"
+    "@eslint/config-array" "^0.21.1"
+    "@eslint/config-helpers" "^0.4.2"
+    "@eslint/core" "^0.17.0"
     "@eslint/eslintrc" "^3.3.1"
-    "@eslint/js" "9.26.0"
-    "@eslint/plugin-kit" "^0.2.8"
+    "@eslint/js" "9.39.2"
+    "@eslint/plugin-kit" "^0.4.1"
     "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.4.2"
-    "@modelcontextprotocol/sdk" "^1.8.0"
     "@types/estree" "^1.0.6"
-    "@types/json-schema" "^7.0.15"
     ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.6"
     debug "^4.3.2"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^8.3.0"
-    eslint-visitor-keys "^4.2.0"
-    espree "^10.3.0"
+    eslint-scope "^8.4.0"
+    eslint-visitor-keys "^4.2.1"
+    espree "^10.4.0"
     esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -4166,7 +4444,6 @@ eslint@9.26.0:
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.3"
-    zod "^3.24.2"
 
 espree@^10.0.1, espree@^10.3.0:
   version "10.3.0"
@@ -4177,6 +4454,15 @@ espree@^10.0.1, espree@^10.3.0:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^4.2.0"
 
+espree@^10.4.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.4.0.tgz#d54f4949d4629005a1fa168d937c3ff1f7e2a837"
+  integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
+  dependencies:
+    acorn "^8.15.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.1"
+
 esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -4233,23 +4519,11 @@ eventemitter3@^4.0.0:
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-eventsource-parser@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/eventsource-parser/-/eventsource-parser-3.0.1.tgz#5e358dba9a55ba64ca90da883c4ca35bd82467bd"
-  integrity sha512-VARTJ9CYeuQYb0pZEPbzi740OWFgpHe7AYJ2WFZVnUDUQp5Dk2yJUgF36YsZ81cOyxT0QxmXD2EQpapAouzWVA==
-
 eventsource-polyfill@0.9.6:
   version "0.9.6"
   resolved "https://registry.yarnpkg.com/eventsource-polyfill/-/eventsource-polyfill-0.9.6.tgz#10e0d187f111b167f28fdab918843ce7d818f13c"
   integrity sha512-LyMFp2oPDGhum2lMvkjqKZEwWd2/AoXyt8aoyftTBMWwPHNgU+2tdxhTHPluDxoz+z4gNj0uHAPR9nqevATMbg==
 
-eventsource@^3.0.2:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-3.0.6.tgz#5c4b24cd70c0323eed2651a5ee07bd4bc391e656"
-  integrity sha512-l19WpE2m9hSuyP06+FbuUUf1G+R0SFLrtQfbRb9PRr+oimOfxQhgGCbVaXg5IvZyyTThJsxh6L/srkMiCeBPDA==
-  dependencies:
-    eventsource-parser "^3.0.1"
-
 execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
@@ -4270,12 +4544,7 @@ expect-type@^1.2.1:
   resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.2.1.tgz#af76d8b357cf5fa76c41c09dafb79c549e75f71f"
   integrity sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==
 
-express-rate-limit@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/express-rate-limit/-/express-rate-limit-7.5.0.tgz#6a67990a724b4fbbc69119419feef50c51e8b28f"
-  integrity sha512-eB5zbQh5h+VenMPM3fh+nw1YExi5nMr6HUCR62ELSP11huvxm/Uir1H1QEyTkk5QX6A58pX6NmaTMceKZ0Eodg==
-
-express@5.1.0, express@^5.0.1:
+express@5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/express/-/express-5.1.0.tgz#d31beaf715a0016f0d53f47d3b4d7acf28c75cc9"
   integrity sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==
@@ -4374,22 +4643,22 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
-fdir@^6.4.4:
-  version "6.4.4"
-  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.4.tgz#1cfcf86f875a883e19a8fab53622cfe992e8d2f9"
-  integrity sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==
+fdir@^6.4.4, fdir@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
+  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 
 fflate@^0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.8.2.tgz#fc8631f5347812ad6028bbe4a2308b2792aa1dea"
   integrity sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==
 
-file-entry-cache@^10.0.8:
-  version "10.0.8"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.0.8.tgz#2b7a32c40615c4a6b59c385fb059a2762faf9624"
-  integrity sha512-FGXHpfmI4XyzbLd3HQ8cbUcsFGohJpZtmQRHr8z8FxxtCe2PcpgIlVLwIgunqjvRmXypBETvwhV4ptJizA+Y1Q==
+file-entry-cache@^10.1.4:
+  version "10.1.4"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.1.4.tgz#1e81441517dc33ba5fe14421d96dc5fe7e37e820"
+  integrity sha512-5XRUFc0WTtUbjfGzEwXc42tiGxQHBmtbUG1h9L2apu4SulCGN3Hqm//9D6FAolf8MYNL7f/YlJl9vy08pj5JuA==
   dependencies:
-    flat-cache "^6.1.8"
+    flat-cache "^6.1.13"
 
 file-entry-cache@^8.0.0:
   version "8.0.0"
@@ -4464,14 +4733,14 @@ flat-cache@^4.0.0:
     flatted "^3.2.9"
     keyv "^4.5.4"
 
-flat-cache@^6.1.8:
-  version "6.1.8"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.8.tgz#968fb89b19df488fe60f346857ffc54b8dd0ba14"
-  integrity sha512-R6MaD3nrJAtO7C3QOuS79ficm2pEAy++TgEUD8ii1LVlbcgZ9DtASLkt9B+RZSFCzm7QHDMlXPsqqB6W2Pfr1Q==
+flat-cache@^6.1.13:
+  version "6.1.17"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.17.tgz#31eb0de23c6a301c1420596d0089dd431649006d"
+  integrity sha512-Jzse4YoiUJBVYTwz5Bwl4h/2VQM7e2KK3MVAMlXzX9uamIHAH/TXUlRKU1AQGQOryQhN0EsmufiiF40G057YXA==
   dependencies:
-    cacheable "^1.8.9"
+    cacheable "^2.0.3"
     flatted "^3.3.3"
-    hookified "^1.8.1"
+    hookified "^1.12.0"
 
 flat@^5.0.2:
   version "5.0.2"
@@ -4727,9 +4996,9 @@ globals@^15.11.0:
   integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
 
 globals@^16.0.0:
-  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-16.1.0.tgz#ee6ab147d41c64e9f2beaaaf66572d18df8e1e60"
-  integrity sha512-aibexHNbb/jiUSObBgpHLj+sIuUmJnYcgXBlrfsiDZ9rt4aF2TFRbyLgZ2iFQuVZ1K5Mx3FVkbKRSgKrbK3K2g==
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-16.4.0.tgz#574bc7e72993d40cf27cf6c241f324ee77808e51"
+  integrity sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==
 
 globalthis@^1.0.4:
   version "1.0.4"
@@ -4756,6 +5025,11 @@ globjoin@^0.1.4:
   resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
   integrity sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==
 
+globrex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
+  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
+
 gopd@^1.0.1, gopd@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
@@ -4839,15 +5113,10 @@ hookable@^5.5.3:
   resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
   integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 
-hookified@^1.7.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.8.1.tgz#74a8c97d36e5f8004d230ee2156a607cc84c358c"
-  integrity sha512-GrO2l93P8xCWBSTBX9l2BxI78VU/MAAYag+pG8curS3aBGy0++ZlxrQ7PdUOUVMbn5BwkGb6+eRrnf43ipnFEA==
-
-hookified@^1.8.1:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.8.2.tgz#b365a89dfce3da43e790673a6a97d3b896ae5fa7"
-  integrity sha512-5nZbBNP44sFCDjSoB//0N7m508APCgbQ4mGGo1KJGBYyCKNHfry1Pvd0JVHZIxjdnqn8nFRBAN/eFB6Rk/4w5w==
+hookified@^1.12.0, hookified@^1.12.1:
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.12.1.tgz#b0de0116ca346fd6c4e55db901f52d5cd728ef00"
+  integrity sha512-xnKGl+iMIlhrZmGHB729MqlmPoWBznctSQTYCpFKqNsCgimJQmithcW0xSQMMFzYnV2iKUh25alswn6epgxS0Q==
 
 html-encoding-sniffer@^4.0.0:
   version "4.0.0"
@@ -4931,7 +5200,7 @@ iconv-lite@0.6.3, iconv-lite@^0.6.3:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-ieee754@^1.1.13, ieee754@^1.2.1:
+ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -4941,10 +5210,10 @@ ignore@^5.2.0, ignore@^5.3.2:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-ignore@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.3.tgz#397ef9315dfe0595671eefe8b633fec6943ab733"
-  integrity sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==
+ignore@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
+  integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
 
 immediate@~3.0.5:
   version "3.0.6"
@@ -5074,7 +5343,7 @@ is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+is-core-module@^2.13.0, is-core-module@^2.16.0, is-core-module@^2.16.1:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
   integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
@@ -5147,6 +5416,11 @@ is-map@^2.0.2, is-map@^2.0.3:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
   integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
 
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
 is-node-process@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/is-node-process/-/is-node-process-1.2.0.tgz#ea02a1b90ddb3934a19aea414e88edef7e11d134"
@@ -5258,7 +5532,7 @@ is-weakmap@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
   integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
 
-is-weakref@^1.0.2, is-weakref@^1.1.0:
+is-weakref@^1.0.2, is-weakref@^1.1.0, is-weakref@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
   integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
@@ -5467,12 +5741,12 @@ keyv@^4.5.4:
   dependencies:
     json-buffer "3.0.1"
 
-keyv@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.3.2.tgz#32edd461b51d44d42926eb72946236d79c71ae78"
-  integrity sha512-Lji2XRxqqa5Wg+CHLVfFKBImfJZ4pCSccu9eVWK6w4c2SDFLd8JAn1zqTuSFnsxb7ope6rMsnIHfp+eBbRBRZQ==
+keyv@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.5.3.tgz#db7b7f89b3e13ade5a8d0fe59d765aebb596e84b"
+  integrity sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==
   dependencies:
-    "@keyv/serialize" "^1.0.3"
+    "@keyv/serialize" "^1.1.1"
 
 kind-of@^6.0.2:
   version "6.0.3"
@@ -5484,10 +5758,10 @@ known-css-properties@^0.35.0:
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.35.0.tgz#f6f8e40ab4e5700fa32f5b2ef5218a56bc853bd6"
   integrity sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==
 
-known-css-properties@^0.36.0:
-  version "0.36.0"
-  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.36.0.tgz#5c4365f3c9549ca2e813d2e729e6c47ef6a6cb60"
-  integrity sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==
+known-css-properties@^0.37.0:
+  version "0.37.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.37.0.tgz#10ebe49b9dbb6638860ff8a002fb65a053f4aec5"
+  integrity sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==
 
 lazystream@^1.0.0:
   version "1.0.1"
@@ -5651,12 +5925,19 @@ lz-string@^1.5.0:
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
   integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
-magic-string@^0.30.11, magic-string@^0.30.17:
-  version "0.30.17"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
-  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+magic-string@^0.30.17:
+  version "0.30.18"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.18.tgz#905bfbbc6aa5692703a93db26a9edcaa0007d2bb"
+  integrity sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/sourcemap-codec" "^1.5.5"
+
+magic-string@^0.30.19:
+  version "0.30.19"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.19.tgz#cebe9f104e565602e5d2098c5f2e79a77cc86da9"
+  integrity sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.5"
 
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
@@ -5776,7 +6057,7 @@ minimatch@^5.0.1, minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.4, minimatch@^9.0.5:
+minimatch@^9.0.4:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
   integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
@@ -5849,10 +6130,10 @@ ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-msw@2.10.2:
-  version "2.10.2"
-  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.2.tgz#e7a56ed0b6865b00a30b4c4a5b59e5388fd48315"
-  integrity sha512-RCKM6IZseZQCWcSWlutdf590M8nVfRHG1ImwzOtwz8IYxgT4zhUO0rfTcTvDGiaFE0Rhcc+h43lcF3Jc9gFtwQ==
+msw@2.10.5:
+  version "2.10.5"
+  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.5.tgz#3e43f12e97581c260bf38d8817732b9fec3bfdb0"
+  integrity sha512-0EsQCrCI1HbhpBWd89DvmxY6plmvrM96b0sCIztnvcNHQbXn5vqwm1KlXslo6u4wN9LFGLC1WFjjgljcQhe40A==
   dependencies:
     "@bundled-es-modules/cookie" "^2.0.1"
     "@bundled-es-modules/statuses" "^1.0.1"
@@ -5905,10 +6186,10 @@ nightwatch-axe-verbose@^2.3.0:
   dependencies:
     axe-core "^4.9.1"
 
-nightwatch@3.12.1:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/nightwatch/-/nightwatch-3.12.1.tgz#0caae6864d8c76d481f0492c1f945c5353b8e0ab"
-  integrity sha512-+tTSjw7w2xY3TRdq5qMkgSztEk6ofMw1l/+Tc4GVRTyUi2/43qV4m2EzOi8Q/3ERKZrIR1Wqqyyh3pw6PJSKMQ==
+nightwatch@3.12.2:
+  version "3.12.2"
+  resolved "https://registry.yarnpkg.com/nightwatch/-/nightwatch-3.12.2.tgz#95ef5322003473b4e1f4cca1e40259b64f9ffe75"
+  integrity sha512-B4MGUvO+RjX8gYg84oJ3DKdgzfXIFRKbs19nLBlUt+aJlzBdv6VdN00wlOmzCakHXZlU10MGm1KiW0dsTlgFRA==
   dependencies:
     "@nightwatch/chai" "5.0.3"
     "@nightwatch/html-reporter-template" "^0.3.0"
@@ -5991,12 +6272,7 @@ nwsapi@^2.2.12:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
   integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
 
-object-assign@^4:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-inspect@^1.13.3:
+object-inspect@^1.13.3, object-inspect@^1.13.4:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
   integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
@@ -6045,7 +6321,7 @@ object.groupby@^1.0.3:
     define-properties "^1.2.1"
     es-abstract "^1.23.2"
 
-object.values@^1.2.0:
+object.values@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
   integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
@@ -6307,10 +6583,10 @@ perfect-debounce@^1.0.0:
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
   integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
 
-phoenix@1.7.21:
-  version "1.7.21"
-  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.7.21.tgz#b1ff7d21f5bd8ceee35953f3ca3921e31d15d88a"
-  integrity sha512-8wOvJ8pQXRxNbyFlMI+wQhK3bvX4Ps3FtUX2+0cV6lkcebe9VTIl+xS60FLAeaPieFg80djor5z/AKofnwqAUw==
+phoenix@1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.8.1.tgz#cc247b29f844f22d54291b558689e2381ed8cc43"
+  integrity sha512-7i2a5f5y0Qhzi2g/+iuaGr4TzRt5ucqI0JeV2Q9K0swqY8L2C7CLR66RcGCpcQKGOY73B5GLKMYEl13o/9l/Cg==
 
 picocolors@^1.0.0, picocolors@^1.1.1:
   version "1.1.1"
@@ -6322,10 +6598,10 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+picomatch@^4.0.2, picomatch@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
 pify@^4.0.1:
   version "4.0.1"
@@ -6333,9 +6609,9 @@ pify@^4.0.1:
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
 pinia@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.2.tgz#0616c2e1b39915f253c7626db3c81b7cdad695da"
-  integrity sha512-sH2JK3wNY809JOeiiURUR0wehJ9/gd9qFN2Y828jCbxEzKEmEt0pzCXwqiSTfuRsK9vQsOflSdnbdBOGrhtn+g==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.3.tgz#f412019bdeb2f45e85927b432803190343e12d89"
+  integrity sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==
   dependencies:
     "@vue/devtools-api" "^7.7.2"
 
@@ -6351,11 +6627,6 @@ piscina@^4.3.1:
   optionalDependencies:
     "@napi-rs/nice" "^1.0.1"
 
-pkce-challenge@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pkce-challenge/-/pkce-challenge-5.0.0.tgz#c3a405cb49e272094a38e890a2b51da0228c4d97"
-  integrity sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -6363,17 +6634,17 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-playwright-core@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
-  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+playwright-core@1.57.0:
+  version "1.57.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.57.0.tgz#3dcc9a865af256fa9f0af0d67fc8dd54eecaebf5"
+  integrity sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==
 
-playwright@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
-  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+playwright@1.57.0:
+  version "1.57.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.57.0.tgz#74d1dacff5048dc40bf4676940b1901e18ad0f46"
+  integrity sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==
   dependencies:
-    playwright-core "1.52.0"
+    playwright-core "1.57.0"
   optionalDependencies:
     fsevents "2.3.2"
 
@@ -6427,14 +6698,6 @@ postcss-scss@^4.0.6, postcss-scss@^4.0.9:
   resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
   integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
 
-postcss-selector-parser@^6.0.15:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
 postcss-selector-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262"
@@ -6448,16 +6711,7 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.5.3, postcss@^8.4.48, postcss@^8.5.0, postcss@^8.5.3:
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
-  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
-  dependencies:
-    nanoid "^3.3.8"
-    picocolors "^1.1.1"
-    source-map-js "^1.2.1"
-
-postcss@^8.5.6:
+postcss@8.5.6, postcss@^8.5.3, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -6466,6 +6720,15 @@ postcss@^8.5.6:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+postcss@^8.5.0:
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
+  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
+  dependencies:
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -6672,7 +6935,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.3:
+regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
   integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
@@ -6748,7 +7011,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.14.2, resolve@^1.22.4:
+resolve@^1.22.10, resolve@^1.22.4:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -6776,32 +7039,34 @@ rfdc@^1.4.1:
   integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 
 rollup@^4.34.9:
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.40.2.tgz#778e88b7a197542682b3e318581f7697f55f0619"
-  integrity sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.52.5.tgz#96982cdcaedcdd51b12359981f240f94304ec235"
+  integrity sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==
   dependencies:
-    "@types/estree" "1.0.7"
+    "@types/estree" "1.0.8"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.40.2"
-    "@rollup/rollup-android-arm64" "4.40.2"
-    "@rollup/rollup-darwin-arm64" "4.40.2"
-    "@rollup/rollup-darwin-x64" "4.40.2"
-    "@rollup/rollup-freebsd-arm64" "4.40.2"
-    "@rollup/rollup-freebsd-x64" "4.40.2"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.40.2"
-    "@rollup/rollup-linux-arm-musleabihf" "4.40.2"
-    "@rollup/rollup-linux-arm64-gnu" "4.40.2"
-    "@rollup/rollup-linux-arm64-musl" "4.40.2"
-    "@rollup/rollup-linux-loongarch64-gnu" "4.40.2"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.40.2"
-    "@rollup/rollup-linux-riscv64-gnu" "4.40.2"
-    "@rollup/rollup-linux-riscv64-musl" "4.40.2"
-    "@rollup/rollup-linux-s390x-gnu" "4.40.2"
-    "@rollup/rollup-linux-x64-gnu" "4.40.2"
-    "@rollup/rollup-linux-x64-musl" "4.40.2"
-    "@rollup/rollup-win32-arm64-msvc" "4.40.2"
-    "@rollup/rollup-win32-ia32-msvc" "4.40.2"
-    "@rollup/rollup-win32-x64-msvc" "4.40.2"
+    "@rollup/rollup-android-arm-eabi" "4.52.5"
+    "@rollup/rollup-android-arm64" "4.52.5"
+    "@rollup/rollup-darwin-arm64" "4.52.5"
+    "@rollup/rollup-darwin-x64" "4.52.5"
+    "@rollup/rollup-freebsd-arm64" "4.52.5"
+    "@rollup/rollup-freebsd-x64" "4.52.5"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.52.5"
+    "@rollup/rollup-linux-arm-musleabihf" "4.52.5"
+    "@rollup/rollup-linux-arm64-gnu" "4.52.5"
+    "@rollup/rollup-linux-arm64-musl" "4.52.5"
+    "@rollup/rollup-linux-loong64-gnu" "4.52.5"
+    "@rollup/rollup-linux-ppc64-gnu" "4.52.5"
+    "@rollup/rollup-linux-riscv64-gnu" "4.52.5"
+    "@rollup/rollup-linux-riscv64-musl" "4.52.5"
+    "@rollup/rollup-linux-s390x-gnu" "4.52.5"
+    "@rollup/rollup-linux-x64-gnu" "4.52.5"
+    "@rollup/rollup-linux-x64-musl" "4.52.5"
+    "@rollup/rollup-openharmony-arm64" "4.52.5"
+    "@rollup/rollup-win32-arm64-msvc" "4.52.5"
+    "@rollup/rollup-win32-ia32-msvc" "4.52.5"
+    "@rollup/rollup-win32-x64-gnu" "4.52.5"
+    "@rollup/rollup-win32-x64-msvc" "4.52.5"
     fsevents "~2.3.2"
 
 router@^2.2.0:
@@ -6875,10 +7140,10 @@ safe-regex-test@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@1.89.2:
-  version "1.89.2"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.89.2.tgz#a771716aeae774e2b529f72c0ff2dfd46c9de10e"
-  integrity sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==
+sass@1.93.2:
+  version "1.93.2"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.93.2.tgz#e97d225d60f59a3b3dbb6d2ae3c1b955fd1f2cd1"
+  integrity sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==
   dependencies:
     chokidar "^4.0.0"
     immutable "^5.0.2"
@@ -6915,10 +7180,10 @@ semver@7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@7.7.2:
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
-  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+semver@7.7.3:
+  version "7.7.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
+  integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
 
 semver@^5.6.0:
   version "5.7.2"
@@ -6930,7 +7195,12 @@ semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.5, semver@^7.5.3, semver@^7.5.4, semver@^7.6.3:
+semver@^7.3.5:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
+semver@^7.5.3, semver@^7.5.4, semver@^7.6.3:
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
   integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
@@ -7097,10 +7367,10 @@ signal-exit@^4.0.1, signal-exit@^4.1.0:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
-sinon-chai@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/sinon-chai/-/sinon-chai-4.0.0.tgz#77d59d9f4a833f0d3a88249b4637acc72656fdfa"
-  integrity sha512-cWqO7O2I4XfJDWyWElAQ9D/dtdh5Mo0RHndsfiiYyjWnlPzBJdIvjCVURO4EjyYaC3BjV+ISNXCfTXPXTEIEWA==
+sinon-chai@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/sinon-chai/-/sinon-chai-4.0.1.tgz#f70000fe0e4f4ab7ceeb3703d3053f8886e0386b"
+  integrity sha512-xMKEEV3cYHC1G+boyr7QEqi80gHznYsxVdC9CdjP5JnCWz/jPGuXQzJz3PtBcb0CcHAxar15Y5sjLBoAs6a0yA==
 
 sinon@20.0.0:
   version "20.0.0"
@@ -7158,7 +7428,7 @@ socks@^2.8.3:
     ip-address "^9.0.5"
     smart-buffer "^4.2.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -7208,7 +7478,7 @@ std-env@^3.9.0:
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.9.0.tgz#1a6f7243b339dca4c9fd55e1c7504c77ef23e8f1"
   integrity sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==
 
-stop-iteration-iterator@^1.0.0:
+stop-iteration-iterator@^1.0.0, stop-iteration-iterator@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
   integrity sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==
@@ -7261,7 +7531,7 @@ string.prototype.trim@^1.2.10:
     es-object-atoms "^1.0.0"
     has-property-descriptors "^1.0.2"
 
-string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+string.prototype.trimend@^1.0.9:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
   integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
@@ -7352,29 +7622,24 @@ stylelint-config-recommended-scss@^14.0.0:
     stylelint-scss "^6.4.0"
 
 stylelint-config-recommended-vue@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.6.0.tgz#e5d34d9f11417922a24dbd21438c6c058843fa20"
-  integrity sha512-syk1adIHvbH2T1OiR/spUK4oQy35PZIDw8Zmc7E0+eVK9Z9SK3tdMpGRT/bgGnAPpMt/WaL9K1u0tlF6xM0sMQ==
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.6.1.tgz#6a93082ce4a5c1f64793b789175a833c57ce8309"
+  integrity sha512-lLW7hTIMBiTfjenGuDq2kyHA6fBWd/+Df7MO4/AWOxiFeXP9clbpKgg27kHfwA3H7UNMGC7aeP3mNlZB5LMmEQ==
   dependencies:
     semver "^7.3.5"
     stylelint-config-html ">=1.0.0"
     stylelint-config-recommended ">=6.0.0"
 
-stylelint-config-recommended@>=6.0.0:
-  version "15.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-15.0.0.tgz#93d48db401215708b724f078533864e52085a07b"
-  integrity sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA==
+stylelint-config-recommended@>=6.0.0, stylelint-config-recommended@^16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz#0221f19902816fe7d53d9a01eb0be4cc7b4fe80a"
+  integrity sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==
 
 stylelint-config-recommended@^14.0.1:
   version "14.0.1"
   resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-14.0.1.tgz#d25e86409aaf79ee6c6085c2c14b33c7e23c90c6"
   integrity sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==
 
-stylelint-config-recommended@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz#0221f19902816fe7d53d9a01eb0be4cc7b4fe80a"
-  integrity sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==
-
 stylelint-config-standard@38.0.0:
   version "38.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-38.0.0.tgz#9d673ec1f35d7569476ee4b0582e7dd5faebf036"
@@ -7396,39 +7661,39 @@ stylelint-scss@^6.4.0:
     postcss-selector-parser "^7.1.0"
     postcss-value-parser "^4.2.0"
 
-stylelint@16.19.1:
-  version "16.19.1"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.19.1.tgz#486b95fa7518a3077ee2802bc6dda2174bc097bb"
-  integrity sha512-C1SlPZNMKl+d/C867ZdCRthrS+6KuZ3AoGW113RZCOL0M8xOGpgx7G70wq7lFvqvm4dcfdGFVLB/mNaLFChRKw==
+stylelint@16.25.0:
+  version "16.25.0"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.25.0.tgz#c3d602974f2a18fa57fadc9f3f40129b098fe4dc"
+  integrity sha512-Li0avYWV4nfv1zPbdnxLYBGq4z8DVZxbRgx4Kn6V+Uftz1rMoF1qiEI3oL4kgWqyYgCgs7gT5maHNZ82Gk03vQ==
   dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/media-query-list-parser" "^4.0.2"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/media-query-list-parser" "^4.0.3"
     "@csstools/selector-specificity" "^5.0.0"
-    "@dual-bundle/import-meta-resolve" "^4.1.0"
+    "@dual-bundle/import-meta-resolve" "^4.2.1"
     balanced-match "^2.0.0"
     colord "^2.9.3"
     cosmiconfig "^9.0.0"
     css-functions-list "^3.2.3"
     css-tree "^3.1.0"
-    debug "^4.3.7"
+    debug "^4.4.3"
     fast-glob "^3.3.3"
     fastest-levenshtein "^1.0.16"
-    file-entry-cache "^10.0.8"
+    file-entry-cache "^10.1.4"
     global-modules "^2.0.0"
     globby "^11.1.0"
     globjoin "^0.1.4"
     html-tags "^3.3.1"
-    ignore "^7.0.3"
+    ignore "^7.0.5"
     imurmurhash "^0.1.4"
     is-plain-object "^5.0.0"
-    known-css-properties "^0.36.0"
+    known-css-properties "^0.37.0"
     mathml-tag-names "^2.1.3"
     meow "^13.2.0"
     micromatch "^4.0.8"
     normalize-path "^3.0.0"
     picocolors "^1.1.1"
-    postcss "^8.5.3"
+    postcss "^8.5.6"
     postcss-resolve-nested-selector "^0.1.6"
     postcss-safe-parser "^7.0.1"
     postcss-selector-parser "^7.1.0"
@@ -7440,7 +7705,7 @@ stylelint@16.19.1:
     table "^6.9.0"
     write-file-atomic "^5.0.1"
 
-superjson@^2.2.1:
+superjson@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/superjson/-/superjson-2.2.2.tgz#9d52bf0bf6b5751a3c3472f1292e714782ba3173"
   integrity sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==
@@ -7542,12 +7807,12 @@ tinyexec@^0.3.2:
   integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
 
 tinyglobby@^0.2.13:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.13.tgz#a0e46515ce6cbcd65331537e57484af5a7b2ff7e"
-  integrity sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==
+  version "0.2.15"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
+  integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
   dependencies:
-    fdir "^6.4.4"
-    picomatch "^4.0.2"
+    fdir "^6.5.0"
+    picomatch "^4.0.3"
 
 tinypool@^1.0.2:
   version "1.0.2"
@@ -7603,6 +7868,13 @@ tr46@^5.1.0:
   dependencies:
     punycode "^2.3.1"
 
+ts-declaration-location@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/ts-declaration-location/-/ts-declaration-location-1.0.7.tgz#d4068fe9975828b3b453b3ab112b4711d8267688"
+  integrity sha512-EDyGAwH1gO0Ausm9gV6T2nUvBgXT5kGoCMJPllOaooZ+4VvJiKBdZE7wK18N1deEowhcUptS+5GXZK8U/fvpwA==
+  dependencies:
+    picomatch "^4.0.2"
+
 tsconfig-paths@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
@@ -7762,7 +8034,7 @@ untildify@4.0.0:
   resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
   integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
 
-update-browserslist-db@^1.1.1:
+update-browserslist-db@^1.1.1, update-browserslist-db@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
   integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
@@ -7813,7 +8085,7 @@ uuid@8.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-vary@^1, vary@^1.1.2:
+vary@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
@@ -7830,25 +8102,25 @@ vite-node@3.1.3:
     vite "^5.0.0 || ^6.0.0"
 
 vite-plugin-eslint2@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/vite-plugin-eslint2/-/vite-plugin-eslint2-5.0.3.tgz#677b6563e00b96fdc4f3f2ea49e2e2008430ca52"
-  integrity sha512-kbjjbSyxSYK1oK0kOnSVs2er8DhqNbVA5pNN21SJo8AldQIOgG4LVQvwp6ISYMDXQaaBMOCrmXFTfGkQUjIZ1g==
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-eslint2/-/vite-plugin-eslint2-5.0.4.tgz#7276c9179742d3c19faa94f30f9eb5cb7ac04888"
+  integrity sha512-3Yc7K2R/RrONB9JtwEh2Y40YP3tQi/3UiNHrwcYDsDBKDKnEu7B8PwmXLm7piDFRbxcnTPvgrV2LZnBpKP8JUw==
   dependencies:
-    "@rollup/pluginutils" "^5.1.3"
-    debug "^4.3.7"
+    "@rollup/pluginutils" "^5.2.0"
+    debug "^4.4.1"
 
 vite-plugin-stylelint@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-stylelint/-/vite-plugin-stylelint-6.0.0.tgz#4d899f4a76f08306ac5148ada47f52d5cf382775"
-  integrity sha512-qXsot4hTkAlR8aXNXhBxF1KWyP78SocCobD1mBwka85l0+nY1Ja4HEyW2x2RbC7kIs6ff9mdUxK9TqcwuxQjxw==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-stylelint/-/vite-plugin-stylelint-6.0.2.tgz#8a44345dacb6710877cd841e0467811c6b90253d"
+  integrity sha512-whqm2m5rvfd4cYA+cpwZ3BROR/5enRGdRr65hxQNHYn6YFmP8M1xrVKEbLIEBSmmSZ7G7AEZWccS8X+UAksIXA==
   dependencies:
-    "@rollup/pluginutils" "^5.1.3"
-    debug "^4.3.7"
+    "@rollup/pluginutils" "^5.2.0"
+    debug "^4.4.1"
 
 "vite@^5.0.0 || ^6.0.0", vite@^6.1.0:
-  version "6.3.5"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.5.tgz#fec73879013c9c0128c8d284504c6d19410d12a3"
-  integrity sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.4.1.tgz#afbe14518cdd6887e240a4b0221ab6d0ce733f96"
+  integrity sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==
   dependencies:
     esbuild "^0.25.0"
     fdir "^6.4.4"
@@ -7896,26 +8168,25 @@ vue-demi@^0.13.11:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
-vue-eslint-parser@10.1.3:
-  version "10.1.3"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz#96457823a5915a62001798cfd9cc15a89067bf81"
-  integrity sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==
+vue-eslint-parser@10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz#cb53f89b14c7f5bf6a95c9532e3b2961ab619d61"
+  integrity sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==
   dependencies:
     debug "^4.4.0"
     eslint-scope "^8.2.0"
     eslint-visitor-keys "^4.2.0"
     espree "^10.3.0"
     esquery "^1.6.0"
-    lodash "^4.17.21"
     semver "^7.6.3"
 
 vue-i18n@11:
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.3.tgz#831f622ef0a73993e6f08d953e5a3bde9bae3484"
-  integrity sha512-Pcylh9z9S5+CJAqgbRZ3EKxFIBIrtY5YUppU722GIT65+Nukm0TCqiQegZnNLCZkXGthxe0cpqj0AoM51H+6Gw==
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.12.tgz#230b21d65dd89343ebd40d19c9e3cfb13db8c1fd"
+  integrity sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==
   dependencies:
-    "@intlify/core-base" "11.1.3"
-    "@intlify/shared" "11.1.3"
+    "@intlify/core-base" "11.1.12"
+    "@intlify/shared" "11.1.12"
     "@vue/devtools-api" "^6.5.0"
 
 vue-observe-visibility@^2.0.0-alpha.1:
@@ -7928,10 +8199,10 @@ vue-resize@^2.0.0-alpha.1:
   resolved "https://registry.yarnpkg.com/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz#43eeb79e74febe932b9b20c5c57e0ebc14e2df3a"
   integrity sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==
 
-vue-router@4.5.1:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.1.tgz#47bffe2d3a5479d2886a9a244547a853aa0abf69"
-  integrity sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==
+vue-router@4.6.4:
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.4.tgz#a0a9cb9ef811a106d249e4bb9313d286718020d8"
+  integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
@@ -7944,16 +8215,16 @@ vue-virtual-scroller@^2.0.0-beta.7:
     vue-observe-visibility "^2.0.0-alpha.1"
     vue-resize "^2.0.0-alpha.1"
 
-vue@3.5.17:
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.17.tgz#ea8a6a45abb2b0620e7d479319ce8434b55650cf"
-  integrity sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==
+vue@3.5.22:
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.22.tgz#2b8ddb94ee4b640ef12fe7f6efe1cf16f3b582e7"
+  integrity sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==
   dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-sfc" "3.5.17"
-    "@vue/runtime-dom" "3.5.17"
-    "@vue/server-renderer" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-sfc" "3.5.22"
+    "@vue/runtime-dom" "3.5.22"
+    "@vue/server-renderer" "3.5.22"
+    "@vue/shared" "3.5.22"
 
 vuex@4.1.0:
   version "4.1.0"
@@ -8046,7 +8317,7 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
   integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
 
-which-typed-array@^1.1.13, which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+which-typed-array@^1.1.13, which-typed-array@^1.1.16, which-typed-array@^1.1.18, which-typed-array@^1.1.19:
   version "1.1.19"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
   integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
@@ -8299,13 +8570,3 @@ zip-stream@^4.1.0:
     archiver-utils "^3.0.4"
     compress-commons "^4.1.2"
     readable-stream "^3.6.0"
-
-zod-to-json-schema@^3.24.1:
-  version "3.24.5"
-  resolved "https://registry.yarnpkg.com/zod-to-json-schema/-/zod-to-json-schema-3.24.5.tgz#d1095440b147fb7c2093812a53c54df8d5df50a3"
-  integrity sha512-/AuWwMP+YqiPbsJx5D6TfgRTc4kTLjsh5SOcd4bLsfUg2RcEXrFMJl1DGgdHy2aCfsIA/cr/1JM0xcB2GZji8g==
-
-zod@^3.23.8, zod@^3.24.2:
-  version "3.24.3"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-3.24.3.tgz#1f40f750a05e477396da64438e0e1c0995dafd87"
-  integrity sha512-HhY1oqzWCQWuUqvBFnsyrtZRhyPeR7SUGv+C4+MsisMuVfSPx8HpwWqH8tRahSlt6M3PiFAcoeFhZAqIXTxoSg==